:root {
  --body-background: rgb(239, 246, 230);
  --impex-color-red: rgb(220, 76, 63);
  --impex-color-blue: rgb(46, 97, 163);
  --impex-color-white: rgb(26, 26, 26);
  --impex-brand-icon: rgb(26, 26, 26);
  --impex-brand-icon-light: rgb(255, 255, 255);
  --impex-brand-label: rgb(255, 255, 255);
  --menu-background: rgb(57, 57, 57);
  --menu-background-hover: rgb(85, 150, 27);
  --menu-label: rgb(221, 221, 221);
  --menu-label-hover: rgb(239, 246, 230);
  --menu-item-product-hover: rgb(99, 165, 41);
  --menu-dropdown-item-text-hover: rgb(99, 165, 41);
  --menu-tag-label: rgb(26, 26, 26);
  --theme-selector-background: rgb(57, 57, 57);
  --theme-selector-background-hover: rgb(99, 165, 41);
  --moon-icon-toggle: rgb(255, 255, 255);
  --moon-icon-toggle-dark: rgb(26, 26, 26);
  --moon-icon-toggle-light: rgb(255, 255, 255);
  --title-item-text: rgb(99, 165, 41);
  --title-item-location: rgb(24, 66, 0);
  --link: rgb(26, 26, 26);
  --link-hover: rgb(99, 165, 41);
  --icon-green: rgb(99, 165, 41);
  --icon-fill-one: rgb(26, 26, 26);
  --icon-fill-two: rgb(99, 165, 41);
  --icon-fill-two-intro: rgb(255, 255, 255);
  --brand-first-half: rgb(26, 26, 26);
  --brand-second-half: rgb(99, 165, 41);
  --button-primary-label: rgb(239, 246, 230);
  --button-primary-border: rgb(85, 150, 27);
  --button-primary-background-light: rgb(142, 190, 97);
  --button-primary-background-dark: rgb(85, 150, 27);
  --button-primary-label-hover: rgb(239, 246, 230);
  --news-block-role: rgb(26, 26, 26);
  --news-block-header-border: rgb(85, 150, 27);
  --news-block-date: rgb(26, 26, 26);
  --news-block-title: rgb(99, 165, 41);
  --news-block-paragraph: rgb(26, 26, 26);
  --news-block-item-hover: rgb(99, 165, 41);
  --news-nav-link: rgb(26, 26, 26);
  --news-nav-meta: rgb(26, 26, 26);
  --news-nav-border: rgb(57, 57, 57);
  --post-header-border: rgb(26, 26, 26);
  --post-title: rgb(99, 165, 41);
  --post-text: rgb(26, 26, 26);
  --post-aside-date: rgb(26, 26, 26);
  --post-aside-title: rgb(26, 26, 26);
  --post-aside-hover: rgb(99, 165, 41);
  --post-aside-item-border: rgb(26, 26, 26);
  --post-content-headings: rgb(26, 26, 26);
  --post-hr-background: rgb(99, 165, 41);
  --page-title: rgb(99, 165, 41);
  --page-heading: rgb(10, 10, 10);
  --page-text: rgb(26, 26, 26);
  --page-text-strong: rgb(10, 10, 10);
  --project-graphic-background: rgb(206, 228, 182);
  --project-item-divider: rgb(85, 150, 27);
  --project-title: rgb(99, 165, 41);
  --project-tagline: rgb(26, 26, 26);
  --project-text: rgb(26, 26, 26);
  --project-item-brand-background: rgb(206, 228, 182);
  --project-item-title: rgb(99, 165, 41);
  --project-item-text: rgb(26, 26, 26);
  --project-item-heading: rgb(10, 10, 10);
  --partners-title: rgb(26, 26, 26);
  --partners-text: rgb(26, 26, 26);
  --partner-logo-light: rgb(255, 255, 255);
  --partner-logo-dark: rgb(26, 26, 26);
  --company-text: rgb(26, 26, 26);
  --company-title: rgb(99, 165, 41);
  --services-heading: rgb(26, 26, 26);
  --about-title: rgb(99, 165, 41);
  --about-text: rgb(26, 26, 26);
  --team-item-role: rgb(26, 26, 26);
  --team-item-heading: rgb(99, 165, 41);
  --contact-list-heading: rgb(26, 26, 26);
  --contact-text: rgb(26, 26, 26);
  --footer-title: rgb(26, 26, 26);
  --footer-link: rgb(26, 26, 26);
  --footer-copy: rgb(26, 26, 26);
  --dropdown-background: rgb(57, 57, 57);
  --dropdown-border: rgb(94, 94, 94);
  --dropdown-item-label: rgb(221, 221, 221);
  --dropdown-item-border: rgb(94, 94, 94);
  --product-menu-background: rgb(10, 10, 10);
  --product-menu-label: rgb(221, 221, 221);
  --product-menu-label-hover: rgb(142, 190, 97);
  --product-menu-label-active: rgb(142, 190, 97);
  --breadcrumb-docs-background: rgb(206, 228, 182);
  --breadcrumb-docs-heading: rgb(24, 66, 0);
  --breadcrumb-docs-search-background: rgb(174, 210, 138);
  --breadcrumb-docs-icon: rgb(24, 66, 0);
  --breadcrumb-docs-label: rgb(24, 66, 0);
  --breadcrumb-docs-placeholder: rgb(24, 66, 0);
  --docs-aside-menu-border: rgb(142, 190, 97);
  --docs-aside-menu-heading: rgb(10, 10, 10);
  --docs-aside-menu-item: rgb(26, 26, 26);
  --docs-aside-menu-subitem: rgb(57, 57, 57);
  --docs-code-block-text: rgb(221, 221, 221);
  --docs-code-block-background: rgb(10, 10, 10);
  --page-doc-item-background: rgb(255, 255, 255);
  --page-doc-item-heading: rgb(10, 10, 10);
  --page-doc-item-table-item: rgb(57, 57, 57);
  --page-doc-item-table-border: rgb(176, 176, 176);
  --page-doc-image-border: rgb(24, 66, 0);
  --post-meta-date: rgb(221, 221, 221);
  --post-meta-date-label: rgb(26, 26, 26);
  --post-table-header: rgb(142, 190, 97);
  --post-table-header-text: rgb(24, 66, 0);
  --post-table-border: rgb(99, 165, 41);
  --post-table-row-odd: rgb(206, 228, 182);
  --table-border: rgb(99, 165, 41);
  --table-data-heading: rgb(24, 66, 0);
  --table-data-item: rgb(24, 66, 0);
  --list-item-text:	rgb(26, 26, 26);
  --list-item-text-hover: rgb(99, 165, 41);
  --checked-list-before: rgb(99, 165, 41);
  --docs-table-head-heading: rgb(24, 66, 0);
  --docs-table-row-border: rgb(99, 165, 41);
  --docs-table-row-odd-background: rgb(206, 228, 182);
  --docs-table-row-even-background: rgb(239, 246, 230);
  --search-results-border: rgb(142, 190, 97);
  --search-results-background: rgb(206, 228, 182);
  --search-results-title: rgb(10, 10, 10);
  --search-results-snippet: rgb(26, 26, 26);
  --search-results-mark: rgb(43, 108, 0);
  --search-results-mark-label: rgb(239, 246, 230);
  --search-results-label-hover: rgb(85, 150, 27);
  --search-results-section-background: rgb(43, 108, 0);
  --search-results-section-heading: rgb(239, 246, 230);
  --release-list-header-label: rgb(26, 26, 26);
  --release-list-date: rgb(10, 10, 10);
  --release-list-title: rgb(26, 26, 26);
  --release-list-link: rgb(99, 165, 41);
  --release-list-border: rgb(142, 190, 97);
  --release-list-border-top: rgb(221, 221, 221);
  --post-aside-dropdown-label: rgb(24, 66, 0);
  --post-aside-dropdown-border: rgb(99, 165, 41);
  --post-aside-dropdown-background: rgb(206, 228, 182);
  --deaddrop-logo-shadow: rgba(78, 141, 179, 0.2);
  --deaddrop-item-background: rgb(99, 165, 41);
  --deaddrop-title: rgb(99, 165, 41);
  --deaddrop-data-item-text: rgb(26, 26, 26);
  --deaddrop-feature-background: rgb(255, 255, 255);
  --deaddrop-logo-label: rgb(26, 26, 26);
  --deaddrop-logo-icon: rgb(78, 141, 179);
  --header-deaddrop-background: rgb(26, 26, 26);
  --feature-block-item-background: rgb(255, 255, 255);
  --feature-block-heading: rgb(26, 26, 26);
  --table-border-color: rgb(142, 190, 97);
  --table-link: rgb(26, 26, 26);
  --table-link-hover: rgb(99, 165, 41);
  --paragraph-text: rgb(26, 26, 26);
  --blockqoute-border: rgb(99, 165, 41);
  --impex-datalock-graphic: rgb(26, 26, 26);
  --impex-datalock-graphic-box: rgb(255, 255, 255);
  --impex-title: rgb(26, 26, 26);
  --impex-text: rgb(26, 26, 26);
  --impex-step-square: rgb(26, 26, 26);
  --impex-step-square-text: rgb(255, 255, 255);
  --impex-step-controller-checked-background: rgb(99, 165, 41);
  --impex-step-controller-checked-text: rgb(239, 246, 230);
  --impex-step-controller-background: rgb(174, 210, 138);
  --impex-step-controller-background-hover: rgb(99, 165, 41);
  --impex-step-controller-text: rgb(24, 66, 0);
  --impex-step-controller-text-hover: rgb(239, 246, 230);
  --impex-connection-active: rgb(85, 150, 27);
  --impex-connection-faded: rgb(174, 210, 138);
  --header-impex-background: rgb(26, 26, 26);
  --page-impex-intro-text: rgb(26, 26, 26);
  --documentation-line: rgb(99, 165, 41);
  --documentation-menu-item: rgb(26, 26, 26);
  --documentation-menu-item-hover:rgb(99, 165, 41);
  --documentation-dropdown-label: rgb(24, 66, 0);
  --documentation-dropdown-label-background: rgb(206, 228, 182);
  --documentation-button-background: rgb(26, 26, 26);
  --documentation-button-label: rgb(255, 255, 255);
  --documentation-button-background-hover: rgb(99, 165, 41);
  --documentation-button-label-hover: rgb(255, 255, 255);
  --page-accessories-border: rgb(206, 228, 182);
  --page-accessories-item-text: rgb(26, 26, 26);
  --page-accessories-item-title: rgb(26, 26, 26);
  --page-accessories-item-heading: rgb(26, 26, 26);
  --page-accessories-item-border: rgb(85, 150, 27);
  --deaddrop-glow-color: rgb(142, 190, 97);
  --deaddrop-glow-shadow:
  	0 0 0 color-mix(in srgb, var(--deaddrop-glow-color) 50%, transparent),
  	0 0 0.2rem color-mix(in srgb, var(--deaddrop-glow-color) 50%, transparent),
  	0 0 0.4rem color-mix(in srgb, var(--deaddrop-glow-color) 50%, transparent),
  	0 0 0.8rem color-mix(in srgb, var(--deaddrop-glow-color) 50%, transparent);
  --deaddrop-pulse-background-zero: color-mix(in srgb, var(--deaddrop-glow-color) 0%, transparent);
  --deaddrop-pulse-background-five: color-mix(in srgb, var(--deaddrop-glow-color) 50%, transparent);
  --scrollbar-size: 0.9rem;
  --scrollbar-track: transparent;
  --scrollbar-thumb: rgb(206, 228, 182);
  --scrollbar-thumb-hover: rgb(174, 210, 138);
  --scrollbar-thumb-active: rgb(85, 150, 27);
  --scrollbar-radius: 0.9rem;
}

