@charset "UTF-8";
/**
 * Retrieve a css variable value with prefix
 *
 * Usage
 *
 * .selector {
 *   color: is(ui-primary);
 * }
 *
 * Will result in
 *
 * .selector {
 *    color: var(--ncr-ui-primary-color, var(--ncr-ui-primary-default));
 * }
 */
/**
 * Create a css var with a default value...
 */
/**
* Create a new color scheme for internal use (easily overridden)
*/
/**
* Create a new color scheme for client-code use
*/
/**
* These are the default variables used to set the 'vars-map' in the
* main variable sections.
*
* This is not extraneous.
*/
/**
* Font-utilities
* =====================
*/
/**
* Checks that a value is not undefined, or null, or zero, etc.
*/
/**
* Replace a value in a string
*/
/**
* Alias for _not-null, in a more JS-style name
*/
/**
* If variable is nullish, return default - else, return variable.
*/
/**
* Color-utilities
* =====================
*/
/**
* Component Color-utilities
* =====================
*/
/**
* For if you need to modify a color by hue, saturation, lightness, alpha, or to provide a default category multiplier
*/
/**
* Darken a color by $darker-amount-default
* - Multiplies the amount by the color's default liminosity
*
* Replaces Legacy Api:
* color("primary.darker")
*/
/**
* Lighten a color by $lighter-amount-default
* - Multiplies the amount by the color's default liminosity
*
* Example:
* _lighter(ui-primary)
*
* Replaces Legacy Api:
* color("primary.lighter")
*/
/**
* Darken a color by a certain amount
* - Multiplies the amount by the color's default liminosity
*
* Example:
* _darken(paper-primary, .1)
*
* Replaces Legacy Api:
* (none – this is new functionality)
*/
/**
* Lighten a color by a certain amount
* - Multiplies the amount by the color's default liminosity
*
* Example:
* _lighten(paper-primary, .1)
*
* Replaces Legacy Api:
* (none – this is new functionality)
*/
/**
* Change the color's opacity by a certain amount
* - Multiplies the color's opacity by a certain amount
*
* Example:
* _alpha(ui-primary, .1)
*
* Replaces Legacy Api:
* (none – this is new functionality)
*/
/**
* Saturate a color by a certain amount
* - Multiplies the amount by the color's default saturation
*
* Example:
* _saturate(ui-primary, .1)
*
* Replaces Legacy Api:
* (none – this is new functionality)
*/
/**
* Saturate a color by a certain amount
* - Multiplies the amount by the color's default saturation
*
* Example:
* _desaturate(ui-primary, .1)
*
* Replaces Legacy Api:
* (none – this is new functionality)
*/
/**
 * Retrieve a css variable value with prefix
 *
 * Usage
 *
 * .selector {
 *   color: is(ui-primary);
 * }
 *
 * Will result in
 *
 * .selector {
 *    color: var(--ncr-ui-primary-color, var(--ncr-ui-primary-default));
 * }
 */
/**
 * Create a css var with a default value...
 */
/**
* Create a new color scheme for internal use (easily overridden)
*/
/**
* Create a new color scheme for client-code use
*/
/**
* These are the default variables used to set the 'vars-map' in the
* main variable sections.
*
* This is not extraneous.
*/
/**
* Font-utilities
* =====================
*/
/**
* Checks that a value is not undefined, or null, or zero, etc.
*/
/**
* Replace a value in a string
*/
/**
* Alias for _not-null, in a more JS-style name
*/
/**
* If variable is nullish, return default - else, return variable.
*/
/**
 * Retrieve a css variable value with prefix
 *
 * Usage
 *
 * .selector {
 *   color: is(ui-primary);
 * }
 *
 * Will result in
 *
 * .selector {
 *    color: var(--ncr-ui-primary-color, var(--ncr-ui-primary-default));
 * }
 */
/**
 * Create a css var with a default value...
 */
/**
* Create a new color scheme for internal use (easily overridden)
*/
/**
* Create a new color scheme for client-code use
*/
/**
* These are the default variables used to set the 'vars-map' in the
* main variable sections.
*
* This is not extraneous.
*/
/**
* Font-utilities
* =====================
*/
/**
* Checks that a value is not undefined, or null, or zero, etc.
*/
/**
* Replace a value in a string
*/
/**
* Alias for _not-null, in a more JS-style name
*/
/**
* If variable is nullish, return default - else, return variable.
*/
/**
 * Retrieve a css variable value with prefix
 *
 * Usage
 *
 * .selector {
 *   color: is(ui-primary);
 * }
 *
 * Will result in
 *
 * .selector {
 *    color: var(--ncr-ui-primary-color, var(--ncr-ui-primary-default));
 * }
 */
/**
 * Create a css var with a default value...
 */
/**
* Create a new color scheme for internal use (easily overridden)
*/
/**
* Create a new color scheme for client-code use
*/
/**
* These are the default variables used to set the 'vars-map' in the
* main variable sections.
*
* This is not extraneous.
*/
/**
* Font-utilities
* =====================
*/
/**
 * Retrieve a css variable value with prefix
 *
 * Usage
 *
 * .selector {
 *   color: is(ui-primary);
 * }
 *
 * Will result in
 *
 * .selector {
 *    color: var(--ncr-ui-primary-color, var(--ncr-ui-primary-default));
 * }
 */
/**
 * Create a css var with a default value...
 */
/**
* Create a new color scheme for internal use (easily overridden)
*/
/**
* Create a new color scheme for client-code use
*/
html {
  width: 100%;
  height: 100%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  scroll-behavior: smooth;
  align-items: stretch;
  justify-content: stretch;
  justify-content: space-between;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
  color: hsla(var(--ncr-color-text-primary-h, 0deg), var(--ncr-color-text-primary-s, 0%), var(--ncr-color-text-primary-l, 0.3921568627%), var(--ncr-color-text-primary-a, 1));
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

main {
  display: block;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
  box-sizing: border-box;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

button:focus {
  outline: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html {
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  line-height: 1.5;
}

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

hr {
  border-top-width: 1px;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: hsla(var(--ncr-color-text-tertiary-h, 240deg), var(--ncr-color-text-tertiary-s, 5.5118110236%), var(--ncr-color-text-tertiary-l, 24.9019607843%), var(--ncr-color-text-tertiary-a, 0.3));
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: hsla(var(--ncr-color-text-tertiary-h, 240deg), var(--ncr-color-text-tertiary-s, 5.5118110236%), var(--ncr-color-text-tertiary-l, 24.9019607843%), var(--ncr-color-text-tertiary-a, 0.3));
}

input::placeholder,
textarea::placeholder {
  color: hsla(var(--ncr-color-text-tertiary-h, 240deg), var(--ncr-color-text-tertiary-s, 5.5118110236%), var(--ncr-color-text-tertiary-l, 24.9019607843%), var(--ncr-color-text-tertiary-a, 0.3));
}

button,
[role=button] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

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

a {
  color: inherit;
  text-decoration: inherit;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  color: inherit;
  line-height: inherit;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

img,
video {
  max-width: 100%;
  height: auto;
}

.border {
  border-width: 1px;
  border-style: solid;
}

ncr-checkbox + ncr-checkbox {
  margin-left: calc(2 * (8px / 2));
  margin-left: calc(2 * (var(--spacing-base, 8px) / 2));
}

:not(ncr-button-group) ncr-button + ncr-button {
  margin-left: calc(2 * (8px / 2));
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}

/**
* Common `.section` and `.box` item helpers
*/
/**
* Component Styles
*/
table-of-contents,
breadcrumbs-bar,
in-page-navigation,
docs-header,
ncr-alert,
ncr-item,
ncr-native-select,
ncr-option,
ncr-pagination,
ncr-select,
context-consumer,
ncr-app,
ncr-appbar,
ncr-backdrop,
ncr-badge,
ncr-button-group,
ncr-checkbox,
ncr-col,
ncr-container,
ncr-context-divider,
ncr-context-item,
ncr-context-menu,
ncr-css-reset,
ncr-drawer,
ncr-dropdown,
ncr-grid,
ncr-header,
ncr-header-item,
ncr-item-divider,
ncr-item-group,
ncr-label,
ncr-list,
ncr-list-title,
ncr-loading,
ncr-modal,
ncr-progress-indicator,
ncr-radio,
ncr-radio-group,
ncr-range,
ncr-tab,
ncr-table,
ncr-tabs,
ncr-tbody,
ncr-td,
ncr-textarea,
ncr-th,
ncr-thead,
ncr-toggle,
ncr-toggle-buttons,
ncr-tooltip,
ncr-tr,
stencil-async-content,
stencil-route,
stencil-route-link,
stencil-route-switch,
stencil-route-title,
stencil-router,
stencil-router-prompt,
stencil-router-redirect,
ncr-input,
ncr-searchbar,
ncr-breadcrumb,
ncr-breadcrumb-list,
toc-item,
ncr-button,
ncr-typography,
ncr-icon {
  visibility: hidden;
}
table-of-contents[hydrated],
breadcrumbs-bar[hydrated],
in-page-navigation[hydrated],
docs-header[hydrated],
ncr-alert[hydrated],
ncr-item[hydrated],
ncr-native-select[hydrated],
ncr-option[hydrated],
ncr-pagination[hydrated],
ncr-select[hydrated],
context-consumer[hydrated],
ncr-app[hydrated],
ncr-appbar[hydrated],
ncr-backdrop[hydrated],
ncr-badge[hydrated],
ncr-button-group[hydrated],
ncr-checkbox[hydrated],
ncr-col[hydrated],
ncr-container[hydrated],
ncr-context-divider[hydrated],
ncr-context-item[hydrated],
ncr-context-menu[hydrated],
ncr-css-reset[hydrated],
ncr-drawer[hydrated],
ncr-dropdown[hydrated],
ncr-grid[hydrated],
ncr-header[hydrated],
ncr-header-item[hydrated],
ncr-item-divider[hydrated],
ncr-item-group[hydrated],
ncr-label[hydrated],
ncr-list[hydrated],
ncr-list-title[hydrated],
ncr-loading[hydrated],
ncr-modal[hydrated],
ncr-progress-indicator[hydrated],
ncr-radio[hydrated],
ncr-radio-group[hydrated],
ncr-range[hydrated],
ncr-tab[hydrated],
ncr-table[hydrated],
ncr-tabs[hydrated],
ncr-tbody[hydrated],
ncr-td[hydrated],
ncr-textarea[hydrated],
ncr-th[hydrated],
ncr-thead[hydrated],
ncr-toggle[hydrated],
ncr-toggle-buttons[hydrated],
ncr-tooltip[hydrated],
ncr-tr[hydrated],
stencil-async-content[hydrated],
stencil-route[hydrated],
stencil-route-link[hydrated],
stencil-route-switch[hydrated],
stencil-route-title[hydrated],
stencil-router[hydrated],
stencil-router-prompt[hydrated],
stencil-router-redirect[hydrated],
ncr-input[hydrated],
ncr-searchbar[hydrated],
ncr-breadcrumb[hydrated],
ncr-breadcrumb-list[hydrated],
toc-item[hydrated],
ncr-button[hydrated],
ncr-typography[hydrated],
ncr-icon[hydrated] {
  visibility: visible;
}

breadcrumbs-bar {
  display: flex;
  align-items: center;
  min-height: 35px;
  margin-bottom: calc(3 * (var(--spacing-base, 8px) / 2));
  padding-right: var(--safe-area-padding);
  padding-left: var(--safe-area-padding);
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
}
@media (min-width: 768px) {
  breadcrumbs-bar {
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
  }
}
breadcrumbs-bar ncr-breadcrumb-list {
  --color: var(--link-color);
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-bottom: 0;
}

#buorg {
  border-bottom: none;
  background-color: darkorange;
  color: black;
  font: inherit;
  text-align: left;
  box-shadow: none;
}
#buorg .buorg-test {
  display: none;
}
#buorg .buorg-icon {
  display: none;
}
#buorg .buorg-moremsg {
  margin-left: 3px;
}
#buorg .buorg-mainmsg, #buorg .buorg-moremsg {
  display: block;
  float: left;
}
#buorg .buorg-buttons {
  display: block;
  margin-bottom: 8px;
  float: right;
}
#buorg .buorg-buttons #buorgurl {
  border: none;
  box-shadow: none;
}
#buorg .buorg-buttons #buorgig {
  border: none;
  background: transparent;
  color: black;
  box-shadow: none;
}