[data-theme-preference=dark] {
  --body-background: rgb(26, 26, 26);
  --impex-color-white: rgb(255, 255, 255);
  --impex-brand-icon: rgb(255, 255, 255);
  --menu-tag-label: rgb(221, 221, 221);
  --title-item-text: rgb(221, 221, 221);
  --title-item-location: rgb(134, 134, 134);
  --link: rgb(221, 221, 221);
  --icon-fill-one: rgb(255, 255, 255);
  --brand-first-half: rgb(221, 221, 221);
  --button-primary-label: rgb(206, 228, 182);
  --button-primary-border: rgb(43, 108, 0);
  --button-primary-background-light: rgb(43, 108, 0);
  --button-primary-background-dark: rgb(24, 66, 0);
  --button-primary-label-hover: rgb(239, 246, 230);
  --news-block-role: rgb(134, 134, 134);
  --news-block-header-border: rgb(57, 57, 57);
  --news-block-date: rgb(134, 134, 134);
  --news-block-title: rgb(221, 221, 221);
  --news-block-paragraph: rgb(176, 176, 176);
  --news-nav-link: rgb(221, 221, 221);
  --news-nav-meta: rgb(134, 134, 134);
  --post-header-border: rgb(57, 57, 57);
  --post-title: rgb(221, 221, 221);
  --post-text: rgb(176, 176, 176);
  --post-aside-date: rgb(134, 134, 134);
  --post-aside-title: rgb(221, 221, 221);
  --post-aside-item-border: rgb(57, 57, 57);
  --post-content-headings: rgb(221, 221, 221);
  --post-hr-background: rgb(57, 57, 57);
  --page-title: rgb(221, 221, 221);
  --page-heading: rgb(176, 176, 176);
  --page-text: rgb(176, 176, 176);
  --page-text-strong: rgb(221, 221, 221);
  --project-graphic-background: rgb(10, 10, 10);
  --project-item-divider: rgb(57, 57, 57);
  --project-title: rgb(221, 221, 221);
  --project-tagline: rgb(176, 176, 176);
  --project-text: rgb(176, 176, 176);
  --project-item-brand-background: rgb(10, 10, 10);
  --project-item-title: rgb(221, 221, 221);
  --project-item-text: rgb(176, 176, 176);
  --project-item-heading: rgb(221, 221, 221);
  --partners-title: rgb(221, 221, 221);
  --partners-text: rgb(176, 176, 176);
  --partner-logo-light: rgb(10, 10, 10);
  --partner-logo-dark: rgb(10, 10, 10);
  --company-text: rgb(176, 176, 176);
  --company-title: rgb(221, 221, 221);
  --services-heading: rgb(221, 221, 221);
  --about-title: rgb(221, 221, 221);
  --about-text: rgb(176, 176, 176);
  --team-item-role: rgb(134, 134, 134);
  --team-item-heading: rgb(221, 221, 221);
  --contact-list-heading: rgb(221, 221, 221);
  --contact-text: rgb(176, 176, 176);
  --footer-title: rgb(134, 134, 134);
  --footer-link: rgb(221, 221, 221);
  --footer-copy: rgb(134, 134, 134);
  --event-tag-item-label: rgb(206, 228, 182);
  --event-tag-item-background: rgb(10, 10, 10);
  --breadcrumb-docs-background: rgb(10, 10, 10);
  --breadcrumb-docs-heading: rgb(221, 221, 221);
  --breadcrumb-docs-search-background: rgb(57, 57, 57);
  --breadcrumb-docs-icon: rgb(176, 176, 176);
  --breadcrumb-docs-label: rgb(221, 221, 221);
  --breadcrumb-docs-placeholder: rgb(176, 176, 176);
  --docs-aside-menu-border: rgb(94, 94, 94);
  --docs-aside-menu-heading: rgb(221, 221, 221);
  --docs-aside-menu-item: rgb(176, 176, 176);
  --docs-aside-menu-subitem: rgb(134, 134, 134);
  --page-doc-item-background: rgb(10, 10, 10);
  --page-doc-item-heading: rgb(176, 176, 176);
  --page-doc-item-table-item: rgb(176, 176, 176);
  --page-doc-item-table-border: rgb(57, 57, 57);
  --page-doc-image-border: rgb(94, 94, 94);
  --post-meta-date: rgb(221, 221, 221);
  --post-meta-date-label: rgb(134, 134, 134);
  --post-table-header: rgb(10, 10, 10);
  --post-table-header-text: rgb(221, 221, 221);
  --post-table-border: rgb(94, 94, 94);
  --post-table-row-odd: rgb(10, 10, 10);
  --table-border: rgb(94, 94, 94);
  --table-data-heading: rgb(221, 221, 221);
  --table-data-item: rgb(176, 176, 176);
  --list-item-text:	rgb(221, 221, 221);
  --list-item-text-hover: rgb(99, 165, 41);
  --checked-list-before: rgb(99, 165, 41);
  --docs-table-head-heading: rgb(176, 176, 176);
  --docs-table-row-border: rgb(57, 57, 57);
  --docs-table-row-odd-background: rgb(10, 10, 10);
  --docs-table-row-even-background: rgb(26, 26, 26);
  --search-results-border: rgb(94, 94, 94);
  --search-results-background: rgb(57, 57, 57);
  --search-results-title: rgb(221, 221, 221);
  --search-results-snippet: rgb(176, 176, 176);
  --search-results-mark: rgb(43, 108, 0);
  --search-results-mark-label: rgb(239, 246, 230);
  --search-results-label-hover: rgb(99, 165, 41);
  --search-results-section-background: rgb(10, 10, 10);
  --search-results-section-heading: rgb(206, 228, 182);
  --release-list-header-label: rgb(134, 134, 134);
  --release-list-date: rgb(221, 221, 221);
  --release-list-title: rgb(221, 221, 221);
  --release-list-border: rgb(57, 57, 57);
  --release-list-border-top: rgb(57, 57, 57);
  --post-aside-dropdown-label: rgb(24, 66, 0);
  --post-aside-dropdown-border: rgb(99, 165, 41);
  --post-aside-dropdown-background: rgb(206, 228, 182);
  --deaddrop-item-background: rgb(128, 183, 220);
  --deaddrop-title: rgb(128, 183, 220);
  --deaddrop-data-item-text: rgb(221, 221, 221);
  --deaddrop-logo-label: rgb(255, 255, 255);
  --deaddrop-logo-icon: rgb(78, 141, 179);
  --header-deaddrop-background: rgb(10, 10, 10);
  --feature-block-item-background: rgb(10, 10, 10);
  --feature-block-heading: rgb(221, 221, 221);
  --table-border-color: rgb(57, 57, 57);
  --table-link: rgb(221, 221, 221);
  --table-link-hover: rgb(99, 165, 41);
  --paragraph-text: rgb(176, 176, 176);
  --blockqoute-border: rgb(99, 165, 41);
  --impex-datalock-graphic: rgb(26, 26, 26);
  --impex-datalock-graphic-box: rgb(255, 255, 255);
  --impex-title: rgb(26, 26, 26);
  --impex-text: rgb(221, 221, 221);
  --impex-step-square: rgb(10, 10, 10);
  --impex-step-square-text: rgb(221, 221, 221);
  --impex-step-controller-checked-background: rgb(176, 176, 176);
  --impex-step-controller-checked-text: rgb(10, 10, 10);
  --impex-step-controller-background: rgb(57, 57, 57);
  --impex-step-controller-background-hover: rgb(176, 176, 176);
  --impex-step-controller-text: rgb(176, 176, 176);
  --impex-step-controller-text-hover: rgb(57, 57, 57);
  --impex-connection-active: rgb(85, 150, 27);
  --impex-connection-faded: rgb(94, 94, 94);
  --header-impex-background: rgb(10, 10, 10);
  --page-impex-intro-text: rgb(221, 221, 221);
  --documentation-line: rgb(57, 57, 57);
  --documentation-menu-item: rgb(26, 26, 26);
  --documentation-menu-item-hover:rgb(99, 165, 41);
  --documentation-dropdown-label: rgb(221, 221, 221);
  --documentation-dropdown-label-background: rgb(10, 10, 10);
  --documentation-button-background: rgb(26, 26, 26);
  --documentation-button-label: rgb(255, 255, 255);
  --documentation-button-background-hover: rgb(99, 165, 41);
  --documentation-button-label-hover: rgb(255, 255, 255);
  --page-accessories-border: rgb(57, 57, 57);
  --page-accessories-item-text: rgb(134, 134, 134);
  --page-accessories-item-title: rgb(221, 221, 221);
  --page-accessories-item-heading: rgb(221, 221, 221);
  --page-accessories-item-border: rgb(57, 57, 57);
  --deaddrop-glow-color: rgb(128, 183, 220);
  --scrollbar-thumb: rgb(57, 57, 57);
  --scrollbar-thumb-hover: rgb(134, 134, 134);
  --scrollbar-thumb-active: rgb(134, 134, 134);
}

@font-face {
  font-family: "ss3";
  font-weight: 300 400 500 600 700;
  font-stretch: 75% 125%;
  font-style: normal;
  src: url("../fonts/ss3.ttf") format("truetype");
}
@font-face {
  font-family: "ss3-italic";
  font-weight: 300 400 500 600 700;
  font-stretch: 75% 125%;
  font-style: italic;
  src: url("../fonts/ss3-italic.ttf") format("truetype");
}
@font-face {
  font-family: "scp";
  font-weight: 300 400 500 600 700;
  font-stretch: 75% 125%;
  font-style: normal;
  src: url("../fonts/scp.ttf") format("truetype");
}
@font-face {
  font-family: "scp-italic";
  font-weight: 300 400 500 600 700;
  font-stretch: 75% 125%;
  font-style: italic;
  src: url("../fonts/scp-italic.ttf") format("truetype");
}
/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul, li {
  list-style: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  display: block;
  height: 100%;
  background: black;
  font-size: 125%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  text-rendering: optimizeLegibility;
}

html, body {
  width: 100%;
}

body {
  min-height: 100%;
}

* {
  font-synthesis: none !important;
}

body {
  background-color: var(--body-background);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--deaddrop-pulse-background-five);
  }
  70% {
    box-shadow: 0 0 0 8px var(--deaddrop-pulse-background-zero);
  }
  100% {
    box-shadow: 0 0 0 0 var(--deaddrop-pulse-background-zero);
  }
}
/*	BUTTON
	- Layout
	- Typography
*/
.button {
  appearance: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: auto;
  min-width: 140px;
  padding: 0.45rem 0.9rem;
  border-radius: 0.45rem;
  border: 0.1rem solid transparent;
  font-family: var(--font-family-base);
  font-weight: 700;
  font-size: 1rem;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: 0.22s all ease-in-out;
}
.button-primary {
  background: linear-gradient(var(--button-primary-background-light) 0%, var(--button-primary-background-dark) 100%);
  border-color: var(--button-primary-border);
  color: var(--button-primary-label);
  transition: 0.22s all ease-in-out;
}
.button-primary:hover {
  color: var(--button-primary-label-hover);
  background: linear-gradient(var(--button-primary-background-light) 100%, var(--button-primary-background-dark) 0%);
}
.button-documentation {
  background: var(--documentation-button-background);
  color: var(--documentation-button-label);
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 20px;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  transition: 0.22s all ease-in-out;
}
.button-documentation [class^=icon-], .button-documentation [class*=" icon-"] {
  font-size: 24px;
  margin-left: 4px;
}
.button-documentation:hover {
  background: var(--documentation-button-background-hover);
  color: var(--documentation-button-label-hover);
}
.button-group {
  display: flex;
  flex-direction: row;
  gap: 1.8rem;
}
@media screen and (max-width: 768px) {
  .button {
    font-size: 0.8rem;
  }
  .button-group {
    justify-content: space-between;
    gap: 0.45rem;
  }
}

:root {
  font-size: 20px;
  --font-family-base: 'ss3', sans-serif;
  --font-family-italic: 'ss3-italic', sans-serif;
  --font-family-code: 'scp', monospace;
  --font-family-code-italic: 'scp-italic', monospace;
  --text-xs: 0.64rem;
  --text-sm: 0.8rem;
  --text-base: 1rem;
  --text-md: 1.25rem;
  --text-1g: 1.5625rem;
  --text-x1: 1.953rem;
  --text-2x1: 2.441rem;
  --text-3x1: 3.052rem;
  --leading-tight: 1.2;
  --leading-snug: 1.4;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;
  --leading-loose: 2;
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-widest: 0.1em;
  --measure: 65ch;
  --measure-narrow: 45ch;
  --measure-wide: 80ch;
}

body {
  font-family: var(--font-family-base);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-normal);
  font-optical-sizing: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-base);
  font-weight: 700;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  max-width: var(--mesaure);
  text-wrap: balance;
}

h1 {
  font-size: var(--text-3x1);
}

h2 {
  font-size: var(--text-2x1);
}

h3 {
  font-size: var(--text-x1);
}

h4 {
  font-size: var(--text-1g);
}

h5 {
  font-size: var(--text-md);
  font-weight: 600;
}

h6 {
  font-size: var(--text-base);
  font-weight: 600;
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
}

.prose {
  max-width: var(--mesaure);
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  margin-top: 1.75em;
  margin-bottom: 0.5em;
  line-height: var(--leading-snug);
}
.prose h1 + p, .prose h2 + p, .prose h3 + p, .prose h4 + p, .prose h5 + p, .prose h6 + p {
  margin-top: 0;
}
.prose h1 {
  font-size: var(--text-2x1);
}
.prose h2 {
  font-size: var(--text-x1);
}
.prose h3 {
  font-size: var(--text-lg);
}
.prose h4 {
  font-size: var(--text-md);
}
.prose p {
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  font-weight: 500;
  text-wrap: pretty;
}
.prose p + p {
  margin-top: 1.25em;
}
.prose p:has(a) {
  margin-top: 0;
}
.prose p.lead {
  font-size: var(--text-md);
  line-height: var(--leading-normal);
  font-weight: 300;
  letter-spacing: -0.01em;
}
.prose strong {
  font-weight: 700;
  color: var(--page-text-strong);
}
.prose em {
  font-family: var(--font-family-italic);
  font-style: italic;
  font-weight: 500;
}
.prose b {
  font-weight: 600;
}
.prose a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 0.1rem;
  color: var(--link);
  transition: 0.22s all ease-in-out;
}
.prose a:hover {
  color: var(--link-hover);
}
.prose ul, .prose ol {
  padding-left: 1.4rem;
}
.prose ul li, .prose ol li {
  line-height: var(--leading-relaxed);
  margin-block: 0.4em;
}
.prose figure, .prose img {
  margni-block: 1.5em;
}
.prose blockquote {
  font-family: var(--font-family-italic);
  font-size: var(--text-md);
  font-weight: 300;
  font-style: italic;
  line-height: var(--leading-snug);
  letter-spacing: -0.01em;
  padding-left: 1em;
  border-left: 0.45rem solid var(--blockqoute-border);
  margin-inline: 0;
  margin: 1.25em 0;
}
.prose small, .prose figcaption, .prose .caption {
  font-size: var(--text-sm);
  line-height: var(--leading-snug);
  font-weight: 400;
  letter-spacing: var(--tracking-wide);
  margin-top: 0.5em;
  display: block;
}
.prose pre, .prose code {
  margin-block: 1.25em;
}
.prose hr {
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--post-hr-background);
  border: none;
  border-radius: 0.45rem;
}

a {
  display: inline-flex;
  align-items: center;
  color: var(--link);
  gap: 0.45rem;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  transition: 0.22s all ease-in-out;
}
a:hover {
  color: var(--link-hover);
}

.link-with-icon [class^=icon-], .link-with-icon [class*=" icon-"] {
  display: inline-block;
  text-decoration: none;
  text-underline-offset: 0;
  text-decoration-thickness: 0;
}

.heading-code, .news-nav-item-meta, .page-heading, .page-header-inner .title-item-location, .page-accessories-item-heading, .page-partners-item-heading, .page-project-tagline, .page-services-row-item-heading, .post-aside-list-date, .post-aside-heading, .post-meta-time, .post-meta-tags, .footer-title, .footer .copymark, .news-block-date, .news-list-date, .project-item-heading, .page-documentation-content thead tr th, .release-list-item-date, .feature-block-item-header .heading, .team-block-item-role, .contact-heading, .idl-main-text, .idl-controls label, .page-doc-block-item-table-header-item, .breadcrumb-docs-list li, .event-tag-item {
  font-family: var(--font-family-code);
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: var(--leading-normal);
  letter-spacing: var(--tracking-wide);
}

.paragraph, .page-about-text, .page-accessories-item p, .page-company p, .page-contact-content p, .page-contact-content li, .page-feature-boxes-text p, .page-partners-item p, .page-project-text, .page-services-row-item p, .page-deaddrop p, .page-impex p, .page-impex-content-text p, .post-article, .post-aside-list-item, .post-content p, .news-block-paragraph, .news-list p, .project-item-content p, .page-documentation-content ul, .page-documentation-content ol, .feature-block-item p, .feature-block-item ul li, .docs-row-item, .page-doc-block-item-content p, .page-doc-block-item-content a, .page-doc-block-item-chapters ul li, .page-doc-block-item-table-content-item, .breadcrumb-docs-search {
  font-weight: 500;
  font-size: 1.05rem;
  line-height: var(--leading-relaxed);
  letter-spacing: var(--tracking-normal);
}

/*	SERVICES
*/
.service-block {
  display: flex;
  justify-content: space-between;
}
.service-block-three {
  justify-content: space-between;
}
.service-block-three .service-block-item {
  margin-top: 20px;
}
.service-block-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.icon-small {
  width: 60px;
  height: auto;
}

.icon-medium {
  width: 80px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .icon-medium {
    height: 60px;
  }
}

.icon-arrow-down {
  display: inline-block;
  margin-left: 5px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
  .icon-arrow-down {
    margin-left: 2px;
  }
  .icon-arrow-down svg {
    height: 6px;
  }
  .icon-arrow-down-large svg {
    height: 10px;
  }
}

.icon-fill-one {
  fill: var(--icon-fill-one);
}
.icon-fill-two {
  fill: var(--icon-fill-two);
}
.icon-fill-two-intro {
  fill: var(--icon-fill-two-intro);
}

/*
	Aside responsive dropdown
	- Posts
	- News
*/
input[name=drop-aside] {
  display: none;
  width: 100%;
}
input[name=drop-aside]:checked ~ .post-aside-label svg {
  transform: rotate(180deg);
}
input[name=drop-aside]:checked ~ .release-list {
  height: auto;
  margin-top: var(--vspace);
}

/*	LIST
	- Layout
*/
.list-item {
  display: block;
}
.list-item span {
  display: block;
}
.list-item a {
  color: var(--list-item-text);
  transition: 0.22s all ease-in-out;
}
.list-item a:hover {
  color: var(--list-item-text-hover);
}

.checked-list {
  display: block;
  list-style: disc !important;
}
.checked-list li {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  line-height: var(--leading-relaxed);
  color: var(--page-text);
  margin-bottom: 0.45rem;
}
.checked-list li:before {
  display: inline-block;
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  min-width: 0.45rem;
  border-radius: 100%;
  background: var(--checked-list-before);
  margin-right: 0.45rem;
  margin-top: 0.6rem;
}
@media screen and (max-width: 768px) {
  .checked-list li {
    padding-right: 0.9rem;
  }
}

.clean-list {
  display: block;
  list-style: none;
  margin-bottom: 40px;
}
.clean-list:last-of-type {
  margin-bottom: 0;
}
.clean-list li {
  font-size: 21px;
  font-weight: normal;
  line-height: 42px;
  color: var(--list-item-text);
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .clean-list li {
    font-size: 15px;
    line-height: 25px;
  }
}
.clean-list li a {
  color: var(--list-item-text);
  transition: 0.22s all ease-in-out;
}
.clean-list li a:hover {
  color: var(--list-item-text-hover);
}
@media screen and (max-width: 768px) {
  .clean-list {
    margin-bottom: 20px;
  }
}

.release-list-title {
  font-size: var(--text-1g);
  line-height: var(--leading-snug);
  color: var(--page-heading);
}
.release-list-title:after {
  display: flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--release-list-border);
  border-radius: 0.45rem;
}
.release-list-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.9rem;
  text-decoration: none;
  margin-top: 0.9rem;
}
.release-list-item:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--release-list-border);
  border-radius: 0.45rem;
}
.release-list-item:hover .release-list-item-date, .release-list-item:hover .release-list-item-title {
  color: var(--release-list-link);
}
.release-list-item-date {
  color: var(--release-list-date);
}
.release-list-item-title {
  font-size: var(--text-md);
  color: var(--release-list-title);
  text-decoration: underline;
}

.highlight-list {
  list-style: none;
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .highlight-list {
    margin-top: 20px;
  }
}
.highlight-list li {
  margin-bottom: 20px;
}
.highlight-list li:last-of-type {
  margin-bottom: 0;
}

.deaddrop-brand-label {
  fill: var(--deaddrop-logo-label);
}

.deaddrop-brand-icon {
  fill: var(--deaddrop-logo-icon);
}

.feature-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.feature-block-item {
  display: flex;
  flex-direction: column;
  background: var(--feature-block-item-background);
  border-radius: 0.45rem;
  box-shadow: 0 1px 1px rgba(26, 26, 26, 0.11), 0 2px 2px rgba(26, 26, 26, 0.11), 0 4px 4px rgba(26, 26, 26, 0.11), 0 6px 8px rgba(26, 26, 26, 0.11), 0 8px 16px rgba(26, 26, 26, 0.11);
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  gap: 0.9rem;
}
.feature-block-item p {
  color: var(--page-text);
}
.feature-block-item p:first-of-type {
  margin-top: 0;
}
.feature-block-item p:only-of-type {
  margin-bottom: 0;
}
.feature-block-item-full {
  width: 100%;
}
.feature-block-item .columns-three {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.45rem;
}
.feature-block-item .columns-two {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.feature-block-item .columns-two li {
  width: calc(50% - 20px);
}
.feature-block-item-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
}
.feature-block-item-header [class^=icon-] {
  font-size: var(--text-1g);
  color: var(--icon-green);
}
.feature-block-item-header .heading {
  color: var(--feature-block-heading);
}
.feature-block-item ul {
  list-style: none;
  margin-bottom: 0;
}
.feature-block-item ul li {
  color: var(--page-text);
}
.feature-block-item ul li:last-of-type {
  margin-bottom: 0;
}

/*	MISC
	- Elements
	- Dividers
*/
.company-image {
  display: block;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.07), 0 2px 4px rgba(26, 26, 26, 0.07), 0 4px 8px rgba(26, 26, 26, 0.07), 0 8px 16px rgba(26, 26, 26, 0.07), 0 16px 32px rgba(26, 26, 26, 0.07), 0 32px 64px rgba(26, 26, 26, 0.07);
  border-radius: 4px;
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .company-image {
    width: 100%;
  }
}

.medium-image {
  display: block;
  width: 240px;
  height: auto;
}

.content-image {
  width: 100%;
  height: auto;
}

figure {
  margin-bottom: 40px;
}
figure img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  figure {
    margin-bottom: 20px;
  }
}

/*	SERVICE
	- Layout
*/
.service-column-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.service-column-item h3 {
  color: var(--service-item-heading);
}
@media screen and (max-width: 768px) {
  .service-column-item {
    width: 100%;
  }
}

/*	TEAM
	- Layout
*/
.team-block {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.team-block-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.team-block-item-name {
  font-weight: 600;
  color: var(--team-item-heading);
}
.team-block-item figure {
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 0.9rem;
  border-radius: 0.45rem;
}
.team-block-item figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.45rem;
  box-shadow: 0 1px 1px rgba(26, 26, 26, 0.11), 0 2px 2px rgba(26, 26, 26, 0.11), 0 4px 4px rgba(26, 26, 26, 0.11), 0 6px 8px rgba(26, 26, 26, 0.11), 0 8px 16px rgba(26, 26, 26, 0.11);
  margin-bottom: 0;
}
.team-block-item-role {
  color: var(--team-item-role);
  font-size: var(--text-sm);
}

.error-graphic {
  display: block;
  position: relative;
  margin-bottom: 96px;
}
@media screen and (max-width: 768px) {
  .error-graphic {
    margin-bottom: 40px;
  }
}

.error-title {
  display: none;
}

.error-content {
  display: block;
  max-width: 1440px;
  margin: 0 auto;
  padding: 80px 0;
}
@media screen and (max-width: 768px) {
  .error-content {
    padding: 40px 0;
  }
}

.error-icon {
  display: block;
  margin: 0 auto;
  max-width: 860px;
  height: 100%;
  transition: 0.22s all ease-in-out;
}
@media screen and (max-width: 1170px) {
  .error-icon {
    max-width: 630px;
  }
}
@media screen and (max-width: 768px) {
  .error-icon {
    max-width: 100%;
  }
}

.contact-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1.8rem;
}
.contact-heading {
  color: var(--contact-list-heading);
}

/*	DOCS
	- Download Documentation
*/
.docs-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.docs-row {
  display: flex;
  width: 100%;
  border: 0.1rem solid var(--table-border-color);
  border-bottom: none;
  padding: 0 1rem;
}
.docs-row:first-of-type {
  border-radius: 0.1rem 0.1rem 0 0;
}
.docs-row:last-of-type {
  border-bottom: 0.1rem solid var(--table-border-color);
  border-radius: 0 0 0.1rem 0.1rem;
}
.docs-row-item {
  border-right: 0.1rem solid var(--table-border-color);
  padding: 0.9rem 0;
  margin-left: 1rem;
  color: var(--page-text);
}
.docs-row-item:first-of-type {
  margin-left: 0;
}
.docs-row-item:last-of-type {
  border-right: none;
}
.docs-row-name {
  width: 40%;
}
.docs-row-type {
  width: 10%;
}
.docs-row-language {
  width: 10%;
}
.docs-row-link a {
  color: var(--table-link);
  transition: 0.22s all ease-in-out;
}
.docs-row-link a:hover {
  color: var(--table-link-hover);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .docs-row {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .docs-row-name, .docs-row-type, .docs-row-language, .docs-row-link {
    width: 100%;
  }
  .docs-row-item {
    margin: 0;
    border-right: none;
    padding: 5px 0;
  }
}

/*	Documentation
	- Header
	- Layout
*/
.doc-menu-primary {
  display: flex;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .doc-menu-primary {
    margin-bottom: 24px;
  }
}
.doc-menu-primary li {
  display: block;
  width: 100%;
}
.doc-menu-primary li a {
  font-size: 21px;
  font-weight: normal;
  line-height: 42px;
  color: var(--documentation-menu-item);
  text-decoration: none;
  text-transform: capitalize;
  display: block;
  position: relative;
  transition: 0.22s all ease-in-out;
}
.doc-menu-primary li a:hover {
  color: var(--documentation-menu-item-hover);
}
.doc-menu-primary li a:hover:before {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .doc-menu-primary li a {
    font-size: 15px;
    line-height: 25px;
  }
}
.doc-menu-primary li a:before {
  display: block;
  content: "";
  background: var(--documentation-menu-item-before);
  height: 100%;
  width: calc(100% + 48px);
  position: absolute;
  top: 0;
  right: -24px;
  opacity: 0;
  transition: 0.22s all ease-in-out;
}
.doc-menu-secondary {
  display: flex;
  flex-direction: column;
}
.doc-menu-secondary li a {
  font-size: 17px;
  font-weight: normal;
  line-height: 36px;
  color: var(--docummentation-menu-item-secondary);
  display: block;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  transition: 0.22s all ease-in-out;
}
.doc-menu-secondary li a:hover:before {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .doc-menu-secondary li a {
    font-size: 15px;
    line-height: 25px;
  }
}
.doc-menu-secondary li a:before {
  display: block;
  content: "";
  background: red;
  height: 100%;
  width: calc(100% + 48px);
  position: absolute;
  top: 0;
  right: -24px;
  opacity: 0;
  transition: 0.22s all ease-in-out;
}
.doc-menu-third {
  display: flex;
  flex-direction: column;
}
.doc-menu-third li a {
  color: var(--documentation-menu-item-third);
}
.doc-menu-third li a:hover {
  color: var(--documentation-menu-item-third-hover);
}

/* Impex DataLock
	- data flow
*/
.idl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.idl-main-text {
  text-anchor: middle;
  dominant-baseline: middle;
  fill: var(--impex-step-square-text);
  font-size: 0.7rem;
}
.idl-step-one-text {
  fill: var(--impex-text);
  font-size: var(--text-sm);
  font-weight: normal;
}
.idl-connection-active {
  fill: var(--impex-connection-active);
}
.idl-connection-faded {
  fill: var(--impex-connection-faded);
}
.idl-stage-one .idl-stage-two-connection, .idl-stage-one .idl-stage-three-connection, .idl-stage-one .idl-stage-two-three-connection {
  display: none;
}
.idl-stage-two .idl-stage-one-connection, .idl-stage-two .idl-stage-three-connection {
  display: none;
}
.idl-stage-two .idl-stage-two-connection {
  display: flex;
}
.idl-stage-three .idl-stage-one-connection, .idl-stage-three .idl-stage-two-connection, .idl-stage-three .idl-stage-one-two-connection {
  display: none;
}
.idl-stage-three-connection {
  overflow: visible;
}

.idl input[type=radio] {
  display: none;
}
.idl-controls {
  display: flex;
  flex-direction: row;
  margin-bottom: 2rem;
}
.idl-controls label {
  display: flex;
  padding: 0.45rem 1.8rem;
  background: var(--impex-step-controller-background);
  color: var(--impex-step-controller-text);
}
.idl-controls label:first-of-type {
  border-radius: 0.45rem 0 0 0.45rem;
}
.idl-controls label:last-of-type {
  border-radius: 0 0.45rem 0.45rem 0;
}
.idl-controls label:hover {
  cursor: pointer;
  color: var(--impex-step-controller-text-hover);
  background: var(--impex-step-controller-background-hover);
}
.idl #tab-1:checked ~ .idl-controls label:nth-child(1),
.idl #tab-2:checked ~ .idl-controls label:nth-child(2),
.idl #tab-3:checked ~ .idl-controls label:nth-child(3) {
  background: var(--impex-step-controller-checked-background);
  color: var(--impex-step-controller-checked-text);
}
.idl-content {
  display: flex;
  width: 100%;
}
.idl-content-item {
  display: none;
  width: 100%;
}
.idl #tab-1:checked ~ .idl-content .idl-content-item:nth-child(1),
.idl #tab-2:checked ~ .idl-content .idl-content-item:nth-child(2),
.idl #tab-3:checked ~ .idl-content .idl-content-item:nth-child(3) {
  display: flex;
}
@media screen and (max-width: 768px) {
  .idl-controls {
    width: 100%;
  }
  .idl label {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0.45rem 0;
    text-align: center;
    font-size: 0.75rem;
  }
}