footer {
  margin-top: calc(12 * (var(--spacing-base, 8px) / 2));
  border-top: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  background-color: hsla(var(--ncr-color-paper-secondary-h, 240deg), var(--ncr-color-paper-secondary-s, 18.5185185185%), var(--ncr-color-paper-secondary-l, 94.7058823529%), var(--ncr-color-paper-secondary-a, 1));
}
footer docs-footer {
  display: block;
  max-width: 100%;
  padding-right: var(--safe-area-padding);
  padding-left: var(--safe-area-padding);
}
@media (min-width: 1024px) {
  footer docs-footer {
    max-width: var(--maximum-width);
    margin-right: auto;
    margin-left: auto;
  }
}
footer docs-footer.expanded {
  --footer-border-color: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  --footer-padding-top: calc(4 * (var(--spacing-base, 8px) / 2));
}
footer docs-footer.expanded .footer__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-top: calc(4 * (var(--spacing-base, 8px) / 2));
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  footer docs-footer.expanded .footer__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
@media (min-width: 768px) {
  footer docs-footer.expanded .footer__wrapper {
    padding-top: calc(4 * (var(--spacing-base, 8px) / 2));
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  footer docs-footer.expanded .footer__wrapper {
    padding-top: calc(4 * (var(--spacing-base, 8px) / 2));
    padding-bottom: 0px;
  }
}
footer docs-footer.expanded .footer__wrapper .footer__wrapper-items {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(6 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: calc(5 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  footer docs-footer.expanded .footer__wrapper .footer__wrapper-items {
    padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
    grid-gap: calc(6 * (var(--spacing-base, 8px) / 2));
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  }
}
@media (min-width: 1024px) {
  footer docs-footer.expanded .footer__wrapper .footer__wrapper-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
footer docs-footer.expanded .footer__wrapper .footer__item {
  border-right: 1px solid transparent;
}
@media (min-width: 820px) {
  footer docs-footer.expanded .footer__wrapper .footer__item:nth-of-type(1), footer docs-footer.expanded .footer__wrapper .footer__item:nth-of-type(3) {
    border-right: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  }
}
@media (min-width: 1024px) {
  footer docs-footer.expanded .footer__wrapper .footer__item:not(:last-of-type) {
    border-right: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  }
}
footer docs-footer.expanded .footer__wrapper .box {
  --padding: calc(0 * (var(--spacing-base, 8px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--padding);
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  background-color: transparent;
}
@media (min-width: 768px) {
  footer docs-footer.expanded .footer__wrapper .box {
    --padding: calc(1 * (var(--spacing-base, 8px) / 2));
  }
}
footer docs-footer.expanded .footer__wrapper .box__text {
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
footer docs-footer.expanded .footer__wrapper .box__text-title {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  margin-bottom: calc(1 * (var(--spacing-base, 8px) / 2));
}
footer docs-footer.expanded .footer__wrapper .box__text-summary {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
footer docs-footer.expanded .footer__wrapper .box__links {
  margin-top: calc(3 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
footer docs-footer.expanded .footer__wrapper .box__links--link {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-top: calc(1.5 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(1.5 * (var(--spacing-base, 8px) / 2));
  text-align: left;
}
footer docs-footer.expanded .footer__wrapper .box__links--link ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}
footer docs-footer.expanded .footer__wrapper .box__footer {
  margin-top: var(--padding);
  margin-right: calc(-1 * var(--padding));
  margin-bottom: calc(-1 * var(--padding));
  margin-left: calc(-1 * var(--padding));
  padding: calc(2 * (var(--spacing-base, 8px) / 2)) var(--padding);
  text-align: left;
}
footer docs-footer.expanded .footer__wrapper .box__footer ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  footer docs-footer.expanded .footer__wrapper .box .box__content {
    width: fit-content;
    min-width: 150px;
    margin: 0 auto;
  }
}
footer docs-footer.expanded .footer__wrapper .box .footer-column__items {
  opacity: 0.8;
}
@media (max-width: 639.9px) {
  footer docs-footer.expanded .footer__wrapper .box:not(:last-of-type) {
    padding-bottom: calc(5 * (var(--spacing-base, 8px) / 2));
    border-bottom: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
    border-radius: 0;
  }
  footer docs-footer.expanded .footer__wrapper .box .footer-column__items {
    columns: 2;
  }
}
@media (max-width: 639.9px) and (max-width: 400px) {
  footer docs-footer.expanded .footer__wrapper .box .footer-column__items {
    columns: 1;
  }
}
footer docs-footer .footer__wrapper-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: calc(4 * (var(--spacing-base, 8px) / 2));
  padding-top: var(--footer-padding-top, 0px);
  padding-right: calc(4 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(4 * (var(--spacing-base, 8px) / 2));
  padding-left: calc(6 * (var(--spacing-base, 8px) / 2));
  border-top: 1px solid var(--footer-border-color, transparent);
  font-size: 14px;
}
@media (max-width: 767.9px) {
  footer docs-footer .footer__wrapper-bottom {
    flex-direction: column;
    align-items: center;
    padding-bottom: calc(3 * (var(--spacing-base, 8px) / 2));
  }
  footer docs-footer .footer__wrapper-bottom > :not(:last-child) {
    display: block;
    margin-bottom: calc(4 * (var(--spacing-base, 8px) / 2));
  }
}
footer docs-footer .footer__wrapper-bottom .footer__bottom-link {
  display: flex;
}
footer docs-footer .footer__wrapper-bottom .footer__bottom-link svg {
  width: auto;
  height: 18px;
  margin-top: 3px;
  margin-right: calc(2 * (var(--spacing-base, 8px) / 2));
  fill: currentColor;
  opacity: 0.8;
}
footer docs-footer .footer__wrapper-bottom .footer__bottom-items {
  display: flex;
}
footer docs-footer .footer__wrapper-bottom .footer__bottom-item:not(:last-of-type) {
  margin-right: calc(3 * (var(--spacing-base, 8px) / 2));
}

/**
* Page Styles
*/
n-grid {
  --grid-tc: repeat(4, 1fr);
  --grid-cs: 1;
  /* column start */
  --grid-ce: -1;
  /* column end */
  display: grid;
  grid-template-columns: var(--grid-tc);
  max-width: 100%;
}

/* n-cell -- cell or column */
n-grid > n-cell {
  display: block;
  -webkit-appearance: none;
  appearance: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023.98px) {
  n-grid[columns="1"] {
    --grid-tc: repeat(1, 1fr);
  }

  n-grid[columns="2"] {
    --grid-tc: repeat(2, 1fr);
  }

  n-grid[columns="3"] {
    --grid-tc: repeat(3, 1fr);
  }

  n-grid[columns="4"] {
    --grid-tc: repeat(4, 1fr);
  }

  n-grid[columns="5"] {
    --grid-tc: repeat(5, 1fr);
  }

  n-grid[columns="6"] {
    --grid-tc: repeat(6, 1fr);
  }

  n-grid[columns="7"] {
    --grid-tc: repeat(7, 1fr);
  }

  n-grid[columns="8"] {
    --grid-tc: repeat(8, 1fr);
  }

  n-grid > n-cell[span="1"] {
    grid-column: span 1;
  }

  n-grid > n-cell[span="2"] {
    grid-column: span 2;
  }

  n-grid > n-cell[span="3"] {
    grid-column: span 3;
  }

  n-grid > n-cell[span="4"] {
    grid-column: span 4;
  }

  n-grid > n-cell[span="5"] {
    grid-column: span 5;
  }

  n-grid > n-cell[span="6"] {
    grid-column: span 6;
  }

  n-grid > n-cell[span="7"] {
    grid-column: span 7;
  }
}
/* for window width <= 767 */
@media only screen and (max-width: 767.98px) {
  n-grid[columns-s="1"] {
    --grid-tc: repeat(1, 1fr);
  }

  n-grid[columns-s="2"] {
    --grid-tc: repeat(2, 1fr);
  }

  n-grid[columns-s="3"] {
    --grid-tc: repeat(3, 1fr);
  }

  n-grid[columns-s="4"] {
    --grid-tc: repeat(4, 1fr);
  }

  n-grid[columns-s="5"] {
    --grid-tc: repeat(5, 1fr);
  }

  n-grid[columns-s="6"] {
    --grid-tc: repeat(6, 1fr);
  }

  n-grid[columns-s="7"] {
    --grid-tc: repeat(7, 1fr);
  }

  n-grid[columns-s="8"] {
    --grid-tc: repeat(8, 1fr);
  }

  n-grid > n-cell[span-s="1"] {
    grid-column: span 1;
  }

  n-grid > n-cell[span-s="2"] {
    grid-column: span 2;
  }

  n-grid > n-cell[span-s="3"] {
    grid-column: span 3;
  }

  n-grid > n-cell[span-s="4"] {
    grid-column: span 4;
  }

  n-grid > n-cell[span-s="5"] {
    grid-column: span 5;
  }

  n-grid > n-cell[span-s="6"] {
    grid-column: span 6;
  }

  n-grid > n-cell[span-s="7"] {
    grid-column: span 7;
  }
}
/* for window width >= 1023 */
@media only screen and (min-width: 1024px) {
  n-grid[columns-l="1"] {
    --grid-tc: repeat(1, 1fr);
  }

  n-grid[columns-l="2"] {
    --grid-tc: repeat(2, 1fr);
  }

  n-grid[columns-l="3"] {
    --grid-tc: repeat(3, 1fr);
  }

  n-grid[columns-l="4"] {
    --grid-tc: repeat(4, 1fr);
  }

  n-grid[columns-l="5"] {
    --grid-tc: repeat(5, 1fr);
  }

  n-grid[columns-l="6"] {
    --grid-tc: repeat(6, 1fr);
  }

  n-grid[columns-l="7"] {
    --grid-tc: repeat(7, 1fr);
  }

  n-grid[columns-l="8"] {
    --grid-tc: repeat(8, 1fr);
  }

  n-grid > n-cell[span-l="1"] {
    grid-column: span 1;
  }

  n-grid > n-cell[span-l="2"] {
    grid-column: span 2;
  }

  n-grid > n-cell[span-l="3"] {
    grid-column: span 3;
  }

  n-grid > n-cell[span-l="4"] {
    grid-column: span 4;
  }

  n-grid > n-cell[span-l="5"] {
    grid-column: span 5;
  }

  n-grid > n-cell[span-l="6"] {
    grid-column: span 6;
  }

  n-grid > n-cell[span-l="7"] {
    grid-column: span 7;
  }
}
/* .debug can be added to a n-grid to visualize its effective cells */
n-grid.debug > * {
  --color: rgba(248, 110, 91, 0.3);
  background-image: linear-gradient(to bottom, var(--color) 0%, var(--color) 100%);
}

n-grid.debug > :nth-child(6n+2) {
  --color: rgba(103, 126, 208, 0.3);
}

n-grid.debug > :nth-child(6n+3) {
  --color: rgba(224, 174, 72, 0.3);
}

n-grid.debug > :nth-child(6n+4) {
  --color: rgba(77, 214, 115, 0.3);
}

n-grid.debug > :nth-child(6n+5) {
  --color: rgba(217, 103, 219, 0.3);
}

n-grid.debug > :nth-child(6n+6) {
  --color: rgba(94, 204, 211, 0.3);
}

n-grid.debug > :nth-child(6n+7) {
  --color: rgba(248, 110, 91, 0.3);
}

body.template-article,
body.template-hub,
body.template-docs-home {
  --header-height: 54px;
  --section-menu-height: var(--header-height, 54px);
  --footer-height: 100px;
  --safe-area-padding: 16px;
  --maximum-width: 1600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100%;
  font-family: "Inter", system-ui;
}
body.template-article .main-page-section,
body.template-hub .main-page-section,
body.template-docs-home .main-page-section {
  flex: 1;
}
body.template-article.contentNav,
body.template-hub.contentNav,
body.template-docs-home.contentNav {
  --header-height: 108px;
}
body.template-article *,
body.template-article *:before,
body.template-article *:after,
body.template-hub *,
body.template-hub *:before,
body.template-hub *:after,
body.template-docs-home *,
body.template-docs-home *:before,
body.template-docs-home *:after {
  box-sizing: border-box;
}
body.template-article ncr-drawer,
body.template-hub ncr-drawer,
body.template-docs-home ncr-drawer {
  --size: 320px;
}
body.template-article ncr-drawer::part(panel),
body.template-hub ncr-drawer::part(panel),
body.template-docs-home ncr-drawer::part(panel) {
  --background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), calc(var(--ncr-color-paper-primary-s, 0%) * var(---saturation, 1)), calc(var(--ncr-color-paper-primary-l, 100%) * var(---lightness, 1)), calc(var(--ncr-color-paper-primary-a, 1) * 0.8));
}
body.template-article header,
body.template-hub header,
body.template-docs-home header {
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--header-height);
}
body.template-article .section-menu,
body.template-hub .section-menu,
body.template-docs-home .section-menu {
  display: none;
  width: 100%;
  height: var(--section-menu-height);
  max-height: var(--section-menu-height);
  border-bottom: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
@media (min-width: 768px) {
  body.template-article,
body.template-hub,
body.template-docs-home {
    --safe-area-padding: 24px;
  }
  body.template-article .section-menu,
body.template-hub .section-menu,
body.template-docs-home .section-menu {
    display: block;
  }
}
@media (min-width: 1024px) {
  body.template-article,
body.template-hub,
body.template-docs-home {
    --safe-area-padding: 32px;
  }
}
@media (min-width: 1024px) {
  body.template-article,
body.template-hub,
body.template-docs-home {
    --footer-height: 100px;
  }
}

body.template-article .page-container-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  height: 35px;
  max-height: 35px;
}
body.template-article .page-container-top__breadcrumbs {
  flex: auto;
  align-items: baseline;
  padding: 0;
}
body.template-article .page-container-top__menu {
  display: none;
  align-items: baseline;
  justify-content: flex-end;
}
body.template-article .page-container-top .dropdown-social ncr-item {
  --border-radius: 0px;
  --min-height: 40px;
  min-width: 144px;
}
body.template-article .page-container-top .dropdown-social ncr-item:first-of-type {
  margin-top: 8px;
}
body.template-article .page-container-top .dropdown-social ncr-item:last-of-type {
  margin-bottom: 8px;
}
body.template-article .page-container-top .dropdown-social ncr-item ncr-icon {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
@media (min-width: 768px) {
  body.template-article .page-container-top {
    padding-right: var(--safe-area-padding);
    padding-left: var(--safe-area-padding);
  }
  body.template-article .page-container-top__menu {
    display: flex;
  }
}
@media (min-width: 1024px) {
  body.template-article .page-container-top {
    max-width: var(--maximum-width);
    margin-top: calc(1 * (var(--spacing-base, 8px) / 2));
    margin-right: auto;
    margin-left: auto;
  }
  body.template-article .page-container-top__breadcrumbs {
    align-self: baseline;
    font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
    letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
    line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  }
  body.template-article .page-container-top__breadcrumbs breadcrumbs-bar {
    margin-bottom: 0;
  }
  body.template-article .page-container-top__breadcrumbs ncr-breadcrumb-list {
    padding: 0;
  }
}

body.template-article .page-container {
  display: block;
  display: grid;
  position: relative;
  align-items: stretch;
  justify-content: stretch;
  max-width: 100%;
  margin-top: calc(4 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: 0px 1fr 0px;
  grid-gap: var(--safe-area-padding);
}
body.template-article .page-container .desktop-toc {
  --position: static;
  display: none;
  width: var(--toc-width);
}
@media (min-width: 768px) {
  body.template-article .page-container .desktop-toc {
    --position: sticky;
    display: block;
  }
}
body.template-article .page-container .content-wrapper {
  overflow: hidden;
  grid-column-start: 2;
  grid-column-end: 3;
}
body.template-article .page-container .content-wrapper .content {
  max-width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  body.template-article .page-container {
    margin-top: calc(6 * (var(--spacing-base, 8px) / 2));
    padding-right: var(--safe-area-padding);
    padding-left: var(--safe-area-padding);
    grid-template-columns: 270px 1fr 0px;
  }
}
@media (min-width: 1024px) {
  body.template-article .page-container {
    max-width: var(--maximum-width);
    grid-gap: calc(var(--safe-area-padding) / 2);
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: 250px 1fr 220px;
  }
}
@media (min-width: 1280px) {
  body.template-article .page-container {
    grid-gap: var(--safe-area-padding);
    grid-template-columns: 270px 1fr 220px;
  }
}

body.template-article .mobile-page-topbar {
  display: flex;
  justify-content: space-between;
  height: 34px;
  min-height: 34px;
  margin-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
}
body.template-article .mobile-page-topbar .mobile-social-links {
  margin-right: 12px;
}
body.template-article .mobile-page-topbar .mobile-social-links .dropdown-social {
  min-width: 150px;
}
@media (min-width: 768px) {
  body.template-article .mobile-page-topbar {
    display: none;
  }
}

body.template-article .main.main-content-wrapper {
  width: 100%;
  min-height: calc(100% - var(--header-height));
  margin-bottom: calc(var(--footer-height) * -1);
  padding-bottom: var(--footer-height);
}
@media (min-width: 768px) {
  body.template-article .main.main-content-wrapper .content-wrapper {
    padding-right: calc(var(--safe-area-padding) * 0.5);
    padding-left: calc(var(--safe-area-padding) * 0.5);
  }
}
@media (min-width: 1280px) {
  body.template-article .main.main-content-wrapper .content-wrapper {
    padding-right: calc(var(--safe-area-padding) * 2);
    padding-left: calc(var(--safe-area-padding) * 2);
  }
}
body.template-article .main.main-content-wrapper #page-title {
  --current-font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  --current-letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  --current-line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .page-metrics {
  display: flex;
  align-items: center;
  margin-top: calc(1 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(4 * (var(--spacing-base, 8px) / 2));
}
body.template-article .main.main-content-wrapper .page-metrics .page-last-updated,
body.template-article .main.main-content-wrapper .page-metrics .page-read-time {
  display: inline;
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-bottom: 0;
}
body.template-article .main.main-content-wrapper .page-metrics .page-dot {
  display: inline;
  width: calc(1 * (var(--spacing-base, 8px) / 2));
  height: calc(1 * (var(--spacing-base, 8px) / 2));
  margin-right: calc(2 * (var(--spacing-base, 8px) / 2));
  margin-left: calc(2 * (var(--spacing-base, 8px) / 2));
  border-radius: 500px;
  background: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
body.template-article .main.main-content-wrapper .page-metrics .author-circle:not(:last-of-type) {
  margin-right: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-article .main.main-content-wrapper .page-metrics .author-circle img {
  width: 20px;
  height: 20px;
  border: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  border-radius: 500px;
}
body.template-article .main.main-content-wrapper .page-metrics .author-circle .author-name {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
body.template-article .main.main-content-wrapper .content pre {
  max-width: 100%;
  overflow-x: scroll;
}
body.template-article .main.main-content-wrapper .content details {
  display: block;
}
body.template-article .main.main-content-wrapper .content summary {
  display: list-item;
}
body.template-article .main.main-content-wrapper .content a {
  background-color: initial;
}
body.template-article .main.main-content-wrapper .content a:active,
body.template-article .main.main-content-wrapper .content a:hover {
  outline-width: 0;
}
body.template-article .main.main-content-wrapper .content strong {
  font-weight: inherit;
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  font-weight: bolder;
}
body.template-article .main.main-content-wrapper .content img {
  border-style: none;
}
body.template-article .main.main-content-wrapper .content code,
body.template-article .main.main-content-wrapper .content kbd,
body.template-article .main.main-content-wrapper .content pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
body.template-article .main.main-content-wrapper .content hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
body.template-article .main.main-content-wrapper .content input {
  margin: 0;
  font: inherit;
}
body.template-article .main.main-content-wrapper .content input {
  overflow: visible;
}
body.template-article .main.main-content-wrapper .content [type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
body.template-article .main.main-content-wrapper .content * {
  box-sizing: border-box;
}
body.template-article .main.main-content-wrapper .content input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body.template-article .main.main-content-wrapper .content a {
  color: blue;
  color: var(--link-color);
  text-decoration: none;
}
body.template-article .main.main-content-wrapper .content a:hover {
  text-decoration: underline;
}
body.template-article .main.main-content-wrapper .content strong {
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .content hr {
  height: 0;
  margin: 15px 0;
  border: 0;
  border-bottom: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  background: transparent;
  overflow: hidden;
}
body.template-article .main.main-content-wrapper .content hr:after,
body.template-article .main.main-content-wrapper .content hr:before {
  display: table;
  content: "";
}
body.template-article .main.main-content-wrapper .content hr:after {
  clear: both;
}
body.template-article .main.main-content-wrapper .content table {
  border-collapse: collapse;
  border-spacing: 0;
}
body.template-article .main.main-content-wrapper .content td,
body.template-article .main.main-content-wrapper .content th {
  padding: 0;
}
body.template-article .main.main-content-wrapper .content details summary {
  cursor: pointer;
}
body.template-article .main.main-content-wrapper .content kbd {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  border-radius: 3px;
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  line-height: 10px;
  box-shadow: inset 0 -1px 0 #d1d5da;
  vertical-align: middle;
}
body.template-article .main.main-content-wrapper .content h1,
body.template-article .main.main-content-wrapper .content h2,
body.template-article .main.main-content-wrapper .content h3,
body.template-article .main.main-content-wrapper .content h4,
body.template-article .main.main-content-wrapper .content h5,
body.template-article .main.main-content-wrapper .content h6 {
  margin-top: 0;
  margin-bottom: 0;
}
body.template-article .main.main-content-wrapper .content h1 {
  --current-font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  --current-letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  --current-line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
}
body.template-article .main.main-content-wrapper .content h1,
body.template-article .main.main-content-wrapper .content h2,
body.template-article .main.main-content-wrapper .content h3,
body.template-article .main.main-content-wrapper .content h4,
body.template-article .main.main-content-wrapper .content h5,
body.template-article .main.main-content-wrapper .content h6 {
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .content h2 {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
}
body.template-article .main.main-content-wrapper .content h3 {
  --current-font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  --current-letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  --current-line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
}
body.template-article .main.main-content-wrapper .content h4 {
  --current-font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  --current-letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  --current-line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
}
body.template-article .main.main-content-wrapper .content h5 {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
}
body.template-article .main.main-content-wrapper .content h6 {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
body.template-article .main.main-content-wrapper .content p {
  margin-top: 0;
  margin-bottom: calc(2.5 * (var(--spacing-base, 8px) / 2));
}
body.template-article .main.main-content-wrapper .content blockquote {
  margin: 0;
}
body.template-article .main.main-content-wrapper .content ul {
  list-style: disc;
  list-style-type: disc;
}
body.template-article .main.main-content-wrapper .content ol {
  list-style: decimal;
  list-style-type: decimal;
}
body.template-article .main.main-content-wrapper .content ol,
body.template-article .main.main-content-wrapper .content ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
body.template-article .main.main-content-wrapper .content ol ol,
body.template-article .main.main-content-wrapper .content ul ol {
  list-style-type: lower-roman;
}
body.template-article .main.main-content-wrapper .content ol ol ol,
body.template-article .main.main-content-wrapper .content ol ul ol,
body.template-article .main.main-content-wrapper .content ul ol ol,
body.template-article .main.main-content-wrapper .content ul ul ol {
  list-style-type: lower-alpha;
}
body.template-article .main.main-content-wrapper .content dd {
  margin-left: 0;
}
body.template-article .main.main-content-wrapper .content code,
body.template-article .main.main-content-wrapper .content pre {
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 12px;
}
body.template-article .main.main-content-wrapper .content pre {
  margin-top: 0;
  margin-bottom: 0;
}
body.template-article .main.main-content-wrapper .content input::-webkit-inner-spin-button,
body.template-article .main.main-content-wrapper .content input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  appearance: none;
}
body.template-article .main.main-content-wrapper .content :checked + .radio-label {
  position: relative;
  border-color: hsla(var(--ncr-color-ui-blue-h, 216.4179104478deg), calc(var(--ncr-color-ui-blue-s, 92.6267281106%) * var(---saturation, 1)), calc(calc(var(--ncr-color-ui-blue-l, 57.4509803922%) * 0.9) * var(---lightness, 1)), var(--ncr-color-ui-blue-a, 1));
  z-index: 1;
}
body.template-article .main.main-content-wrapper .content a:not([href]) {
  color: inherit;
  text-decoration: none;
}
body.template-article .main.main-content-wrapper .content blockquote,
body.template-article .main.main-content-wrapper .content details,
body.template-article .main.main-content-wrapper .content dl,
body.template-article .main.main-content-wrapper .content ol,
body.template-article .main.main-content-wrapper .content p,
body.template-article .main.main-content-wrapper .content pre,
body.template-article .main.main-content-wrapper .content table,
body.template-article .main.main-content-wrapper .content ul {
  margin-top: 0;
  margin-bottom: 16px;
}
body.template-article .main.main-content-wrapper .content hr {
  height: 0.25em;
  margin: 24px 0;
  padding: 0;
  border: 0;
  background-color: hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
body.template-article .main.main-content-wrapper .content blockquote {
  padding: 0 1em;
  border-left: 0.25em solid #dfe2e5;
  color: #6a737d;
}
body.template-article .main.main-content-wrapper .content blockquote > :first-child {
  margin-top: 0;
}
body.template-article .main.main-content-wrapper .content blockquote > :last-child {
  margin-bottom: 0;
}
body.template-article .main.main-content-wrapper .content h1,
body.template-article .main.main-content-wrapper .content h2,
body.template-article .main.main-content-wrapper .content h3,
body.template-article .main.main-content-wrapper .content h4,
body.template-article .main.main-content-wrapper .content h5,
body.template-article .main.main-content-wrapper .content h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  line-height: 1.25;
}
body.template-article .main.main-content-wrapper .content h1 {
  font-size: 2em;
}
body.template-article .main.main-content-wrapper .content h1,
body.template-article .main.main-content-wrapper .content h2 {
  padding-bottom: 0.3em;
  border-bottom: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
body.template-article .main.main-content-wrapper .content h2 {
  font-size: 1.5em;
}
body.template-article .main.main-content-wrapper .content h3 {
  font-size: 1.25em;
}
body.template-article .main.main-content-wrapper .content h4 {
  font-size: 1em;
}
body.template-article .main.main-content-wrapper .content h5 {
  font-size: 0.875em;
}
body.template-article .main.main-content-wrapper .content h6 {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  font-size: 0.85em;
}
body.template-article .main.main-content-wrapper .content ol,
body.template-article .main.main-content-wrapper .content ul {
  padding-left: 2em;
}
body.template-article .main.main-content-wrapper .content ol ol,
body.template-article .main.main-content-wrapper .content ol ul,
body.template-article .main.main-content-wrapper .content ul ol,
body.template-article .main.main-content-wrapper .content ul ul {
  margin-top: 0;
  margin-bottom: 0;
}
body.template-article .main.main-content-wrapper .content li {
  word-wrap: break-all;
}
body.template-article .main.main-content-wrapper .content li > p {
  margin-top: 16px;
}
body.template-article .main.main-content-wrapper .content li + li {
  margin-top: 0.25em;
}
body.template-article .main.main-content-wrapper .content dl {
  padding: 0;
}
body.template-article .main.main-content-wrapper .content dl dt {
  margin-top: 16px;
  padding: 0;
  font-size: 1em;
  font-style: italic;
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .content dl dd {
  margin-bottom: 16px;
  padding: 0 16px;
}
body.template-article .main.main-content-wrapper .content table {
  display: block;
  width: max-content;
  max-width: 100%;
}
body.template-article .main.main-content-wrapper .content table th {
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .content table td,
body.template-article .main.main-content-wrapper .content table th {
  padding: 6px 13px;
  border: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
body.template-article .main.main-content-wrapper .content table td code,
body.template-article .main.main-content-wrapper .content table th code {
  white-space: nowrap;
}
body.template-article .main.main-content-wrapper .content table tr {
  border-top: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
}
body.template-article .main.main-content-wrapper .content table tr:nth-child(2n) {
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
}
body.template-article .main.main-content-wrapper .content img {
  max-width: 100%;
  box-sizing: initial;
  background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
}
body.template-article .main.main-content-wrapper .content img[align=right] {
  padding-left: 20px;
}
body.template-article .main.main-content-wrapper .content img[align=left] {
  padding-right: 20px;
}
body.template-article .main.main-content-wrapper .content code {
  margin: 0;
  padding: 0.2em 0.4em;
  border-radius: 3px;
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
  font-size: 85%;
}
body.template-article .main.main-content-wrapper .content pre {
  word-wrap: normal;
}
body.template-article .main.main-content-wrapper .content pre > code {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 100%;
  white-space: pre;
  word-break: normal;
}
body.template-article .main.main-content-wrapper .content .highlight {
  margin-bottom: 16px;
}
body.template-article .main.main-content-wrapper .content .highlight pre {
  margin-bottom: 0;
  word-break: normal;
}
body.template-article .main.main-content-wrapper .content .highlight pre,
body.template-article .main.main-content-wrapper .content pre {
  padding: 16px;
  border-radius: 3px;
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
  font-size: 85%;
  line-height: 1.45;
  overflow: auto;
}
body.template-article .main.main-content-wrapper .content pre code {
  display: inline;
  max-width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: initial;
  line-height: inherit;
  overflow: visible;
  word-wrap: normal;
}
body.template-article .main.main-content-wrapper .content .checklist ul {
  list-style-type: none;
  list-style: none;
}
body.template-article .main.main-content-wrapper .content .checklist ul > li:before {
  margin-right: 1ch;
  color: hsla(var(--ncr-color-ui-primary-h, 234.2857142857deg), var(--ncr-color-ui-primary-s, 97.6744186047%), var(--ncr-color-ui-primary-l, 66.2745098039%), var(--ncr-color-ui-primary-a, 1));
  content: "✓";
}
body.template-article .main.main-content-wrapper .content .IMPORTANT {
  margin-bottom: 0;
  padding: calc(4 * (var(--spacing-base, 8px) / 2));
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  background-color: hsla(var(--ncr-color-ui-blue-h, 216.4179104478deg), calc(var(--ncr-color-ui-blue-s, 92.6267281106%) * var(---saturation, 1)), calc(var(--ncr-color-ui-blue-l, 57.4509803922%) * var(---lightness, 1)), calc(var(--ncr-color-ui-blue-a, 1) * 0.1));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
body.template-article .main.main-content-wrapper .content .IMPORTANT > h5:first-child {
  --current-font-size: var(--ncr-font-size-n2, var(--ncr-font-size-n2-defaults, 13px));
  --current-letter-spacing: var(--ncr-tracking-n2, var(--ncr-tracking-n2-defaults, -0.003em));
  --current-line-height: var(--ncr-leading-n2, var(--ncr-leading-n2-defaults, 16px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n2, var(--ncr-font-size-n2-defaults, 13px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n2, var(--ncr-tracking-n2-defaults, -0.003em));
  line-height: var(--ncr-leading-n2, var(--ncr-leading-n2-defaults, 16px));
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  color: hsla(var(--ncr-color-ui-blue-h, 216.4179104478deg), var(--ncr-color-ui-blue-s, 92.6267281106%), calc(calc(var(--ncr-color-text-primary-l, 57.4509803922%) * 0.5) + calc(var(--ncr-color-ui-blue-l, 57.4509803922%) * 0.5)), var(--ncr-color-ui-blue-a, 1));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-article .main.main-content-wrapper .content .IMPORTANT > h5:first-child svg {
  display: inline-block;
  width: auto;
  height: 1.25em;
  margin-right: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-article .main.main-content-wrapper .content .IMPORTANT > *:last-child {
  margin-bottom: 0px;
}

:root {
  --svg-primary: hsla(var(--ncr-color-ui-primary-h, 234.2857142857deg), var(--ncr-color-ui-primary-s, 97.6744186047%), var(--ncr-color-ui-primary-l, 66.2745098039%), var(--ncr-color-ui-primary-a, 1));
  --svg-secondary: hsla(var(--ncr-color-ui-primary-h, 234.2857142857deg), calc(var(--ncr-color-ui-primary-s, 97.6744186047%) * var(---saturation, 1)), calc(calc(var(--ncr-color-ui-primary-l, 66.2745098039%) * 0.95) * var(---lightness, 1)), var(--ncr-color-ui-primary-a, 1));
}

body.template-hub .fill-primary {
  fill: var(--svg-primary);
}
body.template-hub .fill-secondary {
  fill: var(--svg-secondary);
}
body.template-hub .stroke-secondary {
  stroke: var(--svg-primary);
}

body.template-hub .hero {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  min-height: 311px;
  padding-top: calc(14 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(14 * (var(--spacing-base, 8px) / 2));
  background: linear-gradient(-90deg, hsla(var(--ncr-color-text-primary-h, 0deg), calc(var(--ncr-color-text-primary-s, 0%) * var(---saturation, 1)), calc(var(--ncr-color-text-primary-l, 0.3921568627%) * var(---lightness, 1)), calc(var(--ncr-color-text-primary-a, 1) * 0.05)) 1px, transparent 1px), linear-gradient(hsla(var(--ncr-color-text-primary-h, 0deg), calc(var(--ncr-color-text-primary-s, 0%) * var(---saturation, 1)), calc(var(--ncr-color-text-primary-l, 0.3921568627%) * var(---lightness, 1)), calc(var(--ncr-color-text-primary-a, 1) * 0.05)) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px;
  color: var(--hero-text-color);
}
body.template-hub .hero__text {
  position: relative;
  width: 100%;
}
body.template-hub .hero__text-wrapper {
  width: 100%;
  width: 450px;
  max-width: 100%;
}
@media (min-width: 1024px) {
  body.template-hub .hero__text-wrapper {
    width: 500px;
  }
}
body.template-hub .hero__text-title {
  position: relative;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  color: hsla(var(--ncr-color-ui-secondary-h, 274.4262295082deg), var(--ncr-color-ui-secondary-s, 60.396039604%), var(--ncr-color-ui-secondary-l, 60.3921568627%), var(--ncr-color-ui-secondary-a, 1));
  font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  z-index: 1;
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
}
@media (min-width: 768px) {
  body.template-hub .hero__text-title {
    font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
    --current-font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
    --current-letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
    --current-line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
    --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
    margin: 0;
    margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
    font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
    font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
    font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
    letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
    line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  }
}
@media (min-width: 1024px) {
  body.template-hub .hero__text-title {
    font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
    --current-font-size: var(--ncr-font-size-4, var(--ncr-font-size-4-defaults, 36px));
    --current-letter-spacing: var(--ncr-tracking-4, var(--ncr-tracking-4-defaults, -0.022em));
    --current-line-height: var(--ncr-leading-4, var(--ncr-leading-4-defaults, 40px));
    --current-bold: var(--ncr-font-weight-xxbold, var(--ncr-font-weight-xxbold-defaults, 700));
    margin: 0;
    margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
    font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
    font-size: var(--ncr-font-size-4, var(--ncr-font-size-4-defaults, 36px));
    font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
    letter-spacing: var(--ncr-tracking-4, var(--ncr-tracking-4-defaults, -0.022em));
    line-height: var(--ncr-leading-4, var(--ncr-leading-4-defaults, 40px));
  }
}
body.template-hub .hero__text-summary {
  position: relative;
  margin-bottom: 0;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  letter-spacing: -0.005em;
  line-height: 1.5;
  z-index: 1;
  --current-font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  --current-letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  --current-line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
}
body.template-hub .hero ncr-dropdown {
  --panel-width: 100%;
  width: 90%;
  margin-top: calc(4 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .hero ncr-dropdown ncr-button span {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
body.template-hub .hero .background {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
body.template-hub .hero .background svg {
  --svg-right: var(--safe-area-padding);
  display: block;
  position: absolute;
  right: var(--svg-right);
  bottom: -63%;
  height: 225%;
  z-index: -1;
}
body.template-hub .hero .background svg path {
  stroke-width: 0.5;
}
body.template-hub .hero .background svg.svg-primary-wrapper {
  stroke: hsla(var(--ncr-color-ui-tertiary-h, 21.1428571429deg), var(--ncr-color-ui-tertiary-s, 87.5%), var(--ncr-color-ui-tertiary-l, 52.9411764706%), var(--ncr-color-ui-tertiary-a, 1));
}
body.template-hub .hero .background svg.svg-secondary-wrapper {
  right: calc(var(--svg-right) + 30px);
  stroke: hsla(var(--ncr-color-ui-secondary-h, 274.4262295082deg), var(--ncr-color-ui-secondary-s, 60.396039604%), var(--ncr-color-ui-secondary-l, 60.3921568627%), var(--ncr-color-ui-secondary-a, 1));
}
@media (max-width: 767.9px) {
  body.template-hub .hero .background svg {
    opacity: 0.8;
  }
}
@media (max-width: 639.9px) {
  body.template-hub .hero .background svg {
    --svg-right: -50%;
    opacity: 0.6;
  }
}

body.template-hub .conceptual-content__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .conceptual-content__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .conceptual-content__summary-title {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  max-width: 72ch;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-hub .conceptual-content__summary-text {
  max-width: 72ch;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
body.template-hub .conceptual-content__wrapper-items {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(6 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: calc(5 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .conceptual-content__wrapper-items {
    padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
    grid-gap: calc(6 * (var(--spacing-base, 8px) / 2));
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  }
}
@media (min-width: 1024px) {
  body.template-hub .conceptual-content__wrapper-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-hub .conceptual-content .box {
  --padding: calc(0 * (var(--spacing-base, 8px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--padding);
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  background-color: transparent;
}
@media (min-width: 768px) {
  body.template-hub .conceptual-content .box {
    --padding: calc(1 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .conceptual-content .box__text {
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .conceptual-content .box__text-title {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  margin-bottom: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .conceptual-content .box__text-summary {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
body.template-hub .conceptual-content .box__links {
  margin-top: calc(3 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .conceptual-content .box__links--link {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-top: calc(1.5 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(1.5 * (var(--spacing-base, 8px) / 2));
  text-align: left;
}
body.template-hub .conceptual-content .box__links--link ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .conceptual-content .box__footer {
  margin-top: var(--padding);
  margin-right: calc(-1 * var(--padding));
  margin-bottom: calc(-1 * var(--padding));
  margin-left: calc(-1 * var(--padding));
  padding: calc(2 * (var(--spacing-base, 8px) / 2)) var(--padding);
  text-align: left;
}
body.template-hub .conceptual-content .box__footer ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}

body.template-hub .product-directory__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .product-directory__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .product-directory__summary-title {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  max-width: 72ch;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-hub .product-directory__summary-text {
  max-width: 72ch;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
body.template-hub .product-directory__wrapper-items {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(6 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: calc(5 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .product-directory__wrapper-items {
    padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
    grid-gap: calc(6 * (var(--spacing-base, 8px) / 2));
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  }
}
@media (min-width: 1024px) {
  body.template-hub .product-directory__wrapper-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-hub .product-directory .box {
  --padding: calc(3 * (var(--spacing-base, 8px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--padding);
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  background-color: transparent;
  border: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
@media (min-width: 768px) {
  body.template-hub .product-directory .box {
    --padding: calc(4 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .product-directory .box__text {
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .product-directory .box__text-title {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  margin-bottom: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .product-directory .box__text-summary {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
body.template-hub .product-directory .box__links {
  margin-top: calc(3 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .product-directory .box__links--link {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-top: calc(1.5 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(1.5 * (var(--spacing-base, 8px) / 2));
  text-align: left;
}
body.template-hub .product-directory .box__links--link ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .product-directory .box__footer {
  margin-top: var(--padding);
  margin-right: calc(-1 * var(--padding));
  margin-bottom: calc(-1 * var(--padding));
  margin-left: calc(-1 * var(--padding));
  padding: calc(2 * (var(--spacing-base, 8px) / 2)) var(--padding);
  text-align: left;
}
body.template-hub .product-directory .box__footer ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}

body.template-hub .tools__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .tools__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .tools__summary-title {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  max-width: 72ch;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-hub .tools__summary-text {
  max-width: 72ch;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
body.template-hub .tools__wrapper-items {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(6 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: calc(5 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .tools__wrapper-items {
    padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
    grid-gap: calc(6 * (var(--spacing-base, 8px) / 2));
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  }
}
@media (min-width: 1024px) {
  body.template-hub .tools__wrapper-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
body.template-hub .tools .box-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  padding: calc(3 * (var(--spacing-base, 8px) / 2));
  transition: border-color 250ms ease, background-color 300ms ease;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  border-color: hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
  outline: none;
  background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-hub .tools .box-button:hover, body.template-hub .tools .box-button:focus {
  background-color: hsla(var(--ncr-color-fill-primary-h, 240deg), var(--ncr-color-fill-primary-s, 4.9180327869%), var(--ncr-color-fill-primary-l, 47.8431372549%), var(--ncr-color-fill-primary-a, 0.08));
}
body.template-hub .tools .box-button:hover:active, body.template-hub .tools .box-button:focus:active {
  background-color: hsla(var(--ncr-color-fill-secondary-h, 240deg), var(--ncr-color-fill-secondary-s, 4.0650406504%), var(--ncr-color-fill-secondary-l, 48.2352941176%), var(--ncr-color-fill-secondary-a, 0.12));
}
body.template-hub .tools .box-button:focus {
  border-color: hsla(var(--ncr-color-ui-primary-h, 234.2857142857deg), var(--ncr-color-ui-primary-s, 97.6744186047%), var(--ncr-color-ui-primary-l, 66.2745098039%), var(--ncr-color-ui-primary-a, 1));
}

body.template-hub .additional-resources__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .additional-resources__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .additional-resources__summary-title {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  max-width: 72ch;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-hub .additional-resources__summary-text {
  max-width: 72ch;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
}
body.template-hub .additional-resources__wrapper-items {
  display: grid;
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(6 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: calc(5 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-hub .additional-resources__wrapper-items {
    padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
    grid-gap: calc(6 * (var(--spacing-base, 8px) / 2));
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
  }
}
@media (min-width: 1024px) {
  body.template-hub .additional-resources__wrapper-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
body.template-hub .additional-resources .box {
  --padding: calc(0 * (var(--spacing-base, 8px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--padding);
  border-radius: var(--ncr-radius-sm, var(--ncr-radius-sm-defaults, 4px));
  background-color: transparent;
}
@media (min-width: 768px) {
  body.template-hub .additional-resources .box {
    --padding: calc(1 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-hub .additional-resources .box__text {
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .additional-resources .box__text-title {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  margin-bottom: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .additional-resources .box__text-summary {
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
}
body.template-hub .additional-resources .box__links {
  margin-top: calc(3 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .additional-resources .box__links--link {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  margin-top: calc(1.5 * (var(--spacing-base, 8px) / 2));
  margin-bottom: calc(1.5 * (var(--spacing-base, 8px) / 2));
  text-align: left;
}
body.template-hub .additional-resources .box__links--link ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}
body.template-hub .additional-resources .box__footer {
  margin-top: var(--padding);
  margin-right: calc(-1 * var(--padding));
  margin-bottom: calc(-1 * var(--padding));
  margin-left: calc(-1 * var(--padding));
  padding: calc(2 * (var(--spacing-base, 8px) / 2)) var(--padding);
  text-align: left;
}
body.template-hub .additional-resources .box__footer ncr-icon {
  margin-left: calc(1 * (var(--spacing-base, 8px) / 2));
}

body.template-hub .contain-width,
body.template-hub .box-container {
  max-width: 100%;
  padding-right: var(--safe-area-padding);
  padding-left: var(--safe-area-padding);
}
@media (min-width: 1024px) {
  body.template-hub .contain-width,
body.template-hub .box-container {
    max-width: var(--maximum-width);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.98px) {
  body.template-hub .hide-mobile {
    display: none !important;
  }
}
body.template-hub .main-content-wrapper > section:not(:last-of-type) {
  border-bottom: 1px solid hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
body.template-hub a.color-link,
body.template-hub a .color-link {
  color: var(--link-color);
}
body.template-hub a.color-link:visited,
body.template-hub a .color-link:visited {
  color: var(--link-color-visited, var(--link-color));
}

body.template-docs-home .hero {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 311px;
  padding-top: calc(14 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(14 * (var(--spacing-base, 8px) / 2));
  background: linear-gradient(-90deg, hsla(var(--ncr-color-text-primary-h, 0deg), calc(var(--ncr-color-text-primary-s, 0%) * var(---saturation, 1)), calc(var(--ncr-color-text-primary-l, 0.3921568627%) * var(---lightness, 1)), calc(var(--ncr-color-text-primary-a, 1) * 0.05)) 1px, transparent 1px), linear-gradient(hsla(var(--ncr-color-text-primary-h, 0deg), calc(var(--ncr-color-text-primary-s, 0%) * var(---saturation, 1)), calc(var(--ncr-color-text-primary-l, 0.3921568627%) * var(---lightness, 1)), calc(var(--ncr-color-text-primary-a, 1) * 0.05)) 1px, transparent 1px);
  background-size: 32px 32px, 32px 32px;
  color: var(--hero-text-color);
}
body.template-docs-home .hero__text {
  max-width: 72ch;
}
body.template-docs-home .hero__text-title {
  --current-font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  --current-letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  --current-line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-2, var(--ncr-font-size-2-defaults, 24px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-2, var(--ncr-tracking-2-defaults, -0.019em));
  line-height: var(--ncr-leading-2, var(--ncr-leading-2-defaults, 32px));
  position: relative;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  color: hsla(var(--ncr-color-ui-secondary-h, 274.4262295082deg), var(--ncr-color-ui-secondary-s, 60.396039604%), var(--ncr-color-ui-secondary-l, 60.3921568627%), var(--ncr-color-ui-secondary-a, 1));
  font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  z-index: 1;
}
@media (min-width: 768px) {
  body.template-docs-home .hero__text-title {
    --current-font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
    --current-letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
    --current-line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
    --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
    margin: 0;
    margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
    font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
    font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
    font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
    letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
    line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
    font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  }
}
@media (min-width: 1024px) {
  body.template-docs-home .hero__text-title {
    --current-font-size: var(--ncr-font-size-4, var(--ncr-font-size-4-defaults, 36px));
    --current-letter-spacing: var(--ncr-tracking-4, var(--ncr-tracking-4-defaults, -0.022em));
    --current-line-height: var(--ncr-leading-4, var(--ncr-leading-4-defaults, 40px));
    --current-bold: var(--ncr-font-weight-xxbold, var(--ncr-font-weight-xxbold-defaults, 700));
    margin: 0;
    margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
    font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
    font-size: var(--ncr-font-size-4, var(--ncr-font-size-4-defaults, 36px));
    font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
    letter-spacing: var(--ncr-tracking-4, var(--ncr-tracking-4-defaults, -0.022em));
    line-height: var(--ncr-leading-4, var(--ncr-leading-4-defaults, 40px));
    font-weight: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  }
}
body.template-docs-home .hero__text-overline {
  position: relative;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  z-index: 1;
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
}
body.template-docs-home .hero__text-summary {
  position: relative;
  color: hsla(var(--ncr-color-text-secondary-h, 240deg), var(--ncr-color-text-secondary-s, 5.5118110236%), var(--ncr-color-text-secondary-l, 24.9019607843%), var(--ncr-color-text-secondary-a, 0.6));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  z-index: 1;
  --current-font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  --current-letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  --current-line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-1, var(--ncr-font-size-1-defaults, 20px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-1, var(--ncr-tracking-1-defaults, -0.017em));
  line-height: var(--ncr-leading-1, var(--ncr-leading-1-defaults, 24px));
}
body.template-docs-home .hero .background {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
body.template-docs-home .hero .background svg {
  --svg-right: var(--safe-area-padding);
  display: block;
  position: absolute;
  right: var(--svg-right);
  bottom: -63%;
  height: 225%;
  z-index: -1;
}
body.template-docs-home .hero .background svg path {
  stroke-width: 0.5;
}
body.template-docs-home .hero .background svg.svg-primary-wrapper {
  stroke: hsla(var(--ncr-color-ui-tertiary-h, 21.1428571429deg), var(--ncr-color-ui-tertiary-s, 87.5%), var(--ncr-color-ui-tertiary-l, 52.9411764706%), var(--ncr-color-ui-tertiary-a, 1));
}
body.template-docs-home .hero .background svg.svg-secondary-wrapper {
  right: calc(var(--svg-right) + 30px);
  stroke: hsla(var(--ncr-color-ui-secondary-h, 274.4262295082deg), var(--ncr-color-ui-secondary-s, 60.396039604%), var(--ncr-color-ui-secondary-l, 60.3921568627%), var(--ncr-color-ui-secondary-a, 1));
}
@media (max-width: 767.9px) {
  body.template-docs-home .hero .background svg {
    opacity: 0.8;
  }
}
@media (max-width: 639.9px) {
  body.template-docs-home .hero .background svg {
    --svg-right: -50%;
    opacity: 0.6;
  }
}

body.template-docs-home .product-directory__wrapper {
  align-items: stretch;
  justify-content: stretch;
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(8 * (var(--spacing-base, 8px) / 2));
}
@media (min-width: 768px) {
  body.template-docs-home .product-directory__wrapper {
    padding-top: calc(12 * (var(--spacing-base, 8px) / 2));
    padding-bottom: calc(12 * (var(--spacing-base, 8px) / 2));
  }
}
body.template-docs-home .product-directory__summary-title {
  --current-font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  --current-letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  --current-line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-3, var(--ncr-font-size-3-defaults, 29px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-3, var(--ncr-tracking-3-defaults, -0.021em));
  line-height: var(--ncr-leading-3, var(--ncr-leading-3-defaults, 32px));
  max-width: 72ch;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
}
body.template-docs-home .product-directory__summary-overline {
  --current-font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  --current-letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  --current-line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  --current-bold: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-default, var(--ncr-font-family-default-defaults, Raleway, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-n1, var(--ncr-font-size-n1-defaults, 14px));
  font-weight: var(--ncr-font-weight-default, var(--ncr-font-weight-default-defaults, 400));
  letter-spacing: var(--ncr-tracking-n1, var(--ncr-tracking-n1-defaults, -0.006em));
  line-height: var(--ncr-leading-n1, var(--ncr-leading-n1-defaults, 24px));
  max-width: 72ch;
  margin-bottom: calc(0 * (var(--spacing-base, 8px) / 2));
}
body.template-docs-home .product-directory__summary-text {
  max-width: 72ch;
}
body.template-docs-home .product-directory__wrapper-items {
  padding-top: calc(8 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(6 * (var(--spacing-base, 8px) / 2));
  columns: 1;
}
@media (min-width: 768px) {
  body.template-docs-home .product-directory__wrapper-items {
    columns: 2 auto;
  }
}
@media (min-width: 1024px) {
  body.template-docs-home .product-directory__wrapper-items {
    columns: 3 auto;
  }
}
body.template-docs-home .product-directory__item-link {
  --current-font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  --current-letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  --current-line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  --current-bold: var(--ncr-font-weight-xbold, var(--ncr-font-weight-xbold-defaults, 600));
  margin: 0;
  margin-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  font-family: var(--ncr-font-family-bold, var(--ncr-font-family-bold-defaults, Raleway, Open Sans, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif));
  font-size: var(--ncr-font-size-0, var(--ncr-font-size-0-defaults, 16px));
  font-weight: var(--ncr-font-weight-bold, var(--ncr-font-weight-bold-defaults, var(--current-bold, 500)));
  letter-spacing: var(--ncr-tracking-0, var(--ncr-tracking-0-defaults, -0.011em));
  line-height: var(--ncr-leading-0, var(--ncr-leading-0-defaults, 24px));
  display: block;
  margin-bottom: 0;
  padding-top: calc(2 * (var(--spacing-base, 8px) / 2));
  padding-bottom: calc(2 * (var(--spacing-base, 8px) / 2));
  padding-left: calc(2 * (var(--spacing-base, 8px) / 2));
  border-left: 4px solid hsla(var(--ncr-color-fill-secondary-h, 240deg), var(--ncr-color-fill-secondary-s, 4.0650406504%), var(--ncr-color-fill-secondary-l, 48.2352941176%), var(--ncr-color-fill-secondary-a, 0.12));
}

body.template-docs-home .contain-width,
body.template-docs-home .box-container {
  max-width: 100%;
  padding-right: var(--safe-area-padding);
  padding-left: var(--safe-area-padding);
}
@media (min-width: 1024px) {
  body.template-docs-home .contain-width,
body.template-docs-home .box-container {
    max-width: var(--maximum-width);
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.98px) {
  body.template-docs-home .hide-mobile {
    display: none !important;
  }
}
body.template-docs-home .main-content-wrapper > section {
  --background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
  --alternate-color: hsla(var(--ncr-color-paper-secondary-h, 240deg), var(--ncr-color-paper-secondary-s, 18.5185185185%), var(--ncr-color-paper-secondary-l, 94.7058823529%), var(--ncr-color-paper-secondary-a, 1));
  --item-border-color: hsla(var(--ncr-color-border-primary-h, 240deg), calc(var(--ncr-color-border-primary-s, 5.5118110236%) * var(---saturation, 1)), calc(var(--ncr-color-border-primary-l, 24.9019607843%) * var(---lightness, 1)), calc(var(--ncr-color-border-primary-a, 0.13) * var(---opacity, 0.6)));
  background-color: var(--background-color);
}
body.template-docs-home .main-content-wrapper > section:nth-of-type(even) {
  --alternate-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
  --background-color: hsla(var(--ncr-color-paper-secondary-h, 240deg), var(--ncr-color-paper-secondary-s, 18.5185185185%), var(--ncr-color-paper-secondary-l, 94.7058823529%), var(--ncr-color-paper-secondary-a, 1));
  --item-border-color: hsla(var(--ncr-color-border-primary-h, 240deg), var(--ncr-color-border-primary-s, 5.5118110236%), var(--ncr-color-border-primary-l, 24.9019607843%), var(--ncr-color-border-primary-a, 0.13));
}
body.template-docs-home a.color-link,
body.template-docs-home a .color-link {
  color: var(--link-color);
}
body.template-docs-home a.color-link:visited,
body.template-docs-home a .color-link:visited {
  color: var(--link-color-visited, var(--link-color));
}

ncr-button[variant=text] {
  border: 0;
}

:root {
  @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Raleway:wght@600;700&display=swap");
  --ncr-radius-xs: 0px;
  --ncr-radius-sm: 4px;
  --ncr-radius-md: 6px;
  --ncr-radius-lg: 8px;
  --ncr-radius-xl: 10px;
  --ncr-radius-xxl: 12px;
  --ncr-font-family-bold: "Railway", "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu;
  --ncr-font-family-default: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu,
    Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
:root header ncr-navbar {
  --x-padding: var(--safe-area-padding);
  --content-max-width: calc(var(--maximum-width) - calc(var(--safe-area-padding) * 2));
  background-color: hsla(var(--ncr-color-paper-primary-h, 0deg), var(--ncr-color-paper-primary-s, 0%), var(--ncr-color-paper-primary-l, 100%), var(--ncr-color-paper-primary-a, 1));
}
:root {
  --ncr-color-ui-primary-h: 120deg;
  --ncr-color-ui-primary-s: 100%;
  --ncr-color-ui-primary-l: 27.0588235294%;
  --ncr-color-ui-primary-a: 1;
  --ncr-color-ui-secondary-h: 113.6283185841deg;
  --ncr-color-ui-secondary-s: 44.6640316206%;
  --ncr-color-ui-secondary-l: 50.3921568627%;
  --ncr-color-ui-secondary-a: 1;
  --ncr-color-ui-tertiary-h: 198.8571428571deg;
  --ncr-color-ui-tertiary-s: 73.8396624473%;
  --ncr-color-ui-tertiary-l: 53.5294117647%;
  --ncr-color-ui-tertiary-a: 1;
  --ncr-color-ui-red-h: 3.1884057971deg;
  --ncr-color-ui-red-s: 100%;
  --ncr-color-ui-red-l: 59.4117647059%;
  --ncr-color-ui-red-a: 1;
  --ncr-color-ui-pink-h: 352.4deg;
  --ncr-color-ui-pink-s: 81.5217391304%;
  --ncr-color-ui-pink-l: 63.9215686275%;
  --ncr-color-ui-pink-a: 1;
  --ncr-color-ui-purple-h: 234.2857142857deg;
  --ncr-color-ui-purple-s: 97.6744186047%;
  --ncr-color-ui-purple-l: 66.2745098039%;
  --ncr-color-ui-purple-a: 1;
  --ncr-color-ui-blue-h: 198.8571428571deg;
  --ncr-color-ui-blue-s: 73.8396624473%;
  --ncr-color-ui-blue-l: 53.5294117647%;
  --ncr-color-ui-blue-a: 1;
  --ncr-color-ui-teal-h: 185.4193548387deg;
  --ncr-color-ui-teal-s: 100%;
  --ncr-color-ui-teal-l: 30.3921568627%;
  --ncr-color-ui-teal-a: 1;
  --ncr-color-ui-green-h: 113.6283185841deg;
  --ncr-color-ui-green-s: 44.6640316206%;
  --ncr-color-ui-green-l: 50.3921568627%;
  --ncr-color-ui-green-a: 1;
  --ncr-color-ui-orange-h: 35.4679802956deg;
  --ncr-color-ui-orange-s: 84.9372384937%;
  --ncr-color-ui-orange-l: 53.137254902%;
  --ncr-color-ui-orange-a: 1;
  --ncr-color-text-primary-h: 0deg;
  --ncr-color-text-primary-s: 0%;
  --ncr-color-text-primary-l: 20%;
  --ncr-color-text-primary-a: 1;
}
:root ncr-button[data-change-theme] + ncr-button[data-change-theme] {
  margin-left: 0;
}
:root body {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

:root[data-theme=light] {
  --link-color: hsla(var(--ncr-color-ui-blue-h, 216.4179104478deg), var(--ncr-color-ui-blue-s, 92.6267281106%), calc(calc(var(--ncr-color-text-primary-l, 57.4509803922%) * 0.2) + calc(var(--ncr-color-ui-blue-l, 57.4509803922%) * 0.8)), var(--ncr-color-ui-blue-a, 1));
}
:root[data-theme=light] [data-change-theme=light] {
  display: none !important;
}
:root[data-theme=light] {
  --ncr-color-ui-primary-h: 120deg;
  --ncr-color-ui-primary-s: 100%;
  --ncr-color-ui-primary-l: 27.0588235294%;
  --ncr-color-ui-primary-a: 1;
  --ncr-color-ui-secondary-h: 113.6283185841deg;
  --ncr-color-ui-secondary-s: 44.6640316206%;
  --ncr-color-ui-secondary-l: 50.3921568627%;
  --ncr-color-ui-secondary-a: 1;
  --ncr-color-ui-tertiary-h: 198.8571428571deg;
  --ncr-color-ui-tertiary-s: 73.8396624473%;
  --ncr-color-ui-tertiary-l: 53.5294117647%;
  --ncr-color-ui-tertiary-a: 1;
  --ncr-color-ui-red-h: 3.1884057971deg;
  --ncr-color-ui-red-s: 100%;
  --ncr-color-ui-red-l: 59.4117647059%;
  --ncr-color-ui-red-a: 1;
  --ncr-color-ui-pink-h: 352.4deg;
  --ncr-color-ui-pink-s: 81.5217391304%;
  --ncr-color-ui-pink-l: 63.9215686275%;
  --ncr-color-ui-pink-a: 1;
  --ncr-color-ui-purple-h: 234.2857142857deg;
  --ncr-color-ui-purple-s: 97.6744186047%;
  --ncr-color-ui-purple-l: 66.2745098039%;
  --ncr-color-ui-purple-a: 1;
  --ncr-color-ui-blue-h: 198.8571428571deg;
  --ncr-color-ui-blue-s: 73.8396624473%;
  --ncr-color-ui-blue-l: 53.5294117647%;
  --ncr-color-ui-blue-a: 1;
  --ncr-color-ui-teal-h: 185.4193548387deg;
  --ncr-color-ui-teal-s: 100%;
  --ncr-color-ui-teal-l: 30.3921568627%;
  --ncr-color-ui-teal-a: 1;
  --ncr-color-ui-green-h: 113.6283185841deg;
  --ncr-color-ui-green-s: 44.6640316206%;
  --ncr-color-ui-green-l: 50.3921568627%;
  --ncr-color-ui-green-a: 1;
  --ncr-color-ui-orange-h: 35.4679802956deg;
  --ncr-color-ui-orange-s: 84.9372384937%;
  --ncr-color-ui-orange-l: 53.137254902%;
  --ncr-color-ui-orange-a: 1;
  --ncr-color-text-primary-h: 0deg;
  --ncr-color-text-primary-s: 0%;
  --ncr-color-text-primary-l: 20%;
  --ncr-color-text-primary-a: 1;
}

:root[data-theme=dark] {
  --link-color: hsla(var(--ncr-color-ui-blue-h, 216.4179104478deg), var(--ncr-color-ui-blue-s, 92.6267281106%), calc(calc(var(--ncr-color-text-primary-l, 57.4509803922%) * 0.1) + calc(var(--ncr-color-ui-blue-l, 57.4509803922%) * 0.9)), var(--ncr-color-ui-blue-a, 1));
}
:root[data-theme=dark] [data-change-theme=dark] {
  display: none !important;
}
:root[data-theme=dark] ncr-button {
  --ncr-color-ui-primary-h: 120deg;
  --ncr-color-ui-primary-s: 100%;
  --ncr-color-ui-primary-l: 27.0588235294%;
  --ncr-color-ui-primary-a: 1;
}
:root[data-theme=dark] {
  --ncr-color-text-primary-h: 0deg;
  --ncr-color-text-primary-s: 0%;
  --ncr-color-text-primary-l: 100%;
  --ncr-color-text-primary-a: 0.89;
  --ncr-color-text-secondary-h: 240deg;
  --ncr-color-text-secondary-s: 33.3333333333%;
  --ncr-color-text-secondary-l: 94.1176470588%;
  --ncr-color-text-secondary-a: 0.6;
  --ncr-color-text-tertiary-h: 240deg;
  --ncr-color-text-tertiary-s: 33.3333333333%;
  --ncr-color-text-tertiary-l: 94.1176470588%;
  --ncr-color-text-tertiary-a: 0.3;
  --ncr-color-border-primary-h: 0deg;
  --ncr-color-border-primary-s: 0%;
  --ncr-color-border-primary-l: 100%;
  --ncr-color-border-primary-a: 0.5;
  --ncr-color-border-secondary-h: 0deg;
  --ncr-color-border-secondary-s: 0%;
  --ncr-color-border-secondary-l: 30.1960784314%;
  --ncr-color-border-secondary-a: 1;
  --ncr-color-border-tertiary-h: 0deg;
  --ncr-color-border-tertiary-s: 0%;
  --ncr-color-border-tertiary-l: 100%;
  --ncr-color-border-tertiary-a: 1;
  --ncr-color-paper-primary-h: 0deg;
  --ncr-color-paper-primary-s: 0%;
  --ncr-color-paper-primary-l: 8%;
  --ncr-color-paper-primary-a: 1;
  --ncr-color-paper-secondary-h: 0deg;
  --ncr-color-paper-secondary-s: 0%;
  --ncr-color-paper-secondary-l: 12%;
  --ncr-color-paper-secondary-a: 1;
  --ncr-color-paper-tertiary-h: 0deg;
  --ncr-color-paper-tertiary-s: 0%;
  --ncr-color-paper-tertiary-l: 15%;
  --ncr-color-paper-tertiary-a: 1;
  --ncr-color-fill-primary-h: 240deg;
  --ncr-color-fill-primary-s: 4.9180327869%;
  --ncr-color-fill-primary-l: 47.8431372549%;
  --ncr-color-fill-primary-a: 0.18;
  --ncr-color-fill-secondary-h: 240deg;
  --ncr-color-fill-secondary-s: 4.0650406504%;
  --ncr-color-fill-secondary-l: 48.2352941176%;
  --ncr-color-fill-secondary-a: 0.3;
  --ncr-color-fill-tertiary-h: 240deg;
  --ncr-color-fill-tertiary-s: 4.0650406504%;
  --ncr-color-fill-tertiary-l: 48.2352941176%;
  --ncr-color-fill-tertiary-a: 0.36;
  --ncr-color-ui-primary-h: 113.6283185841deg;
  --ncr-color-ui-primary-s: 44.6640316206%;
  --ncr-color-ui-primary-l: 50.3921568627%;
  --ncr-color-ui-primary-a: 1;
  --ncr-color-ui-secondary-h: 113.6283185841deg;
  --ncr-color-ui-secondary-s: 44.6640316206%;
  --ncr-color-ui-secondary-l: 50.3921568627%;
  --ncr-color-ui-secondary-a: 1;
  --ncr-color-ui-tertiary-h: 198.8571428571deg;
  --ncr-color-ui-tertiary-s: 73.8396624473%;
  --ncr-color-ui-tertiary-l: 53.5294117647%;
  --ncr-color-ui-tertiary-a: 1;
  --ncr-color-ui-red-h: 3.1884057971deg;
  --ncr-color-ui-red-s: 100%;
  --ncr-color-ui-red-l: 59.4117647059%;
  --ncr-color-ui-red-a: 1;
  --ncr-color-ui-pink-h: 352.4deg;
  --ncr-color-ui-pink-s: 81.5217391304%;
  --ncr-color-ui-pink-l: 63.9215686275%;
  --ncr-color-ui-pink-a: 1;
  --ncr-color-ui-purple-h: 234.2857142857deg;
  --ncr-color-ui-purple-s: 97.6744186047%;
  --ncr-color-ui-purple-l: 66.2745098039%;
  --ncr-color-ui-purple-a: 1;
  --ncr-color-ui-blue-h: 198.8571428571deg;
  --ncr-color-ui-blue-s: 73.8396624473%;
  --ncr-color-ui-blue-l: 53.5294117647%;
  --ncr-color-ui-blue-a: 1;
  --ncr-color-ui-teal-h: 185.4193548387deg;
  --ncr-color-ui-teal-s: 100%;
  --ncr-color-ui-teal-l: 30.3921568627%;
  --ncr-color-ui-teal-a: 1;
  --ncr-color-ui-green-h: 113.6283185841deg;
  --ncr-color-ui-green-s: 44.6640316206%;
  --ncr-color-ui-green-l: 50.3921568627%;
  --ncr-color-ui-green-a: 1;
  --ncr-color-ui-orange-h: 35.4679802956deg;
  --ncr-color-ui-orange-s: 84.9372384937%;
  --ncr-color-ui-orange-l: 53.137254902%;
  --ncr-color-ui-orange-a: 1;
}