.impex-step-square {
  fill: var(--impex-step-square);
}

/*
	LOGOTYPES
	- Colors
	- Sizing
*/
.impex-color-red {
  fill: var(--impex-color-red);
}
.impex-color-blue {
  fill: var(--impex-color-blue);
}
.impex-color-white {
  fill: var(--impex-color-white);
}

.project-logo-block .impex-product-icon {
  fill: var(--impex-brand-icon-light);
}

.impex-product-icon {
  fill: var(--impex-brand-icon);
}

.impex-product-name {
  fill: var(--impex-color-white);
}

.impex-datalock-graphic {
  fill: var(--impex-datalock-graphic);
}

.impex-datalock-graphic-box {
  fill: var(--impex-datalock-graphic-box);
}

.impex-datalock-graphic {
  margin: var(--vspace-1) auto;
}
@media screen and (max-width: 768px) {
  .impex-datalock-graphic {
    width: 100%;
    display: flex;
    margin: var(--vspace) auto;
  }
  .impex-datalock-graphic svg {
    width: 100%;
    height: auto;
  }
}

.impex-size-large {
  width: 600px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .impex-size-large {
    width: 320px;
  }
}

/* Documentation
	- Page Block Item
	- ...
*/
.page-doc-block-item-header a {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  text-decoration: none;
  line-height: var(--leading-relaxed);
}
.page-doc-block-item-header a [class^=icon-], .page-doc-block-item-header a [class*=" icon-"] {
  font-size: 1.2rem;
}
.page-doc-block-item-content {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.page-doc-block-item-content p {
  color: var(--page-text);
}
.page-doc-block-item-chapters {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.page-doc-block-item-chapters ul {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.page-doc-block-item-chapters ul:has(li:nth-child(6)) {
  display: block;
  column-count: 2;
  column-gap: 1.8rem;
}
.page-doc-block-item-chapters .page-heading {
  color: var(--page-doc-item-heading);
}
.page-doc-block-item-table {
  padding-top: 1.8rem;
}
.page-doc-block-item-table-header {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 1.8rem;
}
.page-doc-block-item-table-header:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--page-doc-item-table-border);
  grid-area: 2/1/3/11;
  margin-top: 0.45rem;
  border-radius: 0.45rem;
}
.page-doc-block-item-table-header-item {
  display: flex;
  color: var(--page-doc-item-heading);
}
.page-doc-block-item-table-header-item-name {
  grid-area: 1/2/2/6;
}
.page-doc-block-item-table-header-item-download {
  grid-area: 1/8/2/11;
  justify-content: flex-end;
}
.page-doc-block-item-table-content {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 1.8rem;
  padding: 0.45rem 0 0;
}
.page-doc-block-item-table-content:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--page-doc-item-table-border);
  grid-area: 2/1/3/11;
  margin-top: 0.45rem;
  border-radius: 0.45rem;
}
.page-doc-block-item-table-content:last-of-type:after {
  display: none;
}
.page-doc-block-item-table-content-item {
  display: flex;
  color: var(--page-doc-item-table-item);
}
.page-doc-block-item-table-content-item-name {
  grid-area: 1/2/2/6;
}
.page-doc-block-item-table-content-item-download {
  grid-area: 1/8/2/11;
  justify-content: flex-end;
}

/*
	BREADCRUMB
	- Docs
	- ...
*/
.breadcrumb-docs {
  grid-area: 1/2/2/12;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0 0 0.9rem;
  border-radius: 0.45rem;
  background: var(--breadcrumb-docs-background);
  position: sticky;
  align-self: start;
  top: 0rem;
  z-index: 10;
}
.breadcrumb-docs-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  color: var(--breadcrumb-docs-heading);
  font-size: var(--text-sm);
}
.breadcrumb-docs-list li {
  font-size: var(--text-sm);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.45rem;
  height: 100%;
  position: relative;
  transition: 0.22s all ease-in-out;
}
.breadcrumb-docs-list li a {
  text-decoration: none;
  font-size: var(--text-sm);
}
.breadcrumb-docs-list li a:hover {
  color: var(--link-hover);
}
.breadcrumb-docs-list li:hover {
  color: var(--link-hover);
  cursor: pointer;
}
.breadcrumb-docs-list li:hover ul {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}
.breadcrumb-docs-list-dropdown {
  display: flex;
  flex-direction: column;
  width: auto;
  min-width: 8rem;
  border-radius: 0.45rem;
  padding: 0;
  margin: 0;
  z-index: 20;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.07), 0 2px 4px rgba(26, 26, 26, 0.07), 0 4px 8px rgba(26, 26, 26, 0.07), 0 8px 16px rgba(26, 26, 26, 0.07), 0 16px 32px rgba(26, 26, 26, 0.07), 0 32px 64px rgba(26, 26, 26, 0.07);
  background: var(--dropdown-background);
  border: 0.1rem solid var(--dropdown-border);
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility 60ms, opacity 60ms;
  transition-delay: 60ms;
}
.breadcrumb-docs-list-dropdown:after {
  display: block;
  content: "";
  width: 280px;
  height: calc(100% + 80px);
  position: absolute;
  z-index: -1;
  top: -22px;
  left: -20px;
  pointer-events: auto;
}
.breadcrumb-docs-list-dropdown-item a {
  display: block;
  width: 100%;
  padding: 0.45rem 0.9rem;
  text-decoration: none;
  text-wrap: nowrap;
  border-bottom: 0.1rem solid var(--dropdown-item-border);
  border-radius: 0;
  color: var(--dropdown-item-label);
}
.breadcrumb-docs-list-dropdown-item a:hover {
  color: var(--menu-dropdown-item-text-hover);
}
.breadcrumb-docs-list-dropdown-item:last-of-type a {
  border-bottom: none;
}
.breadcrumb-docs-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  min-width: 20vw;
  position: relative;
}
.breadcrumb-docs-search > span {
  margin-right: -1.8rem;
  z-index: 1;
  pointer-events: none;
  color: var(--breadcrumb-docs-icon);
}
.breadcrumb-docs-search .input-search:hover {
  background: var(--breadcrumb-docs-search-background);
}
@media screen and (max-width: 1440px) {
  .breadcrumb-docs {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb-docs {
    grid-area: 1/1/2/3;
    padding: 0;
    gap: 0.9rem;
    background: unset;
    flex-direction: column;
    position: relative;
  }
  .breadcrumb-docs li.breadcrumb-docs-list-parent {
    display: none;
  }
  .breadcrumb-docs-list-child {
    padding: 0.45rem 0.9rem;
    background: var(--breadcrumb-docs-background);
    border-radius: 0.45rem;
    width: 100%;
  }
  .breadcrumb-docs-list > span {
    display: none;
  }
  .breadcrumb-docs-search {
    min-width: 100%;
  }
}

.input-search {
  appearance: none;
  outline: none;
  background: var(--breadcrumb-docs-background);
  border: none;
  border-radius: 0 0.45rem 0.45rem 0;
  padding: 0.45rem 0.9rem 0.45rem 2.4rem;
  width: 100%;
  font-family: var(--font-family-base);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--breadcrumb-docs-label);
  transition: 0.22s all ease-in-out;
}
.input-search:focus {
  background: var(--breadcrumb-docs-search-background);
}
.input-search::placeholder {
  color: var(--breadcrumb-docs-placeholder);
}
@media screen and (max-width: 768px) {
  .input-search {
    border-radius: 0.45rem;
  }
}

/*
	EVENTS
*/
.event-tag {
  grid-area: event;
  margin: 0 auto;
}
.event-tag-item {
  padding: 0.45rem 0.9rem;
  border-radius: 0.45rem;
  background: var(--event-tag-item-background);
  color: var(--event-tag-item-label);
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .event-tag-item {
    display: flex;
    flex-direction: column;
  }
}

.page-search-results {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  position: absolute;
  top: 2.4rem;
  z-index: 10;
  background: var(--search-results-background);
  border: 0.1rem solid var(--search-results-border);
  border-radius: 0.45rem;
  padding: 0.9rem 1.8rem;
  max-height: 75vh;
  overflow-y: scroll;
}
.page-search-results[hidden], .page-search-results:empty {
  display: none;
}
@media screen and (max-width: 768px) {
  .page-search-results {
    width: 100%;
    padding: 0.45rem;
  }
}

.page-search-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-wrap: nowrap;
  text-decoration: none;
  gap: 0;
}
.page-search-item:after {
  display: block;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--search-results-border);
  margin-top: 0.45rem;
}
.page-search-item:last-of-type:after {
  display: none;
}
.page-search-item:hover .page-search-title, .page-search-item:hover .page-search-snippet {
  color: var(--search-results-label-hover);
}
@media screen and (max-width: 768px) {
  .page-search-item {
    overflow: hidden;
  }
}

.page-search-title {
  text-decoration: none;
  color: var(--search-results-title);
  font-weight: 600;
}

.page-search-empty {
  color: var(--search-results-title);
}

.page-search-section {
  display: flex;
  padding: 0.225rem 0.45rem;
  border-radius: 0.45rem;
  background: var(--search-results-section-background);
  color: var(--search-results-section-heading);
}

.page-search-snippet {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--search-results-snippet);
}
.page-search-snippet mark {
  background: var(--search-results-mark);
  color: var(--search-results-mark-label);
  font-weight: 600;
  font-style: normal;
  padding: 0 0.45rem;
  border-radius: 0.2rem;
}

@font-face {
  font-family: "sysctl";
  src: url("../fonts/sysctl.woff2") format("woff2"), url("../fonts/sysctl.ttf") format("truetype"), url("../fonts/sysctl.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "sysctl" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --icon-search: "\f004";
  --icon-expand-small: "\f005";
  --icon-collapse-small: "\f006";
  --icon-chevron-right-filled: "\f000";
  --icon-chevron-up-filled: "\f001";
  --icon-chevron-left-filled: "\f002";
  --icon-chevron-down-filled: "\f003";
  --icon-user-profile: "\e900";
  --icon-trash: "\e901";
  --icon-deaddrop-icon: "\e902";
  --icon-impex-xtransfer: "\e903";
  --icon-impex-datalock: "\e904";
  --icon-impex-usb-protect: "\e905";
  --icon-folder-open: "\e906";
  --icon-folder-extended: "\e907";
  --icon-folder: "\e908";
  --icon-document-image: "\e909";
  --icon-document-link: "\e90a";
  --icon-document-text: "\e90b";
  --icon-document: "\e90c";
  --icon-update: "\e90d";
  --icon-lock-filled: "\e90e";
  --icon-lock: "\e90f";
  --icon-signal: "\e910";
  --icon-wifi-breakthrough: "\e911";
  --icon-wifi: "\e912";
  --icon-globe-breakthrough: "\e913";
  --icon-globe-filled: "\e914";
  --icon-globe: "\e915";
  --icon-database-filled: "\e916";
  --icon-database: "\e917";
  --icon-server-filled: "\e918";
  --icon-server: "\e919";
  --icon-bluetooth: "\e91a";
  --icon-chatbox: "\e91b";
  --icon-code: "\e91c";
  --icon-drawer: "\e91d";
  --icon-usb: "\e91e";
  --icon-user-id: "\e91f";
  --icon-shapes: "\e920";
  --icon-bell: "\e921";
  --icon-expand: "\e922";
  --icon-collapse: "\e923";
  --icon-arrow-down: "\e924";
  --icon-arrow-right: "\e925";
  --icon-arrow-up: "\e926";
  --icon-arrow-left: "\e927";
  --icon-menu-crossed: "\e928";
  --icon-menu-bars: "\e929";
  --icon-chevron-right: "\e92a";
  --icon-chevron-up: "\e92b";
  --icon-chevron-left: "\e92c";
  --icon-chevron-down: "\e92d";
  --icon-share: "\e92e";
  --icon-penta-circles: "\e92f";
  --icon-circle-circles: "\e930";
  --icon-plus-circles: "\e931";
  --icon-cross-circles: "\e932";
  --icon-filter: "\e933";
  --icon-exit: "\e934";
  --icon-upload: "\e935";
  --icon-save: "\e936";
  --icon-edit: "\e937";
  --icon-circle-cross-filled: "\e938";
  --icon-circle-cross: "\e939";
  --icon-circle-disabled-filled: "\e93a";
  --icon-circle-disabled: "\e93b";
  --icon-circle-upload-filled: "\e93c";
  --icon-circle-upload: "\e93d";
  --icon-circle-download-filled: "\e93e";
  --icon-circle-download: "\e93f";
  --icon-circle-checkmark-filled: "\e940";
  --icon-circle-checkmark: "\e941";
  --icon-circle: "\e942";
  --icon-square-scanner: "\e943";
  --icon-loopy-loop: "\e944";
}

.icon-search:before {
  content: var(--icon-search);
}

.icon-expand-small:before {
  content: var(--icon-expand-small);
}

.icon-collapse-small:before {
  content: var(--icon-collapse-small);
}

.icon-chevron-right-filled:before {
  content: var(--icon-chevron-right-filled);
}

.icon-chevron-up-filled:before {
  content: var(--icon-chevron-up-filled);
}

.icon-chevron-left-filled:before {
  content: var(--icon-chevron-left-filled);
}

.icon-chevron-down-filled:before {
  content: var(--icon-chevron-down-filled);
}

.icon-user-profile:before {
  content: var(--icon-user-profile);
}

.icon-trash:before {
  content: var(--icon-trash);
}

.icon-deaddrop-icon:before {
  content: var(--icon-deaddrop-icon);
}

.icon-impex-xtransfer:before {
  content: var(--icon-impex-xtransfer);
}

.icon-impex-datalock:before {
  content: var(--icon-impex-datalock);
}

.icon-impex-usb-protect:before {
  content: var(--icon-impex-usb-protect);
}

.icon-folder-open:before {
  content: var(--icon-folder-open);
}

.icon-folder-extended:before {
  content: var(--icon-folder-extended);
}

.icon-folder:before {
  content: var(--icon-folder);
}

.icon-document-image:before {
  content: var(--icon-document-image);
}

.icon-document-link:before {
  content: var(--icon-document-link);
}

.icon-document-text:before {
  content: var(--icon-document-text);
}

.icon-document:before {
  content: var(--icon-document);
}

.icon-update:before {
  content: var(--icon-update);
}

.icon-lock-filled:before {
  content: var(--icon-lock-filled);
}

.icon-lock:before {
  content: var(--icon-lock);
}

.icon-signal:before {
  content: var(--icon-signal);
}

.icon-wifi-breakthrough:before {
  content: var(--icon-wifi-breakthrough);
}

.icon-wifi:before {
  content: var(--icon-wifi);
}

.icon-globe-breakthrough:before {
  content: var(--icon-globe-breakthrough);
}

.icon-globe-filled:before {
  content: var(--icon-globe-filled);
}

.icon-globe:before {
  content: var(--icon-globe);
}

.icon-database-filled:before {
  content: var(--icon-database-filled);
}

.icon-database:before {
  content: var(--icon-database);
}

.icon-server-filled:before {
  content: var(--icon-server-filled);
}

.icon-server:before {
  content: var(--icon-server);
}

.icon-bluetooth:before {
  content: var(--icon-bluetooth);
}

.icon-chatbox:before {
  content: var(--icon-chatbox);
}

.icon-code:before {
  content: var(--icon-code);
}

.icon-drawer:before {
  content: var(--icon-drawer);
}

.icon-usb:before {
  content: var(--icon-usb);
}

.icon-user-id:before {
  content: var(--icon-user-id);
}

.icon-shapes:before {
  content: var(--icon-shapes);
}

.icon-bell:before {
  content: var(--icon-bell);
}

.icon-expand:before {
  content: var(--icon-expand);
}

.icon-collapse:before {
  content: var(--icon-collapse);
}

.icon-arrow-down:before {
  content: var(--icon-arrow-down);
}

.icon-arrow-right:before {
  content: var(--icon-arrow-right);
}

.icon-arrow-up:before {
  content: var(--icon-arrow-up);
}

.icon-arrow-left:before {
  content: var(--icon-arrow-left);
}

.icon-menu-crossed:before {
  content: var(--icon-menu-crossed);
}

.icon-menu-bars:before {
  content: var(--icon-menu-bars);
}

.icon-chevron-right:before {
  content: var(--icon-chevron-right);
}

.icon-chevron-up:before {
  content: var(--icon-chevron-up);
}

.icon-chevron-left:before {
  content: var(--icon-chevron-left);
}

.icon-chevron-down:before {
  content: var(--icon-chevron-down);
}

.icon-share:before {
  content: var(--icon-share);
}

.icon-penta-circles:before {
  content: var(--icon-penta-circles);
}

.icon-circle-circles:before {
  content: var(--icon-circle-circles);
}

.icon-plus-circles:before {
  content: var(--icon-plus-circles);
}

.icon-cross-circles:before {
  content: var(--icon-cross-circles);
}

.icon-filter:before {
  content: var(--icon-filter);
}

.icon-exit:before {
  content: var(--icon-exit);
}

.icon-upload:before {
  content: var(--icon-upload);
}

.icon-save:before {
  content: var(--icon-save);
}

.icon-edit:before {
  content: var(--icon-edit);
}

.icon-circle-cross-filled:before {
  content: var(--icon-circle-cross-filled);
}

.icon-circle-cross:before {
  content: var(--icon-circle-cross);
}

.icon-circle-disabled-filled:before {
  content: var(--icon-circle-disabled-filled);
}

.icon-circle-disabled:before {
  content: var(--icon-circle-disabled);
}

.icon-circle-upload-filled:before {
  content: var(--icon-circle-upload-filled);
}

.icon-circle-upload:before {
  content: var(--icon-circle-upload);
}

.icon-circle-download-filled:before {
  content: var(--icon-circle-download-filled);
}

.icon-circle-download:before {
  content: var(--icon-circle-download);
}

.icon-circle-checkmark-filled:before {
  content: var(--icon-circle-checkmark-filled);
}

.icon-circle-checkmark:before {
  content: var(--icon-circle-checkmark);
}

.icon-circle:before {
  content: var(--icon-circle);
}

.icon-square-scanner:before {
  content: var(--icon-square-scanner);
}

.icon-loopy-loop:before {
  content: var(--icon-loopy-loop);
}

.page {
  display: block;
  flex: 1;
}
.page-title {
  font-size: var(--text-1g);
  color: var(--page-title);
}
.page-heading {
  color: var(--page-heading);
}
.page-header-inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1.8rem;
  grid-template-areas: ". title title ." ". button button ." "event event event event";
  gap: 2.7rem;
  padding: 5.4rem 1.8rem 7.2rem;
  margin: 0 auto;
}
.page-header-inner .title-item {
  display: flex;
  flex-direction: column;
  grid-area: title;
  text-align: center;
  gap: 0.9rem;
}
.page-header-inner .title-item-text {
  color: var(--title-item-text);
}
.page-header-inner .title-item-location {
  color: var(--title-item-location);
}
.page-header-inner .button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
  grid-area: button;
}
@media screen and (max-width: 992px) {
  .page-header-inner {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "title" "button" "event";
  }
}
@media screen and (max-width: 768px) {
  .page-header .button-group {
    flex-direction: column;
  }
  .page-header-inner {
    padding: 3.6rem 0.9rem;
  }
  .page-header-inner .title-item-text {
    font-size: var(--text-2x1);
  }
}
.page-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.8rem;
}
@media screen and (max-width: 768px) {
  .page-inner {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 0.9rem;
  }
}
.page-content {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
}
.page-content-header {
  grid-area: 1/2/2/12;
}
.page-content-one-one {
  grid-area: 2/2/3/7;
}
.page-content-one-two {
  grid-area: 2/7/3/12;
}
@media screen and (max-width: 1440px) {
  .page-content-header {
    grid-area: 1/1/2/13;
  }
  .page-content-one-one {
    grid-area: 2/1/3/7;
  }
  .page-content-one-two {
    grid-area: 2/7/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-content-header {
    grid-area: 1/1/2/3;
  }
  .page-content-one-one {
    grid-area: 2/1/3/3;
  }
  .page-content-one-two {
    grid-area: 3/1/4/3;
  }
}
.page-about {
  grid-template-columns: repeat(12, 1fr);
}
.page-about-content {
  grid-area: 1/2/2/7;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.page-about-content-item {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.page-about-services {
  grid-area: 1/7/2/12;
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 1.8rem;
  align-content: flex-start;
}
.page-about-services-research, .page-about-services-development, .page-about-services-security {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.page-about-title {
  font-size: var(--text-1g);
  color: var(--about-title);
}
.page-about-text {
  color: var(--about-text);
}
@media screen and (max-width: 1440px) {
  .page-about-content {
    grid-area: 1/1/2/7;
  }
  .page-about-services {
    grid-area: 1/7/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-about {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-about-content {
    grid-area: 1/1/2/3;
  }
  .page-about-services {
    grid-area: 2/1/3/3;
  }
}
.page-accessories {
  padding-top: 3.6rem;
}
.page-accessories-header {
  grid-area: 1/2/2/12;
}
.page-accessories-content {
  grid-area: 2/2/3/12;
}
.page-accessories-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  border-bottom: 0.1 solid var(--page-accessories-border);
  padding-bottom: 3.6rem;
  box-sizing: border-box;
}
.page-accessories-item-header {
  grid-area: 1/1/2/2;
}
.page-accessories-item-title {
  font-size: var(--text-1g);
  color: var(--page-accessories-item-title);
}
.page-accessories-item-heading {
  color: var(--page-accessories-item-heading);
}
.page-accessories-item p {
  color: var(--page-accessories-item-text);
  margin-bottom: 0.9rem;
}
.page-accessories-item:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--page-accessories-item-border);
  grid-area: 2/1/3/4;
}
.page-accessories-product-item {
  display: flex;
  flex-direction: column;
}
.page-accessories-product-name {
  font-size: var(--text-md);
  margin-bottom: 0.9rem;
  color: var(--page-accessories-item-heading);
}
.page-accessories-product-image {
  height: auto;
  max-width: 100%;
  object-fit: contain;
  border-radius: 0.1rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1440px) {
  .page-accessories-header {
    grid-area: 1/1/2/13;
  }
  .page-accessories-content {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-accessories {
    padding-top: 1.8rem;
  }
  .page-accessories-header {
    grid-area: 1/1/2/3;
  }
  .page-accessories-content {
    grid-area: 2/1/3/3;
  }
  .page-accessories-item {
    grid-template-columns: repeat(1, 1fr);
  }
  .page-accessories-item-header {
    grid-area: 1/1/2/2;
  }
  .page-accessories-item:after {
    grid-area: 3/1/4/2;
  }
}
.page-all-releases {
  padding-top: 3.6rem;
}
.page-all-releases-item {
  grid-area: 1/2/2/12;
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
.page-all-releases-columns {
  grid-area: 1/2/2/12;
  display: grid;
  gap: 1.8rem;
  grid-template-columns: 1fr 1fr;
}
.page-all-releases-columns-item {
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
.page-article {
  padding-top: 3.6rem;
}
.page-article-post {
  grid-area: 1/2/2/9;
}
.page-article-aside {
  grid-area: 1/9/2/12;
}
@media screen and (max-width: 1440px) {
  .page-article-post {
    grid-area: 1/1/2/9;
  }
  .page-article-aside {
    grid-area: 1/9/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-article {
    padding-top: 1.8rem;
  }
  .page-article-post {
    grid-area: 1/1/2/3;
  }
  .page-article-aside {
    grid-area: 2/1/3/3;
  }
}
.page-banner-row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 40px;
  grid-row-gap: 0;
  grid-area: 2/1/3/13;
}
.page-banner-row img {
  display: block;
  width: auto;
  height: 66px;
  margin-top: var(--base-margin);
  border-radius: 4px;
  background: var(--color-dark);
}
.page-company {
  padding-top: 3.6rem;
}
.page-company-content {
  grid-area: 1/2/2/7;
}
.page-company-graphic {
  grid-area: 1/9/2/12;
}
.page-company-title {
  font-size: var(--text-1g);
  color: var(--company-title);
}
.page-company p {
  color: var(--company-text);
}
.page-company-text-block {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.page-company-image {
  padding: 0.9rem 0;
}
@media screen and (max-width: 1440px) {
  .page-company-content {
    grid-area: 1/1/2/7;
  }
  .page-company-graphic {
    grid-area: 1/8/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-company-graphic {
    display: none;
  }
  .page-company-content {
    grid-area: 1/1/2/3;
  }
}
.page-contact {
  padding-top: 3.6rem;
}
.page-contact-graphic {
  grid-area: 1/9/2/12;
}
.page-contact-content {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  grid-area: 1/2/2/7;
  color: var(--contact-text);
}
@media screen and (max-width: 1440px) {
  .page-contact-graphic {
    grid-area: 1/9/2/13;
  }
  .page-contact-content {
    grid-area: 1/1/2/7;
  }
}
@media screen and (max-width: 768px) {
  .page-contact-graphic {
    display: none;
  }
  .page-contact-content {
    grid-area: 1/1/2/3;
  }
}
.page-doc-block {
  padding-top: 3.6rem;
  grid-area: 1/2/2/12;
  display: flex;
  flex-direction: column;
  gap: 3.6rem;
}
.page-doc-block-item {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 0.45rem;
  background: var(--page-doc-item-background);
  border-radius: 0.45rem;
  padding: 0.9rem 1.8rem 1.8rem;
  box-shadow: 0 1px 1px rgba(26, 26, 26, 0.11), 0 2px 2px rgba(26, 26, 26, 0.11), 0 4px 4px rgba(26, 26, 26, 0.11), 0 6px 8px rgba(26, 26, 26, 0.11), 0 8px 16px rgba(26, 26, 26, 0.11);
}
.page-doc-block-item-header {
  grid-area: 1/1/2/11;
}
.page-doc-block-item-content {
  grid-area: 2/1/3/7;
}
.page-doc-block-item-chapters {
  grid-area: 2/7/3/11;
}
.page-doc-block-item-table {
  grid-area: 3/1/4/11;
}
@media screen and (max-width: 1440px) {
  .page-doc-block {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-doc-block {
    grid-area: 1/1/2/3;
  }
  .page-doc-block-item {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 0.9rem;
    padding: 0.9rem;
  }
  .page-doc-block-item-header {
    grid-area: 1/1/2/3;
  }
  .page-doc-block-item-header a {
    font-size: 1rem;
  }
  .page-doc-block-item-content {
    grid-area: 2/1/3/3;
  }
  .page-doc-block-item-chapters {
    grid-area: 3/1/4/3;
  }
  .page-doc-block-item-table {
    grid-area: 4/1/5/3;
    padding-top: 0;
  }
  .page-doc-block-item-table-header {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-doc-block-item-table-header:after {
    grid-area: 2/1/3/3;
  }
  .page-doc-block-item-table-header-item {
    display: none;
  }
  .page-doc-block-item-table-header-item-name {
    display: flex;
    grid-area: 1/1/2/2;
  }
  .page-doc-block-item-table-header-item-download {
    display: flex;
    grid-area: 1/2/2/3;
  }
  .page-doc-block-item-table-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-doc-block-item-table-content:after {
    grid-area: 2/1/3/3;
  }
  .page-doc-block-item-table-content-item {
    display: none;
  }
  .page-doc-block-item-table-content-item-name {
    display: flex;
    grid-area: 1/1/2/2;
  }
  .page-doc-block-item-table-content-item-download {
    display: flex;
    grid-area: 1/2/2/3;
  }
}
.page-events {
  grid-area: 1/2/2/12;
  padding-top: 3.6rem;
}
.page-events-list {
  display: grid;
  grid-column: span 4;
  grid-row-gap: 0.9rem;
}
@media screen and (max-width: 1440px) {
  .page-events {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-events {
    grid-area: 1/1/2/3;
    padding-top: 1.8rem;
  }
  .page-events-list {
    grid-column: span 2;
  }
}
.page-feature-boxes {
  display: grid;
  grid-area: 1/2/2/12;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  grid-template-areas: "header header header header header header" "text text box-one box-one box-two box-two" "text text box-three box-three box-four box-four" "text text box-five box-five box-six box-six";
}
.page-feature-boxes-header {
  grid-area: header;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.9rem;
}
.page-feature-boxes-header-text .page-title:has(+ h3) {
  margin-bottom: 0;
}
.page-feature-boxes-text {
  grid-area: text;
}
.page-feature-boxes-text h3 {
  font-size: var(--text-md);
  color: var(--page-title);
}
.page-feature-boxes-text h3:first-of-type {
  margin-top: 0;
}
.page-feature-boxes-text p {
  color: var(--page-text);
}
.page-feature-boxes-box-one {
  grid-area: box-one;
}
.page-feature-boxes-box-two {
  grid-area: box-two;
}
.page-feature-boxes-box-three {
  grid-area: box-three;
}
.page-feature-boxes-box-four {
  grid-area: box-four;
}
.page-feature-boxes-box-five {
  grid-area: box-five;
}
.page-feature-boxes-box-six {
  grid-area: box-six;
}
@media screen and (max-width: 1440px) {
  .page-feature-boxes {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-feature-boxes {
    grid-area: 1/1/2/3;
    grid-template-columns: auto;
    grid-template-areas: "header" "text" "box-one" "box-two" "box-three" "box-four" "box-five" "box-six";
  }
}
.page-info {
  grid-template-columns: repeat(12, 1fr);
}
.page-info-news {
  grid-area: 1/2/2/7;
}
.page-info-releases {
  grid-area: 1/7/2/12;
}
@media screen and (max-width: 1440px) {
  .page-info-news {
    grid-area: 1/1/2/7;
  }
  .page-info-releases {
    grid-area: 1/7/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-info {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-info-news {
    grid-area: 1/1/2/3;
  }
  .page-info-releases {
    grid-area: 2/1/3/3;
  }
}
.page-intro-vertical {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-row-gap: 1.8rem;
  grid-template-areas: "logo" "graphic";
  justify-content: center;
}
.page-intro-vertical-logo {
  grid-area: logo;
  margin: 0 auto;
}
.page-intro-vertical-graphic {
  grid-area: graphic;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .page-intro-vertical {
    grid-area: 1/1/2/3;
  }
}
.page-media {
  padding-top: 3.6rem;
}
.page-media-header {
  grid-area: 1/2/2/12;
}
.page-media-video {
  grid-area: 2/2/3/12;
}
@media screen and (max-width: 1440px) {
  .page-media-header {
    grid-area: 1/1/2/13;
  }
  .page-media-video {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-media-header {
    grid-area: 1/1/2/3;
  }
  .page-media-video {
    grid-area: 2/1/3/3;
    width: 100%;
  }
}
.page-media-table {
  padding-top: 3.6rem;
}
.page-media-table-header {
  grid-area: 1/2/2/12;
}
.page-media-table-table {
  grid-area: 2/2/3/12;
}
@media screen and (max-width: 1440px) {
  .page-media-table-header {
    grid-area: 1/1/2/13;
  }
  .page-media-table-table {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-media-table-header {
    grid-area: 1/1/2/3;
  }
  .page-media-table-table {
    grid-area: 2/1/3/3;
  }
}
.page-news {
  padding-top: 3.6rem;
}
.page-news-header {
  display: flex;
  flex-direction: column;
  grid-area: 1/2/2/12;
}
.page-news-header:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--news-block-header-border);
  margin-top: 0.45rem;
}
.page-news-content {
  grid-area: 2/2/3/12;
}
.page-news-title {
  font-size: var(--text-1g);
  color: var(--page-title);
}
@media screen and (max-width: 1440px) {
  .page-news-header {
    grid-area: 1/1/2/13;
  }
  .page-news-content {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-news-header {
    grid-area: 1/1/2/3;
  }
  .page-news-content {
    grid-area: 2/1/3/3;
  }
}
.page-partners {
  padding-top: 3.6rem;
  grid-row-gap: 3.6rem;
}
.page-partners-header {
  grid-area: 1/2/2/12;
}
.page-partners-item {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.page-partners-item p {
  color: var(--partners-text);
}
.page-partners-item-title {
  font-size: var(--text-1g);
  color: var(--partners-title);
}
.page-partners-item-heading {
  color: var(--partners-title);
}
.page-partners-one {
  grid-area: 2/2/3/7;
}
.page-partners-two {
  grid-area: 2/7/3/12;
}
.page-partners-three {
  grid-area: 3/2/4/7;
}
.page-partners-four {
  grid-area: 3/7/4/12;
}
.page-partners-logotype {
  display: flex;
  width: auto;
  height: 6rem;
  padding: 1rem;
  box-sizing: border-box;
  border-radius: 0.45rem;
}
.page-partners-logotype-light {
  background: var(--partner-logo-light);
}
.page-partners-logotype-dark {
  background: var(--partner-logo-dark);
}
@media screen and (max-width: 1440px) {
  .page-partners-header {
    grid-area: 1/1/2/13;
  }
  .page-partners-one {
    grid-area: 2/1/3/7;
  }
  .page-partners-two {
    grid-area: 2/7/3/13;
  }
  .page-partners-three {
    grid-area: 3/1/4/7;
  }
  .page-partners-four {
    grid-area: 3/7/4/13;
  }
}
@media screen and (max-width: 768px) {
  .page-partners-header {
    grid-area: 1/1/2/3;
  }
  .page-partners-one {
    grid-area: 2/1/3/3;
  }
  .page-partners-two {
    grid-area: 3/1/4/3;
  }
  .page-partners-three {
    grid-area: 4/1/5/3;
  }
  .page-partners-four {
    grid-area: 5/1/6/3;
  }
  .page-partners-logotype {
    max-width: 75vw;
    height: auto;
  }
}
.page-products {
  padding-top: 3.6rem;
  grid-row-gap: 3.6rem;
}
.page-products-header {
  grid-area: 1/2/2/12;
}
.page-products-one {
  grid-area: 2/2/3/7;
}
.page-products-two {
  grid-area: 2/7/3/12;
}
.page-products-three {
  grid-area: 3/2/4/7;
}
.page-products-four {
  grid-area: 3/7/4/12;
}
@media screen and (max-width: 1440px) {
  .page-products-header {
    grid-area: 1/1/2/13;
  }
  .page-products-one {
    grid-area: 2/1/3/7;
  }
  .page-products-two {
    grid-area: 2/7/3/13;
  }
  .page-products-three {
    grid-area: 3/1/4/7;
  }
  .page-products-four {
    grid-area: 3/7/4/13;
  }
}
@media screen and (max-width: 768px) {
  .page-products {
    padding-top: 1.8rem;
    grid-row-gap: 1.8rem;
  }
  .page-products-header {
    grid-area: 1/1/2/3;
  }
  .page-products-one {
    grid-area: 2/1/3/3;
  }
  .page-products-two {
    grid-area: 3/1/4/3;
  }
  .page-products-three {
    grid-area: 4/1/5/3;
  }
  .page-products-four {
    grid-area: 5/1/6/3;
  }
}
.page-project {
  grid-template-columns: repeat(12, 1fr);
  display: flex;
  flex-direction: column;
}
.page-project-item {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}
.page-project-item:first-of-type:after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--project-item-divider);
  border-radius: 1rem;
  grid-area: 2/2/2/12;
}
.page-project-graphic {
  grid-area: 1/2/2/7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.45rem;
  background: var(--project-graphic-background);
}
.page-project-content {
  grid-area: 1/7/2/12;
}
.page-project-logo {
  display: flex;
}
.page-project-logo svg {
  height: 100%;
  padding: 0.9rem;
}
.page-project-title {
  font-size: var(--text-1g);
  color: var(--project-title);
}
.page-project-tagline {
  color: var(--project-tagline);
  margin: 0.45rem 0 0.9rem;
}
.page-project-text {
  color: var(--project-text);
}
.page-project .button-group {
  margin-top: 1.8rem;
}
@media screen and (max-width: 1440px) {
  .page-project-item:first-of-type:after {
    grid-area: 2/1/2/13;
  }
  .page-project-graphic {
    grid-area: 1/1/2/7;
  }
  .page-project-content {
    grid-area: 1/7/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-project-item {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-project-item:first-of-type:after {
    grid-area: 3/1/3/3;
  }
  .page-project-graphic {
    grid-area: 1/1/2/3;
  }
  .page-project-content {
    grid-area: 2/1/3/3;
  }
}
.page-services {
  padding-top: 7.2rem;
}
.page-services-header {
  grid-area: 1/2/2/12;
}
.page-services-research {
  grid-area: 2/2/3/7;
}
.page-services-development {
  grid-area: 2/7/4/12;
}
.page-services-security {
  grid-area: 3/2/4/7;
}
.page-services-row-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.9rem;
}
.page-services-row-item-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.9rem;
  width: 100%;
}
.page-services-row-item-heading {
  color: var(--services-heading);
}
.page-services-row-item p {
  max-width: var(--measure-wide);
  color: var(--company-text);
}
.page-services-row-item .icon-medium {
  width: 2.4rem;
}
.page-services-title {
  font-size: var(--text-1g);
  color: var(--company-title);
}
@media screen and (max-width: 1440px) {
  .page-services-header {
    grid-area: 1/1/2/13;
  }
  .page-services-research {
    grid-area: 2/1/3/7;
  }
  .page-services-development {
    grid-area: 2/7/4/13;
  }
  .page-services-security {
    grid-area: 3/1/4/7;
  }
}
@media screen and (max-width: 768px) {
  .page-services-header {
    grid-area: 1/1/2/3;
  }
  .page-services-research {
    grid-area: 2/1/3/3;
  }
  .page-services-development {
    grid-area: 3/1/4/3;
  }
  .page-services-security {
    grid-area: 4/1/5/3;
  }
}
.page-team {
  padding-top: 7.2rem;
}
.page-team-block {
  display: grid;
  grid-area: 1/2/2/12;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  grid-template-areas: "header header header header header header" "one-one one-two one-three one-four one-five one-six" "two-one two-two two-three two-four two-five two-six";
}
.page-team-header {
  grid-area: header;
}
.page-team-one-one {
  grid-area: one-one;
}
.page-team-one-two {
  grid-area: one-two;
}
.page-team-one-three {
  grid-area: one-three;
}
.page-team-one-four {
  grid-area: one-four;
}
.page-team-one-five {
  grid-area: one-five;
}
.page-team-one-six {
  grid-area: one-six;
}
.page-team-two-one {
  grid-area: two-one;
}
.page-team-two-two {
  grid-area: two-two;
}
.page-team-two-three {
  grid-area: two-three;
}
.page-team-two-four {
  grid-area: two-four;
}
.page-team-two-five {
  grid-area: two-five;
}
.page-team-two-six {
  grid-area: two-six;
}
.page-team-title {
  font-size: var(--text-1g);
  color: var(--company-title);
}
@media screen and (max-width: 1440px) {
  .page-team-block {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 1170px) {
  .page-team-block {
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "header header header header" "one-one one-two one-three one-four" "one-five one-six two-one two-two" "two-three two-four two-five two-six";
  }
}
@media screen and (max-width: 768px) {
  .page-team-block {
    grid-area: 1/1/2/3;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0.9rem;
    grid-template-areas: "header header" "one-one one-two" "one-three one-four" "one-five one-six" "two-one two-two" "two-three two-four" "two-five two-six";
  }
}
.page-deaddrop {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
}
.page-deaddrop .page-inner:first-of-type {
  padding-top: 3.6rem;
}
.page-deaddrop p {
  color: var(--page-text);
  margin-bottom: 0.9rem;
}
.page-deaddrop-features-content {
  display: grid;
  grid-area: 1/2/2/12;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}
.page-deaddrop-features-content h2 {
  grid-area: 1/1/2/4;
}
.page-deaddrop-features-content .button-group {
  grid-area: 3/1/4/4;
  margin: 0 auto;
}
@media screen and (max-width: 1440px) {
  .page-deaddrop-features-content {
    grid-area: 1/1/2/13;
  }
}
@media screen and (max-width: 768px) {
  .page-deaddrop {
    gap: 3.6rem;
  }
  .page-deaddrop-features-content {
    display: flex;
    flex-direction: column;
  }
  .page-deaddrop-features-content h2 {
    grid-area: 1/1/2/2;
  }
}
.page-impex {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
}
.page-impex .page-inner:first-of-type {
  padding-top: 3.6rem;
}
.page-impex p {
  color: var(--page-text);
  margin-bottom: 0.9rem;
}
.page-impex h2:has(+ h3) {
  margin-bottom: 0.9rem;
}
.page-impex h3:has(+ h4) {
  margin-bottom: 0.9rem;
}
.page-impex-intro {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1.8rem;
  align-items: center;
}
.page-impex-intro-text {
  grid-area: 1/1/2/4;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.page-impex-intro-text .page-title {
  color: var(--page-impex-intro-text);
  line-height: var(--leading-normal);
}
.page-impex-intro-graphic {
  grid-area: 1/4/2/7;
  display: flex;
  justify-content: flex-end;
}
.page-impex-intro-logo {
  display: flex;
}
.page-impex-content {
  grid-area: 2/2/3/12;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}
.page-impex-content-text {
  grid-area: 1/1/2/4;
}
.page-impex-content-text p {
  color: var(--page-text);
  margin-bottom: 0.9rem;
}
.page-impex-content-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}
@media screen and (max-width: 768px) {
  .page-impex {
    gap: 3.6rem;
  }
  .page-impex-intro {
    grid-template-columns: repeat(2, 1fr);
    grid-area: 1/1/2/3;
    grid-row-gap: 1.8rem;
  }
  .page-impex-intro-text {
    grid-area: 1/1/2/3;
  }
  .page-impex-intro-graphic {
    grid-area: 2/1/3/3;
  }
  .page-impex-intro-graphic img {
    width: 100vw;
    height: auto;
  }
  .page-impex-content {
    grid-area: 2/1/3/3;
  }
  .page-impex-content-block {
    grid-template-columns: auto;
  }
}

/*	POSTS
	- Layout
*/
.post-header {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-bottom: 0.9rem;
}
.post-article {
  color: var(--post-text);
}
.post-article ul, .post-article ol {
  color: var(--paragraph-text);
}
.post-article ul li, .post-article ol li {
  list-style: disc;
  margin-left: 24px;
}
.post-article ul li a, .post-article ol li a {
  color: var(--link);
  transition: 0.22s all ease-in-out;
}
.post-article ul li a:hover, .post-article ol li a:hover {
  color: var(--link-hover);
}
.post-article-image {
  border-radius: 4px;
  box-sizing: border-box;
}
.post-aside-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.post-aside-header:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--post-header-border);
  margin: 0.45rem 0;
}
.post-aside-list {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.post-aside-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  text-decoration: none;
}
.post-aside-list-item:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.1rem;
  background: var(--post-aside-item-border);
  margin-top: 0.9rem;
}
.post-aside-list-item:hover .post-aside-list-date, .post-aside-list-item:hover .post-aside-list-title {
  color: var(--post-aside-hover);
}
.post-aside-list-date {
  color: var(--post-aside-date);
  transition: 0.22s all ease-in-out;
}
.post-aside-list-title {
  color: var(--post-aside-title);
  transition: 0.22s all ease-in-out;
}
.post-aside-heading {
  color: var(--release-list-header-label);
  text-decoration: none;
}
.post-aside-label {
  display: none;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  border-radius: 4px;
  color: var(--post-aside-dropdown-label);
  background: var(--post-aside-dropdown-background);
  border: 2px solid var(--post-aside-dropdown-border);
}
@media screen and (max-width: 768px) {
  .post-aside-label {
    display: flex;
  }
}
.post-title {
  font-size: var(--text-x1);
  color: var(--post-title);
}
.post-content-download {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.post-content-download-heading {
  font-weight: var(--font-weight-bold);
}
.post-meta {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: var(--post-meta-date);
  margin: 0;
}
.post-meta:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--post-header-border);
  margin: 0.45rem 0;
}
.post-meta-time, .post-meta-tags {
  display: inline-flex;
  box-sizing: border-box;
  color: var(--post-meta-date-label);
}
.post-meta-time-label, .post-meta-tags-label {
  color: var(--post-meta-date-label);
}
.post-meta-tags {
  align-items: flex-end;
}
.post-meta-tags-label {
  margin-left: 9px;
}
.post-content {
  display: flex;
  flex-direction: column;
  max-width: var(--measure-wide);
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4 {
  color: var(--post-content-headings);
}
.post-content h1 {
  margin-top: 0;
}
.post figure {
  margin-top: 24px;
}
.post figcaption {
  font-size: 15px;
  line-height: 25px;
}
.post table {
  width: 100%;
  border: 1px solid var(--post-table-border);
  margin: 40px 0;
}
.post table td, .post table th {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .post table {
    font-size: 12px;
  }
}
.post thead {
  background: var(--post-table-header);
  border-bottom: 2px solid var(--post-table-border);
}
.post thead tr th {
  text-align: left;
  font-weight: var(--font-weight-bold);
  color: var(--post-table-header-text);
  border-right: 1px solid var(--post-table-border);
}
.post thead tr th:last-of-type {
  border-right: none;
}
.post tbody tr {
  border-bottom: 1px solid var(--post-table-border);
}
.post tbody tr:nth-child(odd) {
  background: var(--post-table-row-odd);
}
.post tbody tr:last-of-type {
  border-bottom: none;
}
.post tbody tr td:first-of-type {
  border-right: 1px solid var(--table-border);
}
.post tbody tr td {
  border-right: 1px solid var(--table-border);
}
.post tbody tr td:last-of-type {
  border-left: 1px solid var(--table-border);
  border-right: none;
}
.post tbody tr td sup a {
  text-decoration: underline;
  color: var(--link);
  margin-left: 4px;
  transition: 0.22s all ease-in-out;
}
.post tbody tr td sup a:hover {
  color: var(--link-hover);
}

/*	FOLD & BANNERS
	- Deaddrop
	- Impex
*/
.deaddrop-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: var(--header-deaddrop-background);
  padding: 3.6rem;
  gap: 1.8rem;
  margin-top: 7.2rem;
  text-align: center;
}

.impex-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: var(--header-impex-background);
  padding: 3.6rem;
  gap: 1.8rem;
  margin-top: 7.2rem;
  text-align: center;
}

.deaddrop-fold {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 14rem;
  grid-area: 1/2/2/12;
  gap: 3.6rem;
}
.deaddrop-fold h2 {
  font-size: var(--text-2x1);
  color: var(--deaddrop-title);
  text-align: center;
}
.deaddrop-fold-logo {
  display: flex;
}
@media screen and (max-width: 1170px) {
  .deaddrop-fold-logo {
    justify-content: center;
    width: 100%;
  }
}
.deaddrop-fold-logo-item {
  filter: drop-shadow(0 0 1rem var(--deaddrop-logo-shadow));
}
.deaddrop-fold-data {
  position: relative;
}
.deaddrop-fold-data-item {
  display: flex;
  position: absolute;
  font-weight: 600;
  color: var(--deaddrop-data-item-text);
  text-wrap: nowrap;
}
.deaddrop-fold-data-item-one, .deaddrop-fold-data-item-four, .deaddrop-fold-data-item-six {
  transform: translate(-100%, 0);
}
.deaddrop-fold-data-item-two, .deaddrop-fold-data-item-three, .deaddrop-fold-data-item-five {
  transform: translate(100%, 0);
}
.deaddrop-fold-data-item-one {
  left: -6rem;
  top: -1rem;
}
.deaddrop-fold-data-item-one:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  right: -5rem;
}
.deaddrop-fold-data-item-one:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  right: -5rem;
}
.deaddrop-fold-data-item-two {
  right: -6rem;
  top: -1rem;
}
.deaddrop-fold-data-item-two:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  left: -5rem;
}
.deaddrop-fold-data-item-two:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  left: -5rem;
}
.deaddrop-fold-data-item-three {
  right: -8rem;
  top: 2rem;
}
.deaddrop-fold-data-item-three:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  left: -5rem;
}
.deaddrop-fold-data-item-three:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  left: -5rem;
}
.deaddrop-fold-data-item-four {
  left: -8rem;
  top: 2rem;
}
.deaddrop-fold-data-item-four:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  right: -5rem;
}
.deaddrop-fold-data-item-four:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  right: -5rem;
}
.deaddrop-fold-data-item-five {
  right: -6rem;
  top: 5rem;
}
.deaddrop-fold-data-item-five:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  left: -5rem;
}
.deaddrop-fold-data-item-five:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  left: -5rem;
}
.deaddrop-fold-data-item-six {
  left: -6rem;
  top: 5rem;
}
.deaddrop-fold-data-item-six:before {
  display: block;
  content: "";
  width: 4rem;
  height: 0.1rem;
  background: var(--deaddrop-item-background);
  border-radius: 0.2rem;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  top: 50%;
  right: -5rem;
}
.deaddrop-fold-data-item-six:after {
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: var(--deaddrop-item-background);
  border-radius: 100%;
  position: absolute;
  box-shadow: var(--deaddrop-glow-shadow);
  animation: pulse 2s infinite;
  top: calc(50% - 0.45rem);
  right: -5rem;
}
@media screen and (max-width: 768px) {
  .deaddrop-fold {
    grid-area: 1/1/2/3;
    height: auto;
    gap: 1.8rem;
  }
  .deaddrop-fold-data {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .deaddrop-fold-data-item {
    position: relative;
  }
  .deaddrop-fold-data-item-one:before, .deaddrop-fold-data-item-one:after, .deaddrop-fold-data-item-two:before, .deaddrop-fold-data-item-two:after, .deaddrop-fold-data-item-three:before, .deaddrop-fold-data-item-three:after, .deaddrop-fold-data-item-four:before, .deaddrop-fold-data-item-four:after, .deaddrop-fold-data-item-five:before, .deaddrop-fold-data-item-five:after, .deaddrop-fold-data-item-six:before, .deaddrop-fold-data-item-six:after {
    display: none;
  }
  .deaddrop-fold-data-item-one, .deaddrop-fold-data-item-two, .deaddrop-fold-data-item-three, .deaddrop-fold-data-item-four, .deaddrop-fold-data-item-five, .deaddrop-fold-data-item-six {
    left: 0;
    top: 0;
    transform: unset;
  }
}

.impex-graphic {
  display: block;
  box-sizing: border-box;
}
.impex-graphic img {
  display: block;
  width: 100%;
  height: auto;
}

.impex-intro {
  align-items: center;
}

.impex-datalock {
  margin-right: 12px;
}

.impex-text h2 {
  color: var(--impex-title);
}
.impex-text-intro {
  font-family: var(--font-bold);
  font-size: var(--fs-headline);
  line-height: var(--lh-headline);
  color: var(--impex-title);
}

/*	HEADER
	- Layout
*/
.header-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 1.8rem;
  align-items: center;
  padding: 1.8rem;
  margin: 0 auto;
}
.header-brand {
  grid-area: 1/2/2/6;
  justify-content: flex-start;
}
@media screen and (max-width: 1440px) {
  .header-brand {
    grid-area: 1/1/2/6;
  }
}
.header-navigation {
  grid-area: 1/8/2/12;
  justify-content: flex-end;
}
@media screen and (max-width: 1440px) {
  .header-navigation {
    grid-area: 1/8/2/13;
  }
}
@media screen and (max-width: 768px) {
  .header-inner {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "brand theme" "menu-block menu-block" "product-menu product-menu";
    grid-row-gap: 0.9rem;
    padding: 0.9rem 0.9rem 0.45rem 0.9rem;
  }
  .header-brand {
    grid-area: brand;
  }
  .header-navigation {
    grid-area: menu-block;
  }
}

/*	FOOTER
	- Layout
*/
.footer {
  display: flex;
  padding: 7.2rem 0 3.6rem;
}
.footer-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.8rem;
}
.footer-about {
  grid-area: 1/2/2/4;
}
.footer-products {
  grid-area: 1/4/2/6;
}
.footer-releases {
  grid-area: 1/6/2/8;
}
.footer-documentation {
  grid-area: 1/8/2/10;
}
.footer-copy {
  grid-area: 2/2/3/12;
}
.footer-title {
  color: var(--footer-title);
}
.footer-column {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
}
.footer-column-data {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.footer-column-item {
  color: var(--footer-link);
}
.footer .copymark {
  color: var(--footer-copy);
}
@media screen and (max-width: 1440px) {
  .footer-about {
    grid-area: 1/1/2/3;
  }
  .footer-products {
    grid-area: 1/3/2/5;
  }
  .footer-releases {
    grid-area: 1/5/2/7;
  }
  .footer-documentation {
    grid-area: 1/7/2/9;
  }
  .footer-copy {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 992px) {
  .footer-inner {
    grid-template-columns: repeat(4, 1fr);
  }
  .footer-about {
    grid-area: 1/1/2/2;
  }
  .footer-products {
    grid-area: 1/2/2/3;
  }
  .footer-releases {
    grid-area: 1/3/2/4;
  }
  .footer-documentation {
    grid-area: 1/4/2/5;
  }
  .footer-copy {
    grid-area: 2/1/3/5;
  }
}
@media screen and (max-width: 768px) {
  .footer-inner {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 0.9rem;
  }
  .footer-about {
    grid-area: 1/1/2/2;
  }
  .footer-products {
    grid-area: 2/1/3/2;
  }
  .footer-releases {
    grid-area: 3/1/4/2;
  }
  .footer-documentation {
    grid-area: 4/1/5/2;
  }
  .footer-copy {
    grid-area: 5/1/6/2;
  }
}

.brand {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .brand {
    align-items: center;
    margin: 0;
    height: 2rem;
  }
  .brand svg {
    width: auto;
    height: 0.9rem;
  }
}
.brand-first-half {
  fill: var(--brand-first-half);
}
.brand-second-half {
  fill: var(--brand-second-half);
}

/*	NEWS
	- Item
	- Layout
	- List /news
*/
.news-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.news-block-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.news-block-header:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--news-block-header-border);
  border-radius: 0.9rem;
  margin-top: 0.45rem;
}
.news-block-role {
  color: var(--news-block-role);
}
.news-block-role-link {
  color: var(--news-block-role);
  text-decoration: none;
}
.news-block-date {
  color: var(--news-block-date);
  transition: 0.22s all ease-in-out;
}
.news-block-title {
  color: var(--news-block-title);
  font-size: var(--text-1g);
  transition: 0.22s all ease-in-out;
}
.news-block-paragraph {
  color: var(--news-block-paragraph);
  transition: 0.22s all ease-in-out;
}
.news-block-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  text-decoration: none;
  color: var(--link);
  width: 100%;
  padding: 0.9rem 0;
}
.news-block-item:hover .news-block-date, .news-block-item:hover .news-block-title, .news-block-item:hover .news-block-paragraph {
  color: var(--news-block-item-hover);
}

.news-list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-auto-rows: auto;
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
}
.news-list-item {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  color: var(--news-link);
  width: 100%;
}
.news-list-item:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  border-radius: 0.45rem;
  background: var(--news-block-header-border);
  margin-top: 0.9rem;
}
.news-list-item:hover .news-list-title, .news-list-item:hover .news-list-date, .news-list-item:hover p {
  color: var(--news-link-hover);
}
.news-list-title {
  color: var(--news-block-title);
  font-size: var(--text-1g);
  transition: 0.22s all ease-in-out;
}
.news-list-date {
  color: var(--news-block-date);
  transition: 0.22s all ease-in-out;
}
.news-list p {
  color: var(--news-block-paragraph);
  transition: 0.22s all ease-in-out;
}
@media screen and (max-width: 768px) {
  .news-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-list-item {
    grid-column: span 2;
  }
}

/*	PROJECTS
	- Item

*/
.project-item {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.project-item-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.9rem;
  padding: 1.8rem;
  background: var(--project-item-brand-background);
}
.project-item-logo svg {
  height: 4rem;
  width: auto;
  max-width: 15rem;
}
@media screen and (max-width: 768px) {
  .project-item-logo svg {
    padding: 0 0.9rem;
  }
}
.project-item-content {
  display: flex;
  flex-direction: column;
}
.project-item-content-header {
  margin-bottom: 0.9rem;
}
.project-item-content p {
  color: var(--project-item-text);
}
.project-item-content .button-group {
  margin-top: 1.8rem;
}
.project-item-title {
  font-size: var(--text-1g);
  color: var(--project-item-title);
}
.project-item-heading {
  color: var(--project-item-heading);
}

/*	DOCUMENTATION
	- Page
	- Content
	- Layout
*/
.page-documentation {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1.8rem;
  grid-row-gap: 1.8rem;
  width: 100%;
  margin: 0 auto;
  margin-bottom: auto;
  padding: 0 1.8rem;
}
.page-documentation-aside {
  grid-area: 2/2/3/5;
  position: sticky;
  align-self: start;
  top: 3.8rem;
  max-height: calc(100vh - 2rem - 2rem);
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.page-documentation-aside::-webkit-scrollbar {
  width: var(--scrollbar-size);
  height: auto;
}
.page-documentation-aside::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: var(--scrollbar-radius);
}
.page-documentation-aside::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-radius);
  border: 0.2rem solid transparent;
  background-clip: padding-box;
}
.page-documentation-aside::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: padding-box;
}
.page-documentation-aside::-webkit-scrollbar-thumb:active {
  background: var(--scrollbar-thumb-active);
  background-clip: padding-box;
}
.page-documentation-aside::-webkit-scrollbar-corner {
  background: transparent;
}
.page-documentation-aside::-webkit-scrollbar-button {
  display: none;
}
.page-documentation-aside-menu > ul {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.page-documentation-aside-menu > ul > li a {
  color: var(--docs-aside-menu-heading);
  font-weight: 600;
  line-height: var(--leading-snug);
  padding-right: 0.9rem;
}
.page-documentation-aside-menu > ul > li a:hover {
  color: var(--link-hover);
}
.page-documentation-aside-menu > ul li ul {
  display: flex;
  flex-direction: column;
  border-left: 0.1rem solid var(--docs-aside-menu-border);
  padding: 0 0 0 0.9rem;
  margin: 0.45rem 0;
  gap: 0.45rem;
}
.page-documentation-aside-menu > ul li ul li a {
  text-decoration: none;
  font-weight: 600;
  color: var(--docs-aside-menu-item);
}
.page-documentation-aside-menu > ul li ul li > ul {
  padding: 0 0 0.45rem 0.9rem;
}
.page-documentation-aside-menu > ul li ul li > ul li a {
  font-weight: 400;
  color: var(--docs-aside-menu-subitem);
}
.page-documentation-aside-label {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.45rem 0.9rem;
  border-radius: 0.45rem;
  font-family: var(--font-family-code);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  text-transform: uppercase;
  color: var(--documentation-dropdown-label);
  background: var(--documentation-dropdown-label-background);
}
.page-documentation-aside input[name=drop-aside] {
  display: none;
  width: 100%;
}
.page-documentation-aside input[name=drop-aside]:checked ~ .page-documentation-aside-label > span {
  transform: rotate(180deg);
}
.page-documentation-aside input[name=drop-aside]:checked ~ .page-documentation-aside-menu {
  height: auto;
  margin-top: 0.9rem;
  display: flex;
}
.page-documentation-content {
  grid-area: 2/5/3/12;
}
.page-documentation-content p {
  color: var(--page-text);
}
.page-documentation-content p img {
  width: auto;
  max-width: 100%;
  border-radius: 0.45rem;
  border: 0.1rem solid var(--page-doc-image-border);
}
.page-documentation-content ul li {
  list-style: disc;
}
.page-documentation-content ol li {
  display: list-item;
  list-style: numerals;
}
.page-documentation-content ul, .page-documentation-content ol {
  color: var(--page-text);
}
.page-documentation-content h1, .page-documentation-content h2 {
  color: var(--page-title);
  scroll-margin-top: 3rem;
}
.page-documentation-content h3, .page-documentation-content h4, .page-documentation-content h5, .page-documentation-content h6 {
  color: var(--page-heading);
  scroll-margin-top: 3rem;
}
.page-documentation-content h1:after {
  display: block;
  content: "";
  width: 100%;
  height: 0.2rem;
  border-radius: 0.45rem;
  background: var(--documentation-line);
}
.page-documentation-content h1:first-of-type {
  margin-top: 1em;
}
.page-documentation-content table {
  width: 100%;
  margin: 1.8rem 0;
  border-collapse: separate;
  border-spacing: 0;
}
.page-documentation-content table td, .page-documentation-content table th {
  padding: 0.45rem 0.9rem;
}
.page-documentation-content table tbody td {
  border-top: 0.1rem solid var(--docs-table-row-border);
  border-bottom: 0.1rem solid var(--docs-table-row-border);
}
.page-documentation-content table tbody td:first-child {
  border-left: 0.1rem solid var(--docs-table-row-border);
}
.page-documentation-content table tbody td:last-child {
  border-right: 0.1rem solid var(--docs-table-row-border);
}
.page-documentation-content table tbody tr:nth-child(odd) {
  background: var(--docs-table-row-odd-background);
}
.page-documentation-content table tbody tr:nth-child(even) {
  background: var(--docs-table-row-even-background);
}
.page-documentation-content table tbody tr:not(:first-child) td {
  border-top: none;
}
.page-documentation-content table tbody tr:first-child td:first-child {
  border-top-left-radius: 0.45rem;
}
.page-documentation-content table tbody tr:first-child td:last-child {
  border-top-right-radius: 0.45rem;
}
.page-documentation-content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 0.45rem;
}
.page-documentation-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 0.45rem;
}
.page-documentation-content thead tr th {
  text-align: left;
  color: var(--docs-table-head-heading);
}
.page-documentation-content thead tr th:first-of-type {
  text-align: right;
}
.page-documentation-content tbody tr td:first-of-type {
  text-align: right;
  font-weight: 700;
  text-wrap: nowrap;
  color: var(--table-data-heading);
}
.page-documentation-content tbody tr td {
  font-weight: 600;
  color: var(--table-data-item);
}
.page-documentation-content tbody tr td sup a {
  text-decoration: underline;
  color: var(--documentation-link);
  margin-left: 4px;
  transition: 0.22s all ease-in-out;
}
.page-documentation-content tbody tr td sup a:hover {
  color: var(--documentation-link-hover);
}
.page-documentation-button-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 1440px) {
  .page-documentation-aside {
    grid-area: 2/1/3/5;
  }
  .page-documentation-content {
    grid-area: 2/5/3/13;
  }
}
@media screen and (max-width: 768px) {
  .page-documentation {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 0.9rem;
    grid-row-gap: 0.9rem;
  }
  .page-documentation-aside {
    grid-area: 2/1/3/3;
    position: relative;
    top: 0;
    max-height: unset;
    overflow-y: unset;
  }
  .page-documentation-aside-label {
    display: flex;
  }
  .page-documentation-aside-menu {
    display: none;
  }
  .page-documentation-content {
    grid-area: 3/1/4/3;
  }
}
.page-documentation .hljs {
  font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  font-size: var(--text-sm);
  font-weight: 600;
  display: inline-block;
  margin: 0;
  padding: 0.9rem;
  width: auto;
  max-width: 100%;
  border-radius: 0.45rem;
  background: var(--docs-code-block-background);
  color: var(--docs-code-block-text);
}
@media screen and (max-width: 768px) {
  .page-documentation .hljs {
    max-width: 85vw;
  }
}
.page-documentation .custom-icon-pdf-document {
  width: 24px;
  height: 24px;
  margin-right: 9px;
}

/*	MENU - HEADER
*/
.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.menu-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  margin: 0;
  border-radius: 0.45rem 0 0 0.45rem;
}
.menu-block-item {
  display: flex;
  font-family: var(--font-family-code);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  text-transform: uppercase;
  position: relative;
}
.menu-block-item:first-of-type > a {
  padding-left: 0.9rem;
  border-radius: 0.45rem 0 0 0.45rem;
}
.menu-block-item > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 0.9rem;
  gap: 0.2rem;
  font-family: var(--font-family-code);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  color: var(--menu-label);
  background: var(--menu-background);
  transition: 0.22s all ease-in-out;
}
.menu-block-item:hover > a {
  color: var(--menu-label-hover);
  background: var(--menu-background-hover);
}
.menu-block-item:hover > .dropdown {
  visibility: visible;
  opacity: 1;
  transition-delay: 0ms;
}
@media screen and (max-width: 768px) {
  .menu-block {
    grid-area: menu-block;
    display: flex;
    width: 100%;
  }
  .menu-block-item:last-of-type > a {
    border-radius: 0 0.45rem 0.45rem 0;
  }
  .menu-block-item {
    width: 100%;
  }
  .menu-block-item > a {
    width: 100%;
  }
  .menu .scheme-toggle {
    grid-area: theme;
    justify-content: flex-end;
  }
}

.dropdown {
  display: flex;
  flex-direction: column;
  width: auto;
  min-width: 8rem;
  border-radius: 0.45rem;
  padding: 0;
  margin: 0;
  z-index: 20;
  box-shadow: 0 1px 2px rgba(26, 26, 26, 0.07), 0 2px 4px rgba(26, 26, 26, 0.07), 0 4px 8px rgba(26, 26, 26, 0.07), 0 8px 16px rgba(26, 26, 26, 0.07), 0 16px 32px rgba(26, 26, 26, 0.07), 0 32px 64px rgba(26, 26, 26, 0.07);
  background: var(--dropdown-background);
  border: 0.1rem solid var(--dropdown-border);
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 50%;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  transition: visibility 60ms, opacity 60ms;
  transition-delay: 60ms;
}
.dropdown:after {
  display: block;
  content: "";
  width: 280px;
  height: calc(100% + 80px);
  position: absolute;
  z-index: -1;
  top: -22px;
  left: -20px;
  pointer-events: auto;
}
.dropdown-item a {
  display: block;
  padding: 0.45rem 0.9rem;
  text-decoration: none;
  text-wrap: nowrap;
  border-bottom: 0.1rem solid var(--dropdown-item-border);
  border-radius: 0;
  color: var(--dropdown-item-label);
}
.dropdown-item a:hover {
  color: var(--menu-dropdown-item-text-hover);
}
.dropdown-item:last-of-type a {
  border-bottom: none;
}

/*	MENU - PRODUCT NAVIGATION
		- Layout
*/
.product-menu {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.product-menu-block {
  grid-area: 2/2/3/12;
  margin-top: 0.45rem;
  display: inline-flex;
  width: auto;
  box-sizing: border-box;
  justify-content: flex-end;
  gap: 0.45rem;
}
.product-menu-back {
  background: var(--product-menu-background);
  border-radius: 0.45rem;
  grid-area: back;
}
.product-menu-item a {
  display: flex;
  align-items: center;
  padding: 0.45rem 0.9rem;
  gap: 0.2rem;
  font-family: var(--font-family-code);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  text-wrap: nowrap;
  color: var(--product-menu-label);
  transition: 0.22s all ease-in-out;
}
.product-menu-item a:hover {
  color: var(--product-menu-label-hover);
}
.product-menu-item-active a {
  color: var(--product-menu-label-active);
}
.product-menu-list {
  display: flex;
  border-radius: 0.45rem;
  background: var(--product-menu-background);
}
.product-menu-more {
  grid-area: dropdown;
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  border-radius: 0.45rem;
  padding: 0.45rem 0.9rem;
  background: var(--product-menu-background);
  font-family: var(--font-family-code);
  font-weight: 700;
  letter-spacing: var(--tracking-wide);
  font-size: var(--text-sm);
  text-transform: uppercase;
  color: var(--product-menu-label);
}
@media screen and (max-width: 1440px) {
  .product-menu-block {
    grid-area: 2/1/3/13;
  }
}
@media screen and (max-width: 768px) {
  .product-menu-block {
    display: grid;
    grid-template-areas: "back dropdown" "list list";
    grid-area: product-menu;
    margin-top: 0;
    justify-content: space-between;
  }
  .product-menu-list {
    display: none;
    grid-area: list;
  }
  .product-menu-more {
    display: flex;
  }
}

input[name=submenu-tag] {
  display: none;
}

input[name=submenu-tag]:checked ~ .product-menu-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

/*	Scheme Toggle	
*/
.theme-selector {
  display: flex;
  align-items: center;
  -webkit-appearance: none;
  border: none;
  padding: 0 0.9rem;
  margin: 0;
  box-sizing: border-box;
  background: var(--theme-selector-background);
  border-radius: 0 0.45rem 0.45rem 0;
  cursor: pointer;
  height: 100%;
  transition: 0.22s all ease-in-out;
}
.theme-selector[aria-pressed=true] svg .toggle-moon-icon {
  fill: var(--moon-icon-toggle);
  stroke: var(--moon-icon-toggle);
}
.theme-selector:hover {
  background: var(--theme-selector-background-hover);
}
@media screen and (max-width: 768px) {
  .theme-selector {
    border-radius: 0.45rem;
    position: absolute;
    top: 0.9rem;
    right: 0.9rem;
    height: 2rem;
  }
}

.toggle-moon-icon {
  fill: none;
  stroke: var(--moon-icon-toggle);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
}

.post.impex .toggle-moon-icon, .post.deaddrop .toggle-moon-icon {
  stroke: var(--moon-icon-toggle-light);
}

.scheme-toggle {
  display: flex;
  height: 100%;
}

.news-nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 1.8rem;
  align-items: flex-start;
  grid-area: 2/2/3/9;
}
.news-nav-item {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  flex-wrap: wrap;
  text-decoration: none !important;
}
.news-nav-item-meta {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  width: 100%;
  color: var(--news-nav-meta);
}
.news-nav-item-meta:after {
  display: inline-flex;
  content: "";
  width: 100%;
  height: 0.1rem;
  background: var(--news-nav-border);
}
.news-nav-item-meta-row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  transition: 0.22s all ease-in-out;
}
.news-nav-item-meta-row:hover {
  color: var(--link-hover);
}
.news-nav-item:only-of-type, .news-nav-item:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
.news-nav-item-link {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--news-nav-link);
  font-weight: 600;
  transition: 0.22s all ease-in-out;
}
.news-nav-item-link:hover {
  color: var(--link-hover);
}
.news-nav-next {
  justify-content: flex-start;
}
.news-nav-previous {
  justify-content: flex-end;
}
.news-nav-previous .news-nav-item-meta {
  align-items: flex-end;
}
.news-nav-previous-meta {
  justify-content: flex-end;
}
.news-nav-previous-meta.news-nav-item-meta {
  align-items: center;
}
@media screen and (max-width: 1440px) {
  .news-nav {
    grid-area: 2/1/3/9;
  }
}
@media screen and (max-width: 768px) {
  .news-nav {
    grid-area: 3/1/4/3;
  }
}