@import url('https://fonts.googleapis.com/css2?family=Courier+Prime&family=Open+Sans:wght@400;600;700&display=swap');

/* Page Layout */
p, pre {
  margin: 0 0 1em;
}

html {
  font-size: 16px;
}

.nx-body, body {
  color: var(--nx-color-text);
  font-family: var(--nx-font-family);
  font-weight: normal;
  font-size: var(--nx-font-size);
  height: 100%;
  line-height: var(--nx-line-height);
  margin: 0;
  padding: 0
}

.site-header {
  background-color: var(--nx-swatch-white);
  border-bottom: 1px solid var(--nx-swatch-indigo-80);
  display: block;
  height: 64px;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.site-sidebar-header {
  display: none;
}

.logo-link  .logo {
  height: 24px;
  width: auto;
}
  
.site-header .logo {
  height: 24px;
  width: auto;
}

/* Top Navigation */
.top-nav-menu.sm.sm-simple {
  float: right;
  margin-top: var(--nx-spacing-2x);
}

.nav-site-sidebar ul a {
  font-size: 14px;
}

.nav-site-sidebar ul ul ul ul a {
    padding-left: 75px
}

.nav-site-sidebar ul ul ul ul ul a {
    padding-left: 90px
}

.publication-contents .featured-title {
  margin-left: 0;
}

.section-toc.section-toc-before {
  display: none;
}

.container-fluid {
  margin: 0 auto;
  border-bottom: 1px solid #B6BCE2;
  background: white;
  height: 64px;
  padding: 0;
}

.navbar-header {
  display: flex;
  justify-content: space-between;
  float: unset;
  padding: 2.5px  var(--nx-spacing-8x);
}

.navbar-header::before, .navbar-header::after {
  content: unset;
}

.my-sonatype-link {
  width: 48px;
  height: 48px;
  margin: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  cursor: pointer;
}

.my-sonatype-link:hover {
  background: #E6E6E6;
}

.my-sonatype-link:active {
  background: #f2f2f2;
}

.my-sonatype-link:focus {
  outline: none;
  border: 2px solid #0071C5;
}

/* Reset margin/padding on page layout elements */
.site-body-container, .site-body-row {
  margin: 0;
  padding: 0;
}

.site-content, .nx-page-main {
  float: none;
  min-height: 1px;
  margin: 0 0 0 var(--nx-width-sidebar);
  padding: 0;
}

.site-sidebar, .nx-page-sidebar {
  background-color: var(--nx-color-component-background);
  border-right: 1px solid var(--nx-swatch-indigo-80);
  overflow-x: hidden;
  padding: var(--nx-spacing-6x) var(--nx-spacing-3x) var(--nx-spacing-2x) var(--nx-spacing-3x);
  position: fixed;
  top: 65px;
  left: 0;
  white-space: normal;
  width: var(--nx-width-sidebar);
  max-width: var(--nx-width-sidebar);
  padding-bottom: 55px;
  z-index: auto; /* prevent menu overlap with Kapa modal */
}

/* 
.topic.content-container {
  max-width: var(--nx-width-content);
} */

.inlinemediaobject img:not([height], [width]) {
  height: 90%;
}

.inlinemediaobject {
  vertical-align: baseline;
}

.abstract {
    display: none;
}

.site-content main {
  display: grid;
  column-gap: var(--nx-spacing-6x);
  grid-template-areas:
    "content related"
    "search related"
    "feedback feedback";
  grid-template-columns: 1fr max(240px);
  padding-left: var(--nx-spacing-6x);
  padding-bottom: var(--nx-spacing-6x);
  width: 100%;
  max-width: var(--nx-width-page-max);
}

.topic.content-container {
  grid-area: content;
  margin: 0;
  padding: var(--nx-spacing-6x);
  padding-top: 0;
  width: 100%;
  max-width: 900px;
}

.topic-content .breadcrumb-container  {
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 20px;		  
  padding-top: 24px;
  position: sticky;
  top: 64px;		
  background: #FFF;
  z-index: 50;			
}

.page-toc .section-nav-container {
  display: block;
  font-size: 13px;
  grid-area: related;
  padding-top: var(--nx-spacing-6x);
  position: relative;
  top: 0;
  width: 100%;
}

.section-nav {
  position: fixed;
  height: 85%;
  overflow-y: auto;
} 

.page-toc #bottom-pager {
  margin-top: var(--nx-spacing-6x);
  padding-left: var(--nx-spacing-6x);
}

.page-toc .pager {
  margin: 0;
  padding: 0;
}

.pager li.previous a.prev, .pager li.next a.next {
  margin: 0;
}

.pager li.next a.next {
  margin-right: var(--nx-spacing-6x);
}

.nav-site-sidebar ul a, .nav-site-sidebar li a {
  color: var(--nx-color-text);
}

.nav-site-sidebar li a:focus, .nav-site-sidebar li a:hover {
  background-color: rgb(255 255 255 / 20%);
  color: var(--nx-color-text-dark);
  text-decoration: none;
}

.nav-site-sidebar .active>a,
.nav-site-sidebar .active>a:hover,
.nav-site-sidebar .active>a:focus {
  background-color: var(--nx-swatch-blue-90);
  border-radius: var(--nx-border-radius);
  color: var(--nx-color-text-dark);
  font-weight: 700;
}

.toc.nav.nav-site-sidebar {
  margin: 0;
}

.toc.nav.nav-site-sidebar li {
  margin: var(--nx-spacing-2x) 0;
}

.topic-link {
  font-weight: 700;
}

ul li ul .topic-link {
  font-weight: 500;
}

ul li ul li.opened .topic-link {
  font-weight: 700;
}

ul li ul li.opened li .topic-link {
  font-weight: 500;
}

label {
    font-weight: 600;
}

/* Related topics */
.footer-content {
  grid-area: related;
}

.section-toc.section-toc-after {
  border-left: 1px solid var(--nx-swatch-indigo-80);
  padding-left: var(--nx-spacing-6x);
}

.toolbar {
  border-bottom: 1px solid var(--nx-swatch-indigo-80);
  box-shadow: none;
  min-height: unset;
  margin: 0;
  padding: var(--nx-spacing-2x) var(--nx-spacing-4x);
}

.toolbar.top-nav-on {
  display: none;
}

.topic-content .breadcrumb {
  font-size: 14px;
}

.breadcrumb-link {
  color: #0459C8;
}

.breadcrumb-node {
  color: #0D0D0D;
  font-weight: 600;
}

.search-field::placeholder {
  color: #000;
}

.search-result-url, .search-result-breadcrumbs {
    color: #666;
}

/* Search dropdown styling */
.aa-dropdown-menu {
  max-height: 500px;
  overflow-y: scroll;
}

.portal-search .btn:not(.ais-SearchBox-submit) {
  display: none;
}

.portal-search .search-field:not(.ais-SearchBox-input) {
  border-radius: 4px;
}

/*
.aa-search-container {
  
}
*/

/*
.aa-search-title {
  
}
*/
.aa-search-product {
  font-weight: 700;
  margin-bottom: 5px;
}

/*
.aa-search-body {
  
}
*/
.aa-search-url {
  font-style: italic;
  margin-top: 5px;
}

/* Swagger - OpenAPI styling */

.swagger-ui .opblock.opblock-post {
  background: var(--nx-swatch-green-95);
  border-color: var(--nx-swatch-green-25);
}

.swagger-ui .opblock.opblock-put {
  
}

div.feedback-panel {
  background-color: #fff;
  border: 1px solid var(--nx-swatch-indigo-80);
  border-radius: var(--nx-border-radius);
  grid-area: feedback;
  margin: 0;
  padding: var(--nx-spacing-6x);
  width: 100%;
}

div.feedback-panel p {
  margin: 0;
}

/* Smaller iframes height to allow more flexibility. Mainly used for external content i.e. GitHub pages, including the Compatibility section */

iframe.external-200 {
  display: block;
  width: 100%;
  height: 200px;
  border: none;
}

iframe.external-300 {
  display: block;
  width: 100%;
  height: 300px;
  border: none;
}

iframe.external-400 {
  display: block;
  width: 100%;
  height: 400px;
  border: none;
}

/* Typography */

h1, h2, h3, h4 {
  color: var(--nx-color-text-dark);
  max-width: var(--nx-width-text-wrapping);
  font-size: var(--nx-font-size-heading-1);
}

h2 {
  font-family: var(--nx-font-family);
  font-weight: 600;
  font-size: var(--nx-font-size-heading-2);
  margin-bottom: var(--nx-spacing-6x)
}

h3 {
  font-family: var(--nx-font-family);
  font-weight: 600;
  font-size: var(--nx-font-size-heading-3);
  margin-bottom: var(--nx-spacing-4x)
}

h4 {
  font-family: var(--nx-font-family);
  font-weight: 600;
  font-size: var(--nx-font-size-heading-4);
  margin-bottom: var(--nx-spacing-4x)
}

h5, .h5 {
  text-transform: none;
}

h2.title, h3.title, h4.title {
margin-top: -60px;
padding-top: 70px;
}

.section-divider {
  border-top: 2px solid #ccc; 
  margin: 20px 0; 
}

.nx-p {
  margin: var(--nx-spacing-4x) 0 var(--nx-spacing-6x) 0;
  max-width: var(--nx-width-text-wrapping)
}

.nx-code {
  font-family: "Courier Prime", monospace;
  background-color: var(--nx-color-code-background);
  border: 1px solid var(--nx-color-code-border);
  border-radius: 4px;
  color: var(--nx-color-code-text);
  padding: 4px 1px 0;
  white-space: nowrap
}

.nx-code .nx-text-link {
  padding-top: 4px
}

.nx-pre {
  font-family: "Courier Prime", monospace;
  background-color: var(--nx-color-component-background);
  border: 1px solid var(--nx-color-pre-border);
  border-left-width: 8px;
  border-radius: var(--nx-border-radius);
  font-size: var(--nx-font-size);
  margin: var(--nx-spacing-4x) 0 var(--nx-spacing-6x) 0;
  padding: var(--nx-spacing-6x);
  white-space: pre-wrap;
  max-width: var(--nx-width-text-wrapping)
}

.nx-pre code, .nx-pre .nx-code {
  font-family: "Courier Prime", monospace;
  background-color: inherit;
  border: 0;
  color: inherit;
  padding: 0;
  white-space: inherit
}

.nx-blockquote {
  background-color: var(--nx-color-blockquote-background);
  border: var(--nx-border-default);
  border-left-width: 8px;
  border-radius: var(--nx-border-radius);
  margin: var(--nx-spacing-4x) 0 var(--nx-spacing-6x) 0;
  padding: var(--nx-spacing-6x);
  max-width: var(--nx-width-text-wrapping)
}

.nx-blockquote>:first-child {
  margin-top: 0
}

.nx-blockquote>:last-child {
  margin-bottom: 0
}

.nx-pull-left {
  float: left
}

.nx-pull-right {
  float: right
}

.nx-truncate-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.nx-html--enable-color-schemes.nx-html--dark-mode :root, :root.nx-html--enable-color-schemes.nx-html--dark-mode {
  color-scheme: dark
}

@media(prefers-color-scheme: dark) {
  .nx-html--enable-color-schemes:not(.nx-html--light-mode) :root, :root.nx-html--enable-color-schemes:not(.nx-html--light-mode) {
    color-scheme: dark
  }
}

.nx-html--enable-color-schemes.nx-html--dark-mode .nx-product__logo-image--dark, .nx-product__logo-image--dark.nx-html--enable-color-schemes.nx-html--dark-mode {
  display: block
}

@media(prefers-color-scheme: dark) {
  .nx-html--enable-color-schemes:not(.nx-html--light-mode) .nx-product__logo-image--dark, .nx-product__logo-image--dark.nx-html--enable-color-schemes:not(.nx-html--light-mode) {
    display: block
  }
}

.nx-html--enable-color-schemes.nx-html--dark-mode .nx-product__logo-image--light, .nx-product__logo-image--light.nx-html--enable-color-schemes.nx-html--dark-mode {
  display: none
}

@media(prefers-color-scheme: dark) {
  .nx-html--enable-color-schemes:not(.nx-html--light-mode) .nx-product__logo-image--light, .nx-product__logo-image--light.nx-html--enable-color-schemes:not(.nx-html--light-mode) {
    display: none
  }
}

/* CUSTOM STYLES */

/* Pagination buttons */

.btn, .portal-header .portal-search button {
  font-family: var(--nx-font-family);
  font-weight: 600;
  background-color: var(--nx-color-secondary-button-background);
  border: var(--nx-border-width-alt) solid var(--nx-color-secondary-button-border);
  border-radius: var(--nx-border-radius);
  color: var(--nx-color-secondary-button-text);
  cursor: pointer;
  display: inline-block;
  font-size: var(--nx-font-size);
  line-height: var(--nx-line-height);
  margin: 0 var(--nx-spacing-6x);
  padding: calc(var(--nx-spacing-2x) - var(--nx-border-width-alt)) calc(var(--nx-spacing-6x) - var(--nx-border-width-alt));
  text-align: center;
  text-decoration: none
}

.btn:hover, .portal-header .portal-search button:hover {
  background-color: var(--nx-color-secondary-button-background-hover);
  color: var(--nx-color-secondary-button-text-hover)
}

.btn:focus:not(:active), .portal-header .portal-search button:focus:not(:active) {
  outline: var(--nx-focus-outline-width) solid var(--nx-color-secondary-button-focus-outline);
  outline-offset: calc(0px - var(--nx-border-width-alt) - var(--nx-focus-outline-offset) - var(--nx-focus-outline-width))
}

.btn:focus-visible, .portal-header .portal-search button:focus-visible {
  outline: none
}

.btn:active, .portal-header .portal-search button:active {
  background-color: var(--nx-color-secondary-button-background-active);
  border-color: var(--nx-color-secondary-button-border-active);
  color: var(--nx-color-secondary-button-text)
}

.portal-header {
display: flex;
width: 100%;
padding: 0 var(--nx-spacing-6x);
height: 340px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 24px;
flex-shrink: 0;
}

.portal-header-navbar + .inner {
    margin-top: 30px;
}

.portal-header .portal-search button {
  background-color: var(--nx-color-primary-button-background-active);
  border-radius: 0 var(--nx-border-radius) var(--nx-border-radius) 0;
  color: #fff;
  height: 38px;
  margin-left: 0;
  margin-bottom: 32px;
  padding: 0 inherit;
  width: auto;
}

/* Style for the welcome heading */
.portal-header h1 {
  color: #000;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  background-color: unset; /* remove previous styling */
  border-radius: unset;
  display: block;
  padding: 0;
  max-width: unset;
  margin-bottom: 0;
}

/* Style for the subtext below the welcome heading */
.portal-header .welcome-subtext {
  color: #000;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  margin-top: 0px;
  text-align: center;
}

.portal-header::after {
  background-size: unset !important; /* Important here and below because it's styled in the <head> - argh */
  background-position: top !important;
}

.portal-header .search-page-link {
    display: none;
}

.search-page .portal-header {
  padding: var(--nx-spacing-4x) var(--nx-spacing-6x);
}

.search-page .portal-header::after {
  background: url("../css/image/portal-bg.png") no-repeat center center;
}

.search-page .portal-header .portal-search {
  margin-top: var(--nx-spacing-12x);
}

.search-page .filters-panel {
    width: 30%;
}

.navbar-brand {
  padding: var(--nx-spacing-3x) 0 0 0;
}

.portal-publications {
  margin-bottom: var(--nx-spacing-8x);
}


li.previous a.prev,
li.next a.next {
  font-family: var(--nx-font-family);
  font-weight: 600;
  background-color: var(--nx-color-secondary-button-background);
  border: var(--nx-border-width-alt) solid var(--nx-color-secondary-button-border);
  border-radius: var(--nx-border-radius);
  color: var(--nx-color-secondary-button-text);
  cursor: pointer;
  display: inline-block;
  font-size: var(--nx-font-size);
  line-height: var(--nx-line-height);
  margin: 0 var(--nx-spacing-6x);
  padding: calc(var(--nx-spacing-2x) - var(--nx-border-width-alt)) calc(var(--nx-spacing-6x) - var(--nx-border-width-alt));
  text-align: center;
  text-decoration: none
}

li.previous a.prev>:last-child,
li.next a.next>:last-child {
  margin-right: 0
}

li.previous a.prev:hover,
li.next a.next:hover {
  background-color: var(--nx-color-secondary-button-background-hover);
  color: var(--nx-color-secondary-button-text-hover)
}

li.previous a.prev:focus:not(:active),
li.next a.next:focus:not(:active) {
  outline: var(--nx-focus-outline-width) solid var(--nx-color-secondary-button-focus-outline);
  outline-offset: calc(0px - var(--nx-border-width-alt) - var(--nx-focus-outline-offset) - var(--nx-focus-outline-width))
}

li.previous a.prev:focus-visible,
li.next a.next:focus-visible {
  outline: none
}

li.previous a.prev:active,
li.next a.next:active {
  background-color: var(--nx-color-secondary-button-background-active);
  border-color: var(--nx-color-secondary-button-border-active);
  color: var(--nx-color-secondary-button-text)
}

/* LANDING PAGE */
#kapa-widget-container button{
  position: fixed; 
  bottom: 100px;
  right: 20px; 
  height: 7rem; 
  width: 7rem; 
  padding: 0; 
  background-color: rgb(91 10 233); 
  box-shadow: rgb(0 0 0 / 20%) 0 0 10px; 
  z-index: 199;
}

.portal-header::before {
  background-color: unset;
}

.portal-header::after {
  opacity: 1;
  filter: unset;
}

/* cards on the home screen */
.nx-card-container, .portal-publications .inner-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--nx-spacing-4x) 0;
}

.inner-row .portal-single-publication:last-child {
  margin-right: 0;
}

.nx-card, .portal-single-publication {
  background-color: var(--nx-color-component-background);
  border-radius: var(--nx-border-radius);
  border: 1px solid var(--nx-swatch-indigo-80);
  box-shadow: none;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  text-align: center;
  max-width: 280px;
  min-width: 240px;
  margin-right: 24px;
  margin-bottom: 24px;
}

.portal-single-publication .publication-icon {
  background-color: transparent;
  display: flex;
  width: auto;
  height: auto;
}

.portal-single-publication img {
  height: auto !important;
  width: 40px;
}

.cat-panel {
  width: 40px;
  height: auto;
}

.cat-panel-1 {
  content: url('../en/image/uuid-1f7e8b9a-b2c3-0606-2bd2-d4a93a590e82.png');
}

.cat-panel-2 {
  content: url('../en/image/uuid-cb291490-1cfa-b82b-7999-648993d265ac.png');
}

.cat-panel-3 {
  content: url('../en/image/uuid-40c7d9d8-d27a-3846-0ce0-2f0eaf339136.png');
}

.cat-panel-4 {
  content: url('../en/image/uuid-28f87f7d-0524-50c0-7d6e-0ba9a9b4bf5a.png');
}

.cat-panel-5 {
  content: url('../en/image/uuid-288bf9bc-63f5-0510-bb5f-0e420a00d8ec.png');
}

.cat-panel-6 {
  content: url('../en/image/uuid-6ac5d867-e4aa-5c34-c3a6-54974a60cbf6.png');
}

.cat-panel-7 {
  content: url('../en/image/uuid-92b132a3-389d-a8e0-2c9e-830ca577f1a3.png');
}

.cat-panel-8 {
  content: url('../en/image/uuid-47fa3d29-91ac-3e6b-d9c4-54b846d0bac7.png');
}

.portal-single-publication a {
  border-radius: var(--nx-border-radius);
  box-shadow: none;
  display: flex;
  padding: 26px 24px;
}

.portal-single-publication h3 {
  margin: 0;
  text-align: left;
  margin-left: 24px; 
}

.portal-single-publication > .card-subtext {
  margin: 0 24px 24px;
  font-size: 0.9em;
  color: var(--nx-color-text);
  line-height: 1.4;
  text-align: left;
}

.nx-card>:first-child, .portal-single-publication>:first-child {
  margin-top: 0
}

.nx-card>:last-child, .portal-single-publication>:last-child {
  margin-bottom: 0
}

.portal-single-publication .publication-icon {
  color: var(--nx-color-text-dark);
  display: flex;
  align-items: center;
}

.publication-contents h4 span.toc-count {
  display: none;
}

.featured-subtopics li::before {
  content: "";
}

.publication-contents ul.featured-subtopics {
  padding-left: 0;
}

.dropup.languages {
  display: none;
}

@media not all and (resolution >= 0.001dpcm) {
  @supports(-webkit-appearance: none) and (display: flow-root) {
    .nx-card {
      margin-right: var(--nx-spacing-4x);
      margin-bottom: var(--nx-spacing-4x)
    }

    .nx-card__content>:not(:last-child) {
      margin-bottom: var(--nx-spacing-4x)
    }

    .nx-card__content--columns>:first-child {
      margin-right: var(--nx-spacing-4x);
      margin-bottom: 0
    }
  }
}

.nx-text-link, .xref, .link, .featured-subtopics li a, a.more-toc {
  color: var(--nx-color-link);
  cursor: pointer;
  text-decoration: underline;
}

/*
.link[target="_blank"]:after {
  font-family: "FontAwesome";
  font-weight: 400;
  content: "\f08e";
  padding: 0 var(--nx-spacing-2x);
} */

.nx-text-input, .form-control.search-field {
  align-items: center;
  background-color: var(--nx-color-component-background);
  border: 1px solid var(--nx-color-interactive-border);
  border-radius: var(--nx-border-radius);
  color: var(--nx-color-text);
  padding: calc(var(--nx-spacing-2x) - 1px) calc(var(--nx-spacing-4x) - 1px);
  display: inline-block;
  position: relative;
  width: var(--nx-width-form-element-normal);
  max-width: 100%;
  margin-bottom: var(--nx-spacing-8x)
}

/* Notes and Tips are equivalent to nx-alert */
.nx-alert, .note, .tip, .warning {
  background-color: var(--nx-color-component-background);
  border: 1px solid var(--nx-color-text-stark);
  border-radius: var(--nx-border-radius);
  box-sizing: border-box;
  color: var(--nx-color-text);
  margin: 16px 0 24px;
  padding: var(--nx-spacing-4x);
  text-align: initial;
  max-width: var(--nx-width-text-wrapping)
}

.nx-alert>:first-child {
  margin-left: 0
}

.nx-alert>:last-child {
  margin-right: 0
}

.note h3, .tip h3, .warning h3 {
  margin-left: 0;
}

.nx-alert--warning {
  border-color: var(--nx-color-alert-warning-border);
  background-color: var(--nx-color-alert-warning-background);
  color: var(--nx-color-alert-text)
}

.nx-alert--warning>.nx-icon {
  color: var(--nx-color-alert-warning-icon)
}

.nx-alert--error {
  border-color: var(--nx-color-alert-error-border);
  background-color: var(--nx-color-alert-error-background);
  color: var(--nx-color-alert-text)
}

.nx-alert--error>.nx-icon {
  color: var(--nx-color-alert-error-icon)
}

.nx-alert--info, .note {
  border-color: var(--nx-color-alert-info-border);
  background-color: var(--nx-color-alert-info-background);
  color: var(--nx-color-alert-text)
}

.warning {
  border-color: var(--nx-color-alert-warning-border);
  background-color: var(--nx-color-alert-warning-background);
  color: var(--nx-color-alert-text)
}

.tip::before, .note::before, .warning::before {
  content: "";
}

.nx-alert--info>.nx-icon {
  color: var(--nx-color-alert-info-icon)
}

.nx-alert--success, .tip {
  border-color: var(--nx-color-alert-success-border);
  background-color: var(--nx-color-alert-success-background);
  color: var(--nx-color-alert-text)
}

.nx-alert--success>.nx-icon {
  color: var(--nx-color-alert-success-icon)
}

.nx-alert>.nx-icon {
  bottom: -0.125em;
  flex-shrink: 0;
  height: 1em;
  margin-right: var(--nx-spacing-4x);
  position: relative
}

.nx-alert::before {
  content: "​";
  margin: var(--nx-spacing-base) 0
}

.prev, li.previous a.prev {
  font-family: var(--nx-font-family);
  font-weight: 600;
  background-color: var(--nx-color-secondary-button-background);
  border: var(--nx-border-width-alt) solid var(--nx-color-secondary-button-border);
  border-radius: var(--nx-border-radius);
  color: var(--nx-color-secondary-button-text);
  cursor: pointer;
  display: inline-block;
  font-size: var(--nx-font-size);
  line-height: var(--nx-line-height);
  margin: 0 var(--nx-spacing-6x);
  padding: calc(var(--nx-spacing-2x) - var(--nx-border-width-alt)) calc(var(--nx-spacing-6x) - var(--nx-border-width-alt));
  text-align: center;
  text-decoration: none
}

.nx-list {
  margin: var(--nx-spacing-4x) 0 var(--nx-spacing-6x) 0;
  overflow-wrap: anywhere;
  padding: 0;
  position: relative;
  z-index: 0
}

.nx-list, .nx-list>ul, .nx-list>ol {
  list-style: none
}

.nx-list>ul, .nx-list>ol {
  margin-top: var(--nx-spacing-3x);
  padding: 0
}

.nx-list--bulleted, .nx-list--numbered {
  border-top: none;
  margin: var(--nx-spacing-4x) 0 var(--nx-spacing-6x) 0;
  padding: 0 0 0 26px
}

.nx-list--bulleted .nx-list__item, .nx-list--numbered .nx-list__item {
  border: none;
  display: list-item;
  list-style: disc outside;
  padding: 8px 0 0
}

.nx-list--bulleted .nx-list__item>:first-child, .nx-list--numbered .nx-list__item>:first-child {
  margin-top: 0
}

.nx-list--bulleted .nx-list__item>:last-child, .nx-list--numbered .nx-list__item>:last-child {
  margin-bottom: 0
}

.nx-list--bulleted .nx-list__item:first-child, .nx-list--numbered .nx-list__item:first-child {
  padding-top: 0
}

.nx-list--bulleted .nx-list__item .nx-list__text, .nx-list--numbered .nx-list__item .nx-list__text {
  display: inline-block;
  font-weight: normal;
  margin-left: -3px;
  vertical-align: top
}

.nx-list--bulleted .nx-list__item .nx-list, .nx-list--numbered .nx-list__item .nx-list {
  margin: 0;
  padding: 0 0 0 14px
}

.nx-list--bulleted .nx-list__item .nx-list__item, .nx-list--numbered .nx-list__item .nx-list__item {
  list-style-type: circle;
  padding-top: var(--nx-spacing-2x)
}

.nx-list--bulleted .nx-list__item .nx-list__item:first-child, .nx-list--numbered .nx-list__item .nx-list__item:first-child {
  padding-top: var(--nx-spacing-2x)
}

.nx-list--bulleted .nx-list__item .nx-list__item .nx-list__text, .nx-list--numbered .nx-list__item .nx-list__item .nx-list__text {
  font-family: var(--nx-font-family);
  font-weight: normal
}

.nx-list--bulleted .nx-list__item .nx-list__item .nx-list__item, .nx-list--numbered .nx-list__item .nx-list__item .nx-list__item {
  list-style-type: square
}

.nx-list--unstyled {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.nx-list--numbered, .theme1 .procedure > li::before {
  background-color: #350B8E;
  color: white;
}

ol.procedure {
  margin-left: 40px;
}

.procedure > li::before {
  margin-left: -40px;
  width: 24px;
  height: 24px;
}

.nx-list--numbered .nx-list__item {
  list-style: decimal outside
}

.nx-list--numbered .nx-list__item .nx-list__text {
  margin-left: 0
}

.nx-list--numbered .nx-list__item .nx-list {
  padding-left: var(--nx-spacing-12x)
}

.nx-list--numbered .nx-list__item .nx-list__item {
  list-style: lower-alpha outside
}

.nx-list--numbered .nx-list__item .nx-list__item::marker {
  font-weight: 600
}

.nx-list--numbered .nx-list__item .nx-list__item .nx-list__item {
  list-style: lower-roman outside
}

.nx-list--numbered .nx-list__item .nx-list__item .nx-list__item::marker {
  font-style: italic;
  font-weight: normal
}

/* TABLES */

.nx-table, .informaltable {
  background-color: var(--nx-color-component-background);
  border-spacing: 0;
  border: var(--nx-border-default);
  border-radius: var(--nx-border-radius);
  display: table;
  margin: var(--nx-spacing-3x) 0 var(--nx-spacing-6x) 0;
  overflow: hidden;
  width: 100%
}

.informaltable>tbody>tr>td {
  border-width: 1px;
  border-color: rgb(0 0 0 / 0%);
  border-style: none;
  border-bottom-style: solid;
  border-bottom-color: var(--nx-color-border-secondary);
  border-top-style: solid;
  padding-top: calc(var(--nx-spacing-3x) - 1px)
}

.informaltable>tbody>tr>td:first-child {
  border-left-style: solid;
  padding-left: calc(var(--nx-spacing-4x) - 1px)
}

.informaltable>tbody>tr>td:last-child {
  border-right-style: solid;
  padding-right: calc(var(--nx-spacing-4x) - 1px)
}

.informaltable>tbody>tr:last-child>td {
  border-bottom-style: none;
  height: calc(calc(var(--nx-font-size) * var(--nx-line-height) + var(--nx-spacing-3x) * 2 + 1px) - 1px)
}

.informaltable>tbody>tr:last-child>:first-child {
  border-bottom-left-radius: var(--nx-border-radius)
}

.informaltable>tbody>tr:last-child>:last-child {
  border-bottom-right-radius: var(--nx-border-radius)
}

.td {
  box-sizing: border-box;
  height: calc(var(--nx-font-size) * var(--nx-line-height) + var(--nx-spacing-3x) * 2 + 1px);
  padding: var(--nx-spacing-3x) var(--nx-spacing-3x);
  vertical-align: top
}

.td>:first-child {
  margin-top: 0;
  margin-left: 0;
}

.td>:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

.th {
  font-family: var(--nx-font-family);
  font-weight: bold;
  background-color: var(--nx-color-table-header-background);
  border-top: none;
  box-sizing: border-box;
  color: var(--nx-color-text-stark);
  font-size: var(--nx-font-size-s);
  height: 48px;
  text-align: left;
  white-space: unset;
  vertical-align: middle
}

#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows {
  align-items: stretch;
  display: grid;
  gap: var(--nx-spacing-4x) var(--nx-spacing-4x);
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  grid-template-rows: minmax(120px, 1fr);
}

#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows colgroup {
  display: none;
}

#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows tbody,
#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows tr {
  display: contents;
}

#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows td {
  border: none;
}

#UUID-0717d119-9ac7-45c0-0d2a-cca55fc6e835_id_RepositoryManager3-LookingforFormatsFormats
.informaltable.frame-void.rules-rows td:not(.mediaobject td) {
  align-items: flex-start;
  border: none;
  display: flex;
  flex-direction: column;
  min-height: 120px;
  min-width: 120px;
}

table.image-viewport {
  width: auto !important;
}

table.image-viewport img {
  height: auto;
  max-width: 100% !important;
}

table.image-viewport img.materialboxed.active {
  height: auto !important;
  max-width: 1000% !important;
}

.paligocode-wrapper {
  width: 100%;
  max-width: var(--nx-width-page-min);
}

.paligocode-wrapper .programlisting {
  padding: var(--nx-spacing-4x) 120px var(--nx-spacing-4x) var(--nx-spacing-4x);
  word-wrap: break-word;
  word-break: break-all;
}

.programlisting.nocopy {
  padding: var(--nx-spacing-4x);
}

.programlisting.nocopy + button {
  display: none;
}

.paligocode-wrapper .btn {
  top: 8px !important;
  right: -16px !important;
}

/* NXRM STYLES */
ul.itemizedlist.format-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--nx-spacing-4x);
  padding: 0;
  width: 100%;
  max-width: 100%;
}

ul.itemizedlist.format-list .listitem {
  list-style: none;
}

ul.itemizedlist.format-list .listitem p {
  border: 1px solid var(--nx-swatch-indigo-80);
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--nx-spacing-6x);
  margin: 0;
  padding: var(--nx-spacing-4x);
  align-items: center;
}

ul.itemizedlist.format-list .listitem .inlinemediaobject {
  display: block;
  height: unset;
  text-align: center;
}

ul.itemizedlist.format-list .listitem .inlinemediaobject img {
  height: 48px;
  width: auto;
}

/* ASK SONA STYLES */

#kapa-widget-container {
	position: absolute;
	top: calc(100vh - 130px);
}

/* Applicability Panel STYLES */

/* default style for panel is hidden */
ul.nexuslist {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

    /* background-color: #333333; */
    margin-bottom: 1em;
}

/* show the panel when the page includes one of the taxonomies */
.taxonomy-nexus-oss ul.nexuslist,
.taxonomy-nexus-pro ul.nexuslist {
    display: inline-block;
    border-radius: 8px;
}

/* styling for each product element */
ul.nexuslist li {
    float: left;
    display: inline-block;
    color: #bbb;
    font-size: 13px;
    text-align: center;
    padding: 10px 15px;
    background-color: #eee;
}

/* formatting for the header element */
ul.nexuslist li.nexus {
    color: #444;
    font-weight: bold;
}

/* reset the color for active elements  */
.taxonomy-nexus-pro .pro,
.taxonomy-nexus-oss .oss
 {
    color: #444;
}

/* set the checkbox for active elements  */
.taxonomy-nexus-pro .pro::before,
.taxonomy-nexus-oss .oss::before
{
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 0.5em;
    color: #1976d2;
}

/* Swagger - OpenAPI Styles */

.swagger-ui .opblock.opblock-post {
  background: var(--nx-swatch-green-95) !important;
  border-color: var(--nx-swatch-green-25) !important;
}

.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: var(--nx-swatch-green-25) !important;
}

.swagger-ui .opblock.opblock-get {
  background: var(--nx-swatch-blue-95) !important;
  border-color: var(--nx-swatch-blue-40) !important;
}

.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: var(--nx-swatch-blue-40) !important;
}

.swagger-ui .opblock.opblock-put {
  background: var(--nx-swatch-orange-97) !important;
  border-color: var(--nx-swatch-orange-40) !important;
}

.swagger-ui .opblock.opblock-put .opblock-summary-method {
  background: var(--nx-swatch-orange-40) !important;
}

.swagger-ui .opblock.opblock-delete {
  background: var(--nx-swatch-red-95) !important;
  border-color: var(--nx-swatch-red-40) !important;
}

.swagger-ui .opblock.opblock-delete .opblock-summary-method {
  background: var(--nx-swatch-red-40) !important;
}

.swagger-ui .try-out__btn {
  display: none;
}


/* RESPONSIVE STYLES */

@media (width >= 1200px) {
  .pager, .site-footer, main article {
    margin-left: 0;
  }
	
@media (width >= 1200px) {
  .navbar-brand .logo {
    height: 24px !important;
    width: auto !important;
    display: block;
    margin: 0;
  }
}
   .portal-publications .inner-row::before {
     content: none !important;
     display: none !important;
   }

  .site-content {
    margin-left: 0;
    width: var(--nx-width-content);
  }

  .site-sidebar {
    float: none;
    width: inherit;
  }

  .collapsible-sidebar-nav .site-content {
    margin-left: var(--nx-width-sidebar);
    padding-top: 0;
    transition: 0.1s ease;
  }

  .page-toc .pager {
    float: none;
    width: 100%;
  }
}

@media (width >= 1200px) {
  .portal-publications .inner-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: start;
    justify-items: stretch;
    margin: var(--nx-spacing-4x) 0;
  }

  .portal-single-publication,
  .nx-card {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (width <= 1025px) {
  .navbar-collapse.collapse {
    display: none!important;
  }

  .my-sonatype-link {
    display: none;
  }

  .show-on-tablet {
    display: flex;
  }

  .navbar {
    margin: 0;
  }

  .navbar-header{
    display: grid;
    column-gap: var(--nx-spacing-6x);
    grid-template-areas:
      "hamburger logo";
    grid-template-columns: 48px auto;
    float: left;
  }

  .navbar-header::before, .navbar-header::after {
    display: unset;
    content: unset;
  }

  .navbar-toggle {
    display: block;
    float: none;
    grid-area: hamburger;
    padding: 0 0 0 var(--nx-spacing-3x);
    width: 48px;
  }

  .navbar-brand {
   grid-area: logo;
   padding: 0; /* Remove the original 14px 15px padding */
   display: flex;
   align-items: center; /* Vertically center logo */
  }

.navbar-brand .logo {
  height: 24px !important;
  width: auto !important;
  margin: 0;
  display: block;
  vertical-align: middle;
}

  .site-sidebar {
    display: none;
  }

  .page-toc .section-nav-container {
    display: none;
  }

  .site-sidebar {
    border: 1px solid var(--nx-swatch-indigo-80);
    float: none;
    top: 63px;
    width: var(--nx-width-sidebar);
    max-width: var(--nx-width-sidebar);
  }

  .collapse.in {
    z-index: 100;
  }

  .fixed-toolbar .site-content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .algolia-autocomplete {
    display: unset!important;
  }

  .site-content main {
    display: grid;
    column-gap: var(--nx-spacing-6x);
    grid-template-areas:
      "content"
      "search"
      "feedback";
    grid-template-columns: auto;
    padding: var(--nx-spacing-6x);
    width: 100%;
  }

  .portal-publications .inner-row::before {
    content: unset;
  }

  .portal-single-publication {
    height: auto;
    min-width: 150px;
    max-width: 168px;
    min-height: 80px;
  }

  .theme1.page-toc main article {
    padding-left: 0;
  }

  .topic.content-container {
    padding: 0;
    max-width: 100%;
  }

  .page-toc .pager {
    float: none;
    width: 100%;
  }

  .site-footer .inner {
    display: flex;
    gap: var(--nx-spacing-6x);
    margin-top: var(--nx-spacing-6x);
    padding: 0 0 var(--nx-spacing-6x) 0;
  }

  .pager li.next a.next {
    margin-right: var(--nx-spacing-6x);
  }

  .site-footer .inner .copyright, .site-footer .inner .date-modified, .site-footer .inner .publication-date {
    display: block;
    float: none;
  }
}

/* NEED THIS TO OVERRIDE PALIGO STYLES */
@media (width >= 768px) {
  .pager, .site-footer, main article {
    float: none;
    width: inherit;
  }

  .site-content {
    margin-left: 0;
    width: var(--nx-width-content);
  }

  .site-sidebar {
    float: none;
    width: inherit;
  }

  .theme1.page-toc main article {
    padding-left: 0;
  }

  .collapsible-sidebar-nav .site-content {
    margin-left: var(--nx-width-sidebar);
    padding-top: 0;
    padding-left: var(--nx-spacing-6x);
    transition: 0.1s ease;
  }

  .page-toc .pager {
    float: none;
    width: 100%;
  }

  .portal-single-publication {
    float: none;
  }
}

@media (width <= 768px) {
  .pager, .site-footer, main article {
    float: none;
    width: inherit;
  }

  .portal-header {
    height: 300px;
  }

  .portal-header-navbar + .inner {
    margin-top: var(--nx-spacing-6x);
  }

  .container-fluid {
    padding: 0;
  }

  .collapsible-sidebar-nav .site-content {
    padding-top: 0;
    margin-left: 0;
  }

  .page-toc .section-nav-container {
    display: none;
  }
 
  .fixed-toolbar .site-content {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .site-content main {
    width: 100%;
  }

  div.feedback-panel {
    max-width: 100%;
  }

  .theme1.page-toc main article {
    padding-left: 0;
  }

  .portal-publications .inner-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--nx-spacing-4x);
  }

  .portal-publications .inner-row::before {
    content: unset;
  }

  .portal-single-publication {
    height: auto;
    min-width: 100%;
    max-width: 100%;
  }

  .page-toc .pager {
    padding: 0;
    width: 100%;
  }

  .show-on-tablet {
    display: none;
  }
}

:root {
  --nx-width-page-max: 1600px;
  --nx-width-page-min: 1366px;
  --nx-width-content-proportion: 0.76;
  --nx-width-content: calc(100% * var(--nx-width-content-proportion));

  /* Changed to match design */
  --nx-width-sidebar: 325px;
  --nx-width-sidebar-max: 325px;
  --nx-width-scrollbar: 15px;
  --nx-width-form-element-normal: 300px;
  --nx-width-form-element-wide: 800px;
  --nx-width-form-element-short: 150px;
  --nx-width-text-wrapping: 800px;
  --nx-spacing-base: 4px;
  --nx-spacing-2x: calc(var(--nx-spacing-base) * 2);
  --nx-spacing-3x: calc(var(--nx-spacing-base) * 3);
  --nx-spacing-4x: calc(var(--nx-spacing-base) * 4);
  --nx-spacing-6x: calc(var(--nx-spacing-base) * 6);
  --nx-spacing-8x: calc(var(--nx-spacing-base) * 8);
  --nx-spacing-12x: calc(var(--nx-spacing-base) * 12);
  --nx-spacing-16x: calc(var(--nx-spacing-base) * 16);
  --nx-spacing-20x: calc(var(--nx-spacing-base) * 20);
  --nx-font-size: 16px;
  --nx-font-size-s: 14px;
  --nx-font-size-xs: 12px;
  --nx-font-size-heading-1: 32px;
  --nx-font-size-heading-2: 22px;
  --nx-font-size-heading-3: 16px;
  --nx-font-size-heading-4: 16px;
  --nx-font-family: open sans, sans-serif;
  --nx-line-height: 1.5;
  --nx-z-index-submit-mask: 10;
  --nx-z-index-modal-backdrop: 1050;
  --nx-z-index-drawer: 1040;
  --nx-z-index-toast: 1060;
  --nx-border-radius: 6px;
  --nx-border-width: 1px;
  --nx-border-width-alt: 1px;
  --nx-border-default: var(--nx-border-width) solid var(--nx-color-border);
  --nx-border-2x: 2px solid var(--nx-color-border);
  --nx-border-secondary: 1px solid var(--nx-color-border-secondary);
  --nx-focus-outline-width: 2px;
  --nx-focus-outline-offset: 2px;
  --nx-border-grid: var(--nx-border-2x);
  --nx-box-shadow-dropdown: 0 2px 12px 0 hsl(var(--nx-swatch-indigo-hs) 80% 0.2), 0 1px 2px 0 hsl(var(--nx-swatch-indigo-hs) 70% 0.2), 0 1px 1px 0 hsl(var(--nx-swatch-indigo-hs) 60% 0.2);
  --nx-focus-outline-offset-global-sidebar-link: 0px;
  --nx-focus-outline-offset-global-sidebar-toggle: 1px;
  --nx-border-width-global-sidebar: 0px;
  --nx-outline-width-table-row-hover: 2px;
  --nx-border-subsection: 1px solid var(--nx-color-subsection-border);
  --nx-box-shadow-focus: 0 0 3px 1px var(--nx-color-interactive-shadow-focus);
  --nx-drop-shadow-focus: 0 0 3px var(--nx-color-interactive-shadow-focus);

  /* Colors */
  --nx-color-disabled: var(--nx-swatch-grey-60);
  --nx-color-disabled-background: var(--nx-swatch-grey-90);
  --nx-color-border: var(--nx-swatch-indigo-90);
  --nx-color-border-secondary: var(--nx-swatch-indigo-95);
  --nx-color-component-background: var(--nx-swatch-white);
  --nx-color-site-background: var(--nx-swatch-indigo-97);
  --nx-color-interactive-background-selected: var(--nx-swatch-blue-90);
  --nx-color-interactive-background-active: var(--nx-swatch-grey-95);
  --nx-color-interactive-background-hover: var(--nx-swatch-grey-90);
  --nx-color-interactive-background-disabled: var(--nx-color-disabled-background);
  --nx-color-interactive-border: var(--nx-swatch-grey-50);
  --nx-color-interactive-border-hover: var(--nx-swatch-grey-05);
  --nx-color-interactive-border-disabled: var(--nx-color-disabled);
  --nx-color-interactive-border-focus: var(--nx-swatch-blue-40);
  --nx-color-text-stark: var(--nx-swatch-grey-05);
  --nx-color-text: var(--nx-swatch-grey-30);
  --nx-color-text-disabled: var(--nx-color-disabled);
  --nx-color-text-placeholder: var(--nx-swatch-grey-40);
  --nx-color-link: var(--nx-swatch-blue-40);
  --nx-color-link-focus: var(--nx-color-link);
  --nx-color-link-active: var(--nx-swatch-blue-50);
  --nx-color-link-hover: var(--nx-swatch-blue-30);
  --nx-color-link-disabled: var(--nx-color-disabled);
  --nx-color-success: var(--nx-swatch-green-25);
  --nx-color-error: var(--nx-swatch-red-40);
  --nx-color-background-success: var(--nx-swatch-green-95);
  --nx-color-background-error: var(--nx-swatch-red-95);
  --nx-color-background-mask: hsl(var(--nx-swatch-grey-hs) 30% 75%);
  --nx-color-alert-text: var(--nx-color-text);
  --nx-color-alert-link: var(--nx-color-link);
  --nx-color-alert-link-focus: var(--nx-color-link-focus);
  --nx-color-alert-link-hover: var(--nx-color-link-hover);
  --nx-color-alert-link-active: var(--nx-color-link-active);
  --nx-color-alert-info-background: var(--nx-swatch-blue-95);
  --nx-color-alert-info-border: var(--nx-swatch-blue-40);
  --nx-color-alert-info-icon: var(--nx-swatch-blue-40);
  --nx-color-alert-success-background: var(--nx-color-background-success);
  --nx-color-alert-success-border: var(--nx-color-success);
  --nx-color-alert-success-icon: var(--nx-color-success);
  --nx-color-alert-warning-background: var(--nx-swatch-orange-97);
  --nx-color-alert-warning-border: var(--nx-swatch-orange-40);
  --nx-color-alert-warning-icon: var(--nx-swatch-orange-50);
  --nx-color-alert-error-background: var(--nx-color-background-error);
  --nx-color-alert-error-border: var(--nx-color-error);
  --nx-color-alert-error-icon: var(--nx-color-error);
  --nx-color-primary-button-background: var(--nx-swatch-blue-40);
  --nx-color-primary-button-background-hover: var(--nx-swatch-blue-30);
  --nx-color-primary-button-background-active: var(--nx-swatch-blue-50);
  --nx-color-primary-button-focus-outline: var(--nx-swatch-white);
  --nx-color-primary-button-text: var(--nx-color-primary-button-focus-outline);
  --nx-color-secondary-button-background: var(--nx-swatch-white);
  --nx-color-secondary-button-background-hover: var(--nx-swatch-blue-90);
  --nx-color-secondary-button-background-active: var(--nx-swatch-blue-95);
  --nx-color-secondary-button-border: var(--nx-swatch-blue-40);
  --nx-color-secondary-button-border-active: var(--nx-color-secondary-button-border);
  --nx-color-secondary-button-focus-outline: var(--nx-swatch-blue-30);
  --nx-color-secondary-button-text: var(--nx-color-secondary-button-border);
  --nx-color-secondary-button-text-hover: var(--nx-swatch-blue-30);
  --nx-color-tertiary-button-background-hover: var(--nx-swatch-indigo-90);
  --nx-color-tertiary-button-background-active: var(--nx-swatch-indigo-97);
  --nx-color-tertiary-button-border: var(--nx-swatch-grey-50);
  --nx-color-tertiary-button-border-active: var(--nx-swatch-grey-60);
  --nx-color-tertiary-button-focus-outline: var(--nx-swatch-grey-40);
  --nx-color-tertiary-button-text: var(--nx-color-text-stark);
  --nx-color-error-button-background: var(--nx-color-error);
  --nx-color-error-button-background-hover: var(--nx-swatch-red-30);
  --nx-color-error-button-background-active: var(--nx-swatch-pink-40);
  --nx-color-error-button-focus-outline: var(--nx-swatch-white);
  --nx-color-error-button-text: var(--nx-color-error-button-focus-outline);
  --nx-color-disabled-button-background: var(--nx-color-interactive-background-disabled);
  --nx-color-disabled-button-border: var(--nx-color-interactive-border-disabled);
  --nx-color-disabled-button-text: var(--nx-color-text-disabled);
  --nx-color-primary-segmented-button-divider: var(--nx-swatch-blue-60);
  --nx-color-button-icon-only-background-selected: var(--nx-color-interactive-background-selected);
  --nx-color-button-icon-only-border-focus: var(--nx-color-interactive-border-focus);
  --nx-color-global-header-border: var(--nx-color-border);
  --nx-color-page-header-background: var(--nx-color-component-background);
  --nx-color-page-header-border: var(--nx-color-border);
  --nx-color-page-header-divider: var(--nx-swatch-grey-30);
  --nx-color-page-header-product-name-text: var(--nx-color-text);
  --nx-color-page-header-link: var(--nx-swatch-grey-10);
  --nx-color-code-background: var(--nx-swatch-pink-97);
  --nx-color-code-border: var(--nx-swatch-pink-95);
  --nx-color-code-text: var(--nx-swatch-grey-20);
  --nx-color-blockquote-background: var(--nx-swatch-indigo-95);
  --nx-color-pre-border: var(--nx-swatch-grey-10);
  --nx-color-table-header-background: var(--nx-swatch-indigo-80);
  --nx-color-table-row-background-hover: var(--nx-color-interactive-background-hover);
  --nx-color-table-sort-icon-active: var(--nx-swatch-blue-40);
  --nx-color-table-header-button-background-hover: var(--nx-swatch-indigo-70);
  --nx-color-table-header-button-background-active: var(--nx-swatch-indigo-90);
  --nx-color-list-background-hover: var(--nx-color-interactive-background-hover);
  --nx-color-list-text: var(--nx-color-text-stark);
  --nx-color-list-text-selected: var(--nx-color-list-text);
  --nx-color-list-icon: var(--nx-color-list-text);
  --nx-color-global-sidebar-background: var(--nx-swatch-blue-10);
  --nx-color-global-sidebar-border: #fff;
  --nx-color-global-sidebar-separator: var(--nx-swatch-indigo-40);
  --nx-color-global-sidebar-border-focus: var(--nx-swatch-blue-95);
  --nx-color-global-sidebar-background-hover: var(--nx-swatch-indigo-30);
  --nx-color-global-sidebar-toggle: var(--nx-swatch-white);
  --nx-color-global-sidebar-toggle-background-active: var(--nx-swatch-indigo-50);
  --nx-color-global-sidebar-toggle-outline: var(--nx-swatch-blue-95);
  --nx-color-global-sidebar-toggle-inner-outline: var(--nx-swatch-indigo-30);
  --nx-color-global-sidebar-link-active: var(--nx-color-global-sidebar-toggle-background-active);
  --nx-color-global-sidebar-link-selected: var(--nx-swatch-blue-40);
  --nx-color-global-sidebar-link-text: var(--nx-swatch-white);
  --nx-color-global-sidebar-link-text-interactive: var(--nx-color-global-sidebar-link-text);
  --nx-color-global-sidebar-link-border-focus: var(--nx-swatch-blue-95);
  --nx-color-global-sidebar-link-icon: var(--nx-swatch-indigo-90);
  --nx-color-global-sidebar-link-icon-interactive: var(--nx-swatch-white);
  --nx-color-system-notice-background: var(--nx-swatch-indigo-95);
  --nx-color-system-notice-background-alert: var(--nx-swatch-orange-95);
  --nx-color-system-notice-text: var(--nx-color-text);
  --nx-color-subsection-border: var(--nx-color-border);
  --nx-color-text-dark: var(--nx-color-text-stark);
  --nx-color-form-element-border: var(--nx-swatch-grey-50);
  --nx-color-interactive-border-pristine: var(--nx-swatch-indigo-90);
  --nx-color-interactive-shadow-focus: hsl(var(--nx-swatch-teal-hs) 35% 0.5);
  --nx-color-alert-warning: var(--nx-swatch-orange-50);
  --nx-color-alert-info: var(--nx-swatch-blue-40);
  --nx-color-alert-success: var(--nx-swatch-green-25);
  --nx-color-alert-error: var(--nx-swatch-red-40)
}

.nx-html--enable-color-schemes.nx-html--dark-mode :root, :root.nx-html--enable-color-schemes.nx-html--dark-mode {
  --nx-color-disabled: var(--nx-swatch-indigo-40);
  --nx-color-border: var(--nx-swatch-indigo-40);
  --nx-color-border-secondary: var(--nx-swatch-indigo-35);
  --nx-color-component-background: var(--nx-swatch-indigo-20);
  --nx-color-site-background: var(--nx-swatch-indigo-15);
  --nx-color-interactive-background-selected: var(--nx-swatch-purple-30);
  --nx-color-interactive-background-active: var(--nx-swatch-indigo-30);
  --nx-color-interactive-background-hover: var(--nx-swatch-indigo-10);
  --nx-color-interactive-background-disabled: var(--nx-swatch-indigo-20);
  --nx-color-interactive-border: var(--nx-swatch-indigo-70);
  --nx-color-interactive-border-hover: var(--nx-swatch-indigo-60);
  --nx-color-interactive-border-focus: var(--nx-swatch-purple-80);
  --nx-color-text-stark: var(--nx-swatch-indigo-90);
  --nx-color-text: var(--nx-swatch-indigo-80);
  --nx-color-text-placeholder: var(--nx-swatch-indigo-70);
  --nx-color-link: var(--nx-swatch-purple-80);
  --nx-color-link-focus: var(--nx-color-link);
  --nx-color-link-active: var(--nx-swatch-purple-90);
  --nx-color-link-hover: var(--nx-swatch-purple-70);
  --nx-color-success: var(--nx-swatch-green-60);
  --nx-color-error: var(--nx-swatch-red-60);
  --nx-color-background-success: var(--nx-swatch-green-85);
  --nx-color-background-error: var(--nx-swatch-red-85);
  --nx-color-background-mask: hsl(var(--nx-swatch-indigo-hs) 5% 60%);
  --nx-color-alert-text: var(--nx-swatch-blue-10);
  --nx-color-alert-link: var(--nx-swatch-purple-20);
  --nx-color-alert-link-focus: var(--nx-swatch-purple-30);
  --nx-color-alert-link-hover: var(--nx-swatch-purple-10);
  --nx-color-alert-link-active: var(--nx-color-alert-link-focus);
  --nx-color-alert-close-btn: var(--nx-color-alert-text);
  --nx-color-alert-close-btn-focus: var(--nx-swatch-purple-40);
  --nx-color-alert-info-background: var(--nx-swatch-blue-85);
  --nx-color-alert-info-border: var(--nx-color-alert-info-background);
  --nx-color-alert-info-icon: var(--nx-color-alert-text);
  --nx-color-alert-success-border: var(--nx-color-background-success);
  --nx-color-alert-success-icon: var(--nx-color-alert-text);
  --nx-color-alert-success-close-btn-active: var(--nx-swatch-green-95);
  --nx-color-alert-success-close-btn-hover: var(--nx-swatch-green-75);
  --nx-color-alert-warning-background: var(--nx-swatch-yellow-80);
  --nx-color-alert-warning-border: var(--nx-color-alert-warning-background);
  --nx-color-alert-warning-icon: var(--nx-color-alert-text);
  --nx-color-alert-error-border: var(--nx-color-background-error);
  --nx-color-alert-error-icon: var(--nx-color-alert-text);
  --nx-color-alert-error-close-btn-active: var(--nx-swatch-red-95);
  --nx-color-alert-error-close-btn-hover: var(--nx-swatch-red-75);
  --nx-color-primary-button-background: var(--nx-swatch-purple-80);
  --nx-color-primary-button-background-hover: var(--nx-swatch-purple-70);
  --nx-color-primary-button-background-active: var(--nx-swatch-purple-90);
  --nx-color-primary-button-focus-outline: var(--nx-swatch-indigo-10);
  --nx-color-secondary-button-background: var(--nx-swatch-indigo-20);
  --nx-color-secondary-button-background-hover: var(--nx-swatch-indigo-15);
  --nx-color-secondary-button-background-active: var(--nx-swatch-indigo-25);
  --nx-color-secondary-button-border: var(--nx-swatch-purple-80);
  --nx-color-secondary-button-border-active: var(--nx-swatch-purple-90);
  --nx-color-secondary-button-focus-outline: var(--nx-swatch-purple-80);
  --nx-color-secondary-button-text-hover: var(--nx-color-secondary-button-text);
  --nx-color-tertiary-button-background-hover: var(--nx-swatch-indigo-15);
  --nx-color-tertiary-button-background-active: var(--nx-swatch-indigo-25);
  --nx-color-tertiary-button-border: var(--nx-swatch-indigo-60);
  --nx-color-tertiary-button-border-active: var(--nx-swatch-indigo-90);
  --nx-color-tertiary-button-focus-outline: var(--nx-color-tertiary-button-border);
  --nx-color-tertiary-button-text: var(--nx-color-text);
  --nx-color-error-button-background: var(--nx-swatch-red-35);
  --nx-color-error-button-background-hover: var(--nx-swatch-red-25);
  --nx-color-error-button-text: var(--nx-swatch-red-95);
  --nx-color-disabled-button-background: var(--nx-color-interactive-border-disabled);
  --nx-color-disabled-button-border: var(--nx-color-interactive-border-disabled);
  --nx-color-disabled-button-text: var(--nx-color-interactive-background-disabled);
  --nx-color-primary-segmented-button-divider: var(--nx-swatch-indigo-25);
  --nx-color-button-icon-only-background-selected: var(--nx-swatch-purple-40);
  --nx-color-button-icon-only-border-focus: var(--nx-swatch-indigo-90);
  --nx-color-global-header-border: var(--nx-color-site-background);
  --nx-color-page-header-background: var(--nx-color-site-background);
  --nx-color-page-header-border: var(--nx-swatch-indigo-25);
  --nx-color-page-header-divider: var(--nx-swatch-indigo-25);
  --nx-color-page-header-product-name-text: var(--nx-color-text-stark);
  --nx-color-page-header-link: var(--nx-color-link);
  --nx-color-code-background: var(--nx-swatch-grey-10);
  --nx-color-code-border: var(--nx-swatch-grey-30);
  --nx-color-code-text: var(--nx-swatch-green-85);
  --nx-color-blockquote-background: var(--nx-swatch-indigo-25);
  --nx-color-pre-border: var(--nx-swatch-indigo-90);
  --nx-color-table-header-background: var(--nx-swatch-indigo-35);
  --nx-color-table-row-background-hover: var(--nx-swatch-indigo-15);
  --nx-color-table-header-button-background-hover: var(--nx-swatch-indigo-25);
  --nx-color-table-header-button-background-active: var(--nx-swatch-indigo-45);
  --nx-color-list-background-hover: var(--nx-color-site-background);
  --nx-color-list-text: var(--nx-color-text);
  --nx-color-list-text-selected: var(--nx-swatch-indigo-97);
  --nx-color-list-icon: var(--nx-color-list-text);
  --nx-color-global-sidebar-background: var(--nx-color-site-background);
  --nx-color-global-sidebar-border: var(--nx-swatch-indigo-20);
  --nx-color-global-sidebar-separator: var(--nx-swatch-indigo-25);
  --nx-color-global-sidebar-border-focus: var(--nx-color-interactive-border-focus);
  --nx-color-global-sidebar-toggle: var(--nx-swatch-indigo-10);
  --nx-color-global-sidebar-background-hover: var(--nx-swatch-purple-70);
  --nx-color-global-sidebar-toggle-background-active: var(--nx-swatch-purple-90);
  --nx-color-global-sidebar-toggle-outline: var(--nx-swatch-purple-70);
  --nx-color-global-sidebar-toggle-inner-outline: var(--nx-swatch-indigo-10);
  --nx-color-global-sidebar-link-active: var(--nx-swatch-purple-90);
  --nx-color-global-sidebar-link-selected: var(--nx-swatch-purple-80);
  --nx-color-global-sidebar-link-text: var(--nx-swatch-indigo-97);
  --nx-color-global-sidebar-link-text-interactive: var(--nx-swatch-indigo-10);
  --nx-color-global-sidebar-link-border-focus: var(--nx-swatch-indigo-10);
  --nx-color-global-sidebar-link-icon: var(--nx-swatch-indigo-95);
  --nx-color-global-sidebar-link-icon-interactive: var(--nx-swatch-indigo-10);
  --nx-color-system-notice-background: var(--nx-swatch-indigo-30);
  --nx-color-system-notice-background-alert: var(--nx-swatch-pink-30);
  --nx-color-system-notice-text: var(--nx-swatch-indigo-95);
}

@media(prefers-color-scheme: dark) {
  .nx-html--enable-color-schemes:not(.nx-html--light-mode) :root, :root.nx-html--enable-color-schemes:not(.nx-html--light-mode) {
    --nx-color-disabled: var(--nx-swatch-indigo-40);
    --nx-color-border: var(--nx-swatch-indigo-40);
    --nx-color-border-secondary: var(--nx-swatch-indigo-35);
    --nx-color-component-background: var(--nx-swatch-indigo-20);
    --nx-color-site-background: var(--nx-swatch-indigo-15);
    --nx-color-interactive-background-selected: var(--nx-swatch-purple-30);
    --nx-color-interactive-background-active: var(--nx-swatch-indigo-30);
    --nx-color-interactive-background-hover: var(--nx-swatch-indigo-10);
    --nx-color-interactive-background-disabled: var(--nx-swatch-indigo-20);
    --nx-color-interactive-border: var(--nx-swatch-indigo-70);
    --nx-color-interactive-border-hover: var(--nx-swatch-indigo-60);
    --nx-color-interactive-border-focus: var(--nx-swatch-purple-80);
    --nx-color-text-stark: var(--nx-swatch-indigo-90);
    --nx-color-text: var(--nx-swatch-indigo-80);
    --nx-color-text-placeholder: var(--nx-swatch-indigo-70);
    --nx-color-link: var(--nx-swatch-purple-80);
    --nx-color-link-focus: var(--nx-color-link);
    --nx-color-link-active: var(--nx-swatch-purple-90);
    --nx-color-link-hover: var(--nx-swatch-purple-70);
    --nx-color-success: var(--nx-swatch-green-60);
    --nx-color-error: var(--nx-swatch-red-60);
    --nx-color-background-success: var(--nx-swatch-green-85);
    --nx-color-background-error: var(--nx-swatch-red-85);
    --nx-color-background-mask: hsl(var(--nx-swatch-indigo-hs) 5% 60%);
    --nx-color-alert-text: var(--nx-swatch-blue-10);
    --nx-color-alert-link: var(--nx-swatch-purple-20);
    --nx-color-alert-link-focus: var(--nx-swatch-purple-30);
    --nx-color-alert-link-hover: var(--nx-swatch-purple-10);
    --nx-color-alert-link-active: var(--nx-color-alert-link-focus);
    --nx-color-alert-close-btn: var(--nx-color-alert-text);
    --nx-color-alert-close-btn-focus: var(--nx-swatch-purple-40);
    --nx-color-alert-info-background: var(--nx-swatch-blue-85);
    --nx-color-alert-info-border: var(--nx-color-alert-info-background);
    --nx-color-alert-info-icon: var(--nx-color-alert-text);
    --nx-color-alert-info-close-btn-active: var(--nx-swatch-blue-95);
    --nx-color-alert-info-close-btn-hover: var(--nx-swatch-blue-75);
    --nx-color-alert-success-border: var(--nx-color-background-success);
    --nx-color-alert-success-icon: var(--nx-color-alert-text);
    --nx-color-alert-success-close-btn-active: var(--nx-swatch-green-95);
    --nx-color-alert-success-close-btn-hover: var(--nx-swatch-green-75);
    --nx-color-alert-warning-background: var(--nx-swatch-yellow-80);
    --nx-color-alert-warning-border: var(--nx-color-alert-warning-background);
    --nx-color-alert-warning-icon: var(--nx-color-alert-text);
    --nx-color-alert-warning-close-btn-active: var(--nx-swatch-yellow-95);
    --nx-color-alert-warning-close-btn-hover: var(--nx-swatch-yellow-65);
    --nx-color-alert-error-border: var(--nx-color-background-error);
    --nx-color-alert-error-icon: var(--nx-color-alert-text);
    --nx-color-alert-error-close-btn-active: var(--nx-swatch-red-95);
    --nx-color-alert-error-close-btn-hover: var(--nx-swatch-red-75);
    --nx-color-primary-button-background: var(--nx-swatch-purple-80);
    --nx-color-primary-button-background-hover: var(--nx-swatch-purple-70);
    --nx-color-primary-button-background-active: var(--nx-swatch-purple-90);
    --nx-color-primary-button-focus-outline: var(--nx-swatch-indigo-10);
    --nx-color-secondary-button-background: var(--nx-swatch-indigo-20);
    --nx-color-secondary-button-background-hover: var(--nx-swatch-indigo-15);
    --nx-color-secondary-button-background-active: var(--nx-swatch-indigo-25);
    --nx-color-secondary-button-border: var(--nx-swatch-purple-80);
    --nx-color-secondary-button-border-active: var(--nx-swatch-purple-90);
    --nx-color-secondary-button-focus-outline: var(--nx-swatch-purple-80);
    --nx-color-secondary-button-text-hover: var(--nx-color-secondary-button-text);
    --nx-color-tertiary-button-background-hover: var(--nx-swatch-indigo-15);
    --nx-color-tertiary-button-background-active: var(--nx-swatch-indigo-25);
    --nx-color-tertiary-button-border: var(--nx-swatch-indigo-60);
    --nx-color-tertiary-button-border-active: var(--nx-swatch-indigo-90);
    --nx-color-tertiary-button-focus-outline: var(--nx-color-tertiary-button-border);
    --nx-color-tertiary-button-text: var(--nx-color-text);
    --nx-color-error-button-background: var(--nx-swatch-red-35);
    --nx-color-error-button-background-hover: var(--nx-swatch-red-25);
    --nx-color-error-button-text: var(--nx-swatch-red-95);
    --nx-color-disabled-button-background: var(--nx-color-interactive-border-disabled);
    --nx-color-disabled-button-border: var(--nx-color-interactive-border-disabled);
    --nx-color-disabled-button-text: var(--nx-color-interactive-background-disabled);
    --nx-color-primary-segmented-button-divider: var(--nx-swatch-indigo-25);
    --nx-color-button-icon-only-background-selected: var(--nx-swatch-purple-40);
    --nx-color-button-icon-only-border-focus: var(--nx-swatch-indigo-90);
    --nx-color-global-header-border: var(--nx-color-site-background);
    --nx-color-page-header-background: var(--nx-color-site-background);
    --nx-color-page-header-border: var(--nx-swatch-indigo-25);
    --nx-color-page-header-divider: var(--nx-swatch-indigo-25);
    --nx-color-page-header-product-name-text: var(--nx-color-text-stark);
    --nx-color-page-header-link: var(--nx-color-link);
    --nx-color-small-threat-counter-zero-background: var(--nx-color-disabled);
    --nx-color-small-threat-counter-zero-text: var(--nx-swatch-indigo-20);
    --nx-color-threat-indicator-legend-header-text: var(--nx-swatch-indigo-95);
    --nx-color-threat-level-text: var(--nx-swatch-indigo-95);
    --nx-color-tooltip-background: var(--nx-swatch-indigo-80);
    --nx-color-tooltip-text: var(--nx-swatch-indigo-05);
    --nx-color-code-background: var(--nx-swatch-grey-10);
    --nx-color-code-border: var(--nx-swatch-grey-30);
    --nx-color-code-text: var(--nx-swatch-green-85);
    --nx-color-dropdown-menu-text-hover: var(--nx-swatch-indigo-90);
    --nx-color-dropdown-menu-background: var(--nx-swatch-indigo-25);
    --nx-color-dropdown-menu-background-hover: var(--nx-swatch-indigo-15);
    --nx-color-dropdown-menu-background-active: var(--nx-swatch-indigo-35);
    --nx-color-counter: var(--nx-swatch-indigo-90);
    --nx-color-counter-active-text: var(--nx-swatch-indigo-05);
    --nx-color-tab-background-hover: var(--nx-swatch-indigo-15);
    --nx-color-blockquote-background: var(--nx-swatch-indigo-25);
    --nx-color-pre-border: var(--nx-swatch-indigo-90);
    --nx-color-pagination-tertiary-border-hover: var(--nx-swatch-indigo-40);
    --nx-color-pagination-tertiary-text-hover: var(--nx-color-text);
    --nx-color-pagination-tertiary-border-active: var(--nx-swatch-indigo-65);
    --nx-color-pagination-tertiary-text-active: var(--nx-color-text-stark);
    --nx-color-table-header-background: var(--nx-swatch-indigo-35);
    --nx-color-table-row-background-hover: var(--nx-swatch-indigo-15);
    --nx-color-table-sort-icon-active: var(--nx-swatch-purple-80);
    --nx-color-table-header-button-background-hover: var(--nx-swatch-indigo-25);
    --nx-color-table-header-button-background-active: var(--nx-swatch-indigo-45);
    --nx-color-list-background-hover: var(--nx-color-site-background);
    --nx-color-list-text: var(--nx-color-text);
    --nx-color-list-text-selected: var(--nx-swatch-indigo-97);
    --nx-color-list-icon: var(--nx-color-list-text);
    --nx-color-tree-line: var(--nx-swatch-indigo-70);
    --nx-color-accordion-header-divider: var(--nx-swatch-indigo-45);
    --nx-color-accordion-container: var(--nx-swatch-indigo-10);
    --nx-color-global-sidebar-background: var(--nx-color-site-background);
    --nx-color-global-sidebar-border: var(--nx-swatch-indigo-20);
    --nx-color-global-sidebar-separator: var(--nx-swatch-indigo-25);
    --nx-color-global-sidebar-border-focus: var(--nx-color-interactive-border-focus);
    --nx-color-global-sidebar-toggle: var(--nx-swatch-indigo-10);
    --nx-color-global-sidebar-background-hover: var(--nx-swatch-purple-70);
    --nx-color-global-sidebar-toggle-background-active: var(--nx-swatch-purple-90);
    --nx-color-global-sidebar-toggle-outline: var(--nx-swatch-purple-70);
    --nx-color-global-sidebar-toggle-inner-outline: var(--nx-swatch-indigo-10);
    --nx-color-global-sidebar-link-active: var(--nx-swatch-purple-90);
    --nx-color-global-sidebar-link-selected: var(--nx-swatch-purple-80);
    --nx-color-global-sidebar-link-text: var(--nx-swatch-indigo-97);
    --nx-color-global-sidebar-link-text-interactive: var(--nx-swatch-indigo-10);
    --nx-color-global-sidebar-link-border-focus: var(--nx-swatch-indigo-10);
    --nx-color-global-sidebar-link-icon: var(--nx-swatch-indigo-95);
    --nx-color-global-sidebar-link-icon-interactive: var(--nx-swatch-indigo-10);
    --nx-color-tag-text: var(--nx-swatch-indigo-10);
    --nx-color-small-tag-text: var(--nx-swatch-indigo-05);
    --nx-color-system-notice-background: var(--nx-swatch-indigo-30);
    --nx-color-system-notice-background-alert: var(--nx-swatch-pink-30);
    --nx-color-system-notice-text: var(--nx-swatch-indigo-95);
    --nx-color-chart-line: var(--nx-swatch-indigo-70);
    --nx-color-chart-data-1: var(--nx-swatch-yellow-60);
    --nx-color-chart-data-2: var(--nx-swatch-pink-70);
    --nx-color-chart-data-3: var(--nx-swatch-turquoise-40);
    --nx-color-chart-data-4: var(--nx-swatch-purple-70);
    --nx-color-chart-data-5: var(--nx-swatch-red-65);
    --nx-color-chart-data-6: var(--nx-swatch-grey-97);
    --nx-color-chart-data-7: var(--nx-swatch-indigo-60);
    --nx-color-chart-data-8: var(--nx-swatch-teal-80);
    --nx-color-page-title-divider: var(--nx-swatch-indigo-25)
  }
}

:root {
  --nx-swatch-blue-hs: 214, 96%;
  --nx-swatch-blue-05: hsl(var(--nx-swatch-blue-hs), 5%);
  --nx-swatch-blue-10: hsl(var(--nx-swatch-blue-hs), 10%);
  --nx-swatch-blue-20: hsl(var(--nx-swatch-blue-hs), 20%);
  --nx-swatch-blue-30: hsl(var(--nx-swatch-blue-hs), 30%);
  --nx-swatch-blue-40: hsl(var(--nx-swatch-blue-hs), 40%);
  --nx-swatch-blue-50: hsl(var(--nx-swatch-blue-hs), 50%);
  --nx-swatch-blue-60: hsl(var(--nx-swatch-blue-hs), 60%);
  --nx-swatch-blue-70: hsl(var(--nx-swatch-blue-hs), 70%);
  --nx-swatch-blue-75: hsl(var(--nx-swatch-blue-hs), 75%);
  --nx-swatch-blue-80: hsl(var(--nx-swatch-blue-hs), 80%);
  --nx-swatch-blue-85: hsl(var(--nx-swatch-blue-hs), 85%);
  --nx-swatch-blue-90: hsl(var(--nx-swatch-blue-hs), 90%);
  --nx-swatch-blue-95: hsl(var(--nx-swatch-blue-hs), 95%);
  --nx-swatch-grey-hs: 0, 0%;
  --nx-swatch-black: hsl(var(--nx-swatch-grey-hs), 0%);
  --nx-swatch-grey-05: hsl(var(--nx-swatch-grey-hs), 5%);
  --nx-swatch-grey-10: hsl(var(--nx-swatch-grey-hs), 10%);
  --nx-swatch-grey-20: hsl(var(--nx-swatch-grey-hs), 20%);
  --nx-swatch-grey-30: hsl(var(--nx-swatch-grey-hs), 30%);
  --nx-swatch-grey-40: hsl(var(--nx-swatch-grey-hs), 40%);
  --nx-swatch-grey-50: hsl(var(--nx-swatch-grey-hs), 50%);
  --nx-swatch-grey-60: hsl(var(--nx-swatch-grey-hs), 60%);
  --nx-swatch-grey-70: hsl(var(--nx-swatch-grey-hs), 70%);
  --nx-swatch-grey-80: hsl(var(--nx-swatch-grey-hs), 80%);
  --nx-swatch-grey-85: hsl(var(--nx-swatch-grey-hs), 85%);
  --nx-swatch-grey-90: hsl(var(--nx-swatch-grey-hs), 90%);
  --nx-swatch-grey-95: hsl(var(--nx-swatch-grey-hs), 95%);
  --nx-swatch-grey-97: hsl(var(--nx-swatch-grey-hs), 97%);
  --nx-swatch-white: hsl(var(--nx-swatch-grey-hs), 100%);
  --nx-swatch-teal-hs: 198, 100%;
  --nx-swatch-teal-05: hsl(var(--nx-swatch-teal-hs), 5%);
  --nx-swatch-teal-10: hsl(var(--nx-swatch-teal-hs), 10%);
  --nx-swatch-teal-20: hsl(var(--nx-swatch-teal-hs), 20%);
  --nx-swatch-teal-25: hsl(var(--nx-swatch-teal-hs), 25%);
  --nx-swatch-teal-30: hsl(var(--nx-swatch-teal-hs), 30%);
  --nx-swatch-teal-35: hsl(var(--nx-swatch-teal-hs), 35%);
  --nx-swatch-teal-40: hsl(var(--nx-swatch-teal-hs), 40%);
  --nx-swatch-teal-45: hsl(var(--nx-swatch-teal-hs), 45%);
  --nx-swatch-teal-50: hsl(var(--nx-swatch-teal-hs), 50%);
  --nx-swatch-teal-55: hsl(var(--nx-swatch-teal-hs), 55%);
  --nx-swatch-teal-60: hsl(var(--nx-swatch-teal-hs), 60%);
  --nx-swatch-teal-65: hsl(var(--nx-swatch-teal-hs), 65%);
  --nx-swatch-teal-70: hsl(var(--nx-swatch-teal-hs), 70%);
  --nx-swatch-teal-75: hsl(var(--nx-swatch-teal-hs), 75%);
  --nx-swatch-teal-80: hsl(var(--nx-swatch-teal-hs), 80%);
  --nx-swatch-teal-85: hsl(var(--nx-swatch-teal-hs), 85%);
  --nx-swatch-teal-90: hsl(var(--nx-swatch-teal-hs), 90%);
  --nx-swatch-teal-95: hsl(var(--nx-swatch-teal-hs), 95%);
  --nx-swatch-pink-hs: 325, 100%;
  --nx-swatch-pink-05: hsl(var(--nx-swatch-pink-hs), 5%);
  --nx-swatch-pink-10: hsl(var(--nx-swatch-pink-hs), 10%);
  --nx-swatch-pink-20: hsl(var(--nx-swatch-pink-hs), 20%);
  --nx-swatch-pink-30: hsl(var(--nx-swatch-pink-hs), 30%);
  --nx-swatch-pink-40: hsl(var(--nx-swatch-pink-hs), 40%);
  --nx-swatch-pink-50: hsl(var(--nx-swatch-pink-hs), 50%);
  --nx-swatch-pink-60: hsl(var(--nx-swatch-pink-hs), 60%);
  --nx-swatch-pink-70: hsl(var(--nx-swatch-pink-hs), 70%);
  --nx-swatch-pink-75: hsl(var(--nx-swatch-pink-hs), 75%);
  --nx-swatch-pink-80: hsl(var(--nx-swatch-pink-hs), 80%);
  --nx-swatch-pink-85: hsl(var(--nx-swatch-pink-hs), 85%);
  --nx-swatch-pink-90: hsl(var(--nx-swatch-pink-hs), 90%);
  --nx-swatch-pink-95: hsl(var(--nx-swatch-pink-hs), 95%);
  --nx-swatch-pink-97: hsl(var(--nx-swatch-pink-hs), 97%);
  --nx-swatch-green-hs: 102, 86%;
  --nx-swatch-green-05: hsl(var(--nx-swatch-green-hs), 5%);
  --nx-swatch-green-10: hsl(var(--nx-swatch-green-hs), 10%);
  --nx-swatch-green-20: hsl(var(--nx-swatch-green-hs), 20%);
  --nx-swatch-green-25: hsl(var(--nx-swatch-green-hs), 25%);
  --nx-swatch-green-30: hsl(var(--nx-swatch-green-hs), 30%);
  --nx-swatch-green-35: hsl(var(--nx-swatch-green-hs), 35%);
  --nx-swatch-green-40: hsl(var(--nx-swatch-green-hs), 40%);
  --nx-swatch-green-45: hsl(var(--nx-swatch-green-hs), 45%);
  --nx-swatch-green-50: hsl(var(--nx-swatch-green-hs), 50%);
  --nx-swatch-green-60: hsl(var(--nx-swatch-green-hs), 60%);
  --nx-swatch-green-70: hsl(var(--nx-swatch-green-hs), 70%);
  --nx-swatch-green-75: hsl(var(--nx-swatch-green-hs), 75%);
  --nx-swatch-green-80: hsl(var(--nx-swatch-green-hs), 80%);
  --nx-swatch-green-85: hsl(var(--nx-swatch-green-hs), 85%);
  --nx-swatch-green-90: hsl(var(--nx-swatch-green-hs), 90%);
  --nx-swatch-green-95: hsl(var(--nx-swatch-green-hs), 95%);
  --nx-swatch-lime-10: var(--nx-swatch-green-10);
  --nx-swatch-lime-20: var(--nx-swatch-green-20);
  --nx-swatch-lime-25: var(--nx-swatch-green-25);
  --nx-swatch-lime-30: var(--nx-swatch-green-30);
  --nx-swatch-lime-35: var(--nx-swatch-green-35);
  --nx-swatch-lime-40: var(--nx-swatch-green-40);
  --nx-swatch-lime-45: var(--nx-swatch-green-45);
  --nx-swatch-lime-50: var(--nx-swatch-green-50);
  --nx-swatch-lime-60: var(--nx-swatch-green-60);
  --nx-swatch-lime-70: var(--nx-swatch-green-70);
  --nx-swatch-lime-75: var(--nx-swatch-green-75);
  --nx-swatch-lime-80: var(--nx-swatch-green-80);
  --nx-swatch-lime-85: var(--nx-swatch-green-85);
  --nx-swatch-lime-90: var(--nx-swatch-green-90);
  --nx-swatch-lime-95: var(--nx-swatch-green-95);
  --nx-swatch-yellow-hs: 42, 100%;
  --nx-swatch-yellow-05: hsl(var(--nx-swatch-yellow-hs), 5%);
  --nx-swatch-yellow-10: hsl(var(--nx-swatch-yellow-hs), 10%);
  --nx-swatch-yellow-20: hsl(var(--nx-swatch-yellow-hs), 20%);
  --nx-swatch-yellow-30: hsl(var(--nx-swatch-yellow-hs), 30%);
  --nx-swatch-yellow-40: hsl(var(--nx-swatch-yellow-hs), 40%);
  --nx-swatch-yellow-45: hsl(var(--nx-swatch-yellow-hs), 45%);
  --nx-swatch-yellow-50: hsl(var(--nx-swatch-yellow-hs), 50%);
  --nx-swatch-yellow-55: hsl(var(--nx-swatch-yellow-hs), 55%);
  --nx-swatch-yellow-60: hsl(var(--nx-swatch-yellow-hs), 60%);
  --nx-swatch-yellow-65: hsl(var(--nx-swatch-yellow-hs), 65%);
  --nx-swatch-yellow-70: hsl(var(--nx-swatch-yellow-hs), 70%);
  --nx-swatch-yellow-75: hsl(var(--nx-swatch-yellow-hs), 75%);
  --nx-swatch-yellow-80: hsl(var(--nx-swatch-yellow-hs), 80%);
  --nx-swatch-yellow-85: hsl(var(--nx-swatch-yellow-hs), 85%);
  --nx-swatch-yellow-90: hsl(var(--nx-swatch-yellow-hs), 90%);
  --nx-swatch-yellow-95: hsl(var(--nx-swatch-yellow-hs), 95%);
  --nx-swatch-red-hs: 348, 100%;
  --nx-swatch-red-05: hsl(var(--nx-swatch-red-hs), 5%);
  --nx-swatch-red-10: hsl(var(--nx-swatch-red-hs), 10%);
  --nx-swatch-red-20: hsl(var(--nx-swatch-red-hs), 20%);
  --nx-swatch-red-25: hsl(var(--nx-swatch-red-hs), 25%);
  --nx-swatch-red-30: hsl(var(--nx-swatch-red-hs), 30%);
  --nx-swatch-red-35: hsl(var(--nx-swatch-red-hs), 35%);
  --nx-swatch-red-40: hsl(var(--nx-swatch-red-hs), 40%);
  --nx-swatch-red-45: hsl(var(--nx-swatch-red-hs), 45%);
  --nx-swatch-red-50: hsl(var(--nx-swatch-red-hs), 50%);
  --nx-swatch-red-55: hsl(var(--nx-swatch-red-hs), 55%);
  --nx-swatch-red-60: hsl(var(--nx-swatch-red-hs), 60%);
  --nx-swatch-red-65: hsl(var(--nx-swatch-red-hs), 65%);
  --nx-swatch-red-70: hsl(var(--nx-swatch-red-hs), 70%);
  --nx-swatch-red-75: hsl(var(--nx-swatch-red-hs), 75%);
  --nx-swatch-red-80: hsl(var(--nx-swatch-red-hs), 80%);
  --nx-swatch-red-85: hsl(var(--nx-swatch-red-hs), 85%);
  --nx-swatch-red-90: hsl(var(--nx-swatch-red-hs), 90%);
  --nx-swatch-red-95: hsl(var(--nx-swatch-red-hs), 95%);
  --nx-swatch-turquoise-hs: 175, 97%;
  --nx-swatch-turquoise-05: hsl(var(--nx-swatch-turquoise-hs), 5%);
  --nx-swatch-turquoise-10: hsl(var(--nx-swatch-turquoise-hs), 10%);
  --nx-swatch-turquoise-20: hsl(var(--nx-swatch-turquoise-hs), 20%);
  --nx-swatch-turquoise-30: hsl(var(--nx-swatch-turquoise-hs), 30%);
  --nx-swatch-turquoise-35: hsl(var(--nx-swatch-turquoise-hs), 35%);
  --nx-swatch-turquoise-40: hsl(var(--nx-swatch-turquoise-hs), 40%);
  --nx-swatch-turquoise-50: hsl(var(--nx-swatch-turquoise-hs), 50%);
  --nx-swatch-turquoise-60: hsl(var(--nx-swatch-turquoise-hs), 60%);
  --nx-swatch-turquoise-70: hsl(var(--nx-swatch-turquoise-hs), 70%);
  --nx-swatch-turquoise-80: hsl(var(--nx-swatch-turquoise-hs), 80%);
  --nx-swatch-turquoise-90: hsl(var(--nx-swatch-turquoise-hs), 90%);
  --nx-swatch-turquoise-95: hsl(var(--nx-swatch-turquoise-hs), 95%);
  --nx-swatch-purple-hs: 280, 100%;
  --nx-swatch-purple-05: hsl(var(--nx-swatch-purple-hs), 5%);
  --nx-swatch-purple-10: hsl(var(--nx-swatch-purple-hs), 10%);
  --nx-swatch-purple-20: hsl(var(--nx-swatch-purple-hs), 20%);
  --nx-swatch-purple-30: hsl(var(--nx-swatch-purple-hs), 30%);
  --nx-swatch-purple-40: hsl(var(--nx-swatch-purple-hs), 40%);
  --nx-swatch-purple-50: hsl(var(--nx-swatch-purple-hs), 50%);
  --nx-swatch-purple-60: hsl(var(--nx-swatch-purple-hs), 60%);
  --nx-swatch-purple-70: hsl(var(--nx-swatch-purple-hs), 70%);
  --nx-swatch-purple-75: hsl(var(--nx-swatch-purple-hs), 75%);
  --nx-swatch-purple-80: hsl(var(--nx-swatch-purple-hs), 80%);
  --nx-swatch-purple-90: hsl(var(--nx-swatch-purple-hs), 90%);
  --nx-swatch-purple-95: hsl(var(--nx-swatch-purple-hs), 95%);
  --nx-swatch-indigo-hs: 231, 43%;
  --nx-swatch-indigo-05: hsl(var(--nx-swatch-indigo-hs), 5%);
  --nx-swatch-indigo-10: hsl(var(--nx-swatch-indigo-hs), 10%);
  --nx-swatch-indigo-15: hsl(var(--nx-swatch-indigo-hs), 15%);
  --nx-swatch-indigo-20: hsl(var(--nx-swatch-indigo-hs), 20%);
  --nx-swatch-indigo-25: hsl(var(--nx-swatch-indigo-hs), 25%);
  --nx-swatch-indigo-30: hsl(var(--nx-swatch-indigo-hs), 30%);
  --nx-swatch-indigo-35: hsl(var(--nx-swatch-indigo-hs), 35%);
  --nx-swatch-indigo-40: hsl(var(--nx-swatch-indigo-hs), 40%);
  --nx-swatch-indigo-45: hsl(var(--nx-swatch-indigo-hs), 45%);
  --nx-swatch-indigo-50: hsl(var(--nx-swatch-indigo-hs), 50%);
  --nx-swatch-indigo-60: hsl(var(--nx-swatch-indigo-hs), 60%);
  --nx-swatch-indigo-65: hsl(var(--nx-swatch-indigo-hs), 65%);
  --nx-swatch-indigo-70: hsl(var(--nx-swatch-indigo-hs), 70%);
  --nx-swatch-indigo-80: hsl(var(--nx-swatch-indigo-hs), 80%);
  --nx-swatch-indigo-85: hsl(var(--nx-swatch-indigo-hs), 85%);
  --nx-swatch-indigo-90: hsl(var(--nx-swatch-indigo-hs), 90%);
  --nx-swatch-indigo-95: hsl(var(--nx-swatch-indigo-hs), 95%);
  --nx-swatch-indigo-97: hsl(var(--nx-swatch-indigo-hs), 97%);
  --nx-swatch-indigo-99: hsl(var(--nx-swatch-indigo-hs), 99%);
  --nx-swatch-orange-hs: 31, 100%;
  --nx-swatch-orange-05: hsl(var(--nx-swatch-orange-hs), 5%);
  --nx-swatch-orange-10: hsl(var(--nx-swatch-orange-hs), 10%);
  --nx-swatch-orange-15: hsl(var(--nx-swatch-orange-hs), 15%);
  --nx-swatch-orange-20: hsl(var(--nx-swatch-orange-hs), 20%);
  --nx-swatch-orange-25: hsl(var(--nx-swatch-orange-hs), 25%);
  --nx-swatch-orange-30: hsl(var(--nx-swatch-orange-hs), 30%);
  --nx-swatch-orange-35: hsl(var(--nx-swatch-orange-hs), 35%);
  --nx-swatch-orange-40: hsl(var(--nx-swatch-orange-hs), 40%);
  --nx-swatch-orange-45: hsl(var(--nx-swatch-orange-hs), 45%);
  --nx-swatch-orange-50: hsl(var(--nx-swatch-orange-hs), 50%);
  --nx-swatch-orange-55: hsl(var(--nx-swatch-orange-hs), 55%);
  --nx-swatch-orange-60: hsl(var(--nx-swatch-orange-hs), 60%);
  --nx-swatch-orange-65: hsl(var(--nx-swatch-orange-hs), 65%);
  --nx-swatch-orange-70: hsl(var(--nx-swatch-orange-hs), 70%);
  --nx-swatch-orange-75: hsl(var(--nx-swatch-orange-hs), 75%);
  --nx-swatch-orange-80: hsl(var(--nx-swatch-orange-hs), 80%);
  --nx-swatch-orange-85: hsl(var(--nx-swatch-orange-hs), 85%);
  --nx-swatch-orange-90: hsl(var(--nx-swatch-orange-hs), 90%);
  --nx-swatch-orange-95: hsl(var(--nx-swatch-orange-hs), 95%);
  --nx-swatch-orange-97: hsl(var(--nx-swatch-orange-hs), 97%)
}

@media (width >= 1200px) {
  .portal-body-container {
      width: 1222px;
  }

  .nx-card, .portal-single-publication:nth-child(4n) {
    margin-right: 0;
  }
}

@media (width >= 768px) and (width <= 1200px) {
  .portal-single-publication a { 
    padding: 14px;
  }

  .nx-card, .portal-single-publication:nth-child(3n) {
    margin-right: 0;
  }

  .portal-single-publication h3 {
    margin-left: 12px;
  }

  .cat-panel {
    width: 34px;
    height: 34px;
  }
}

@media (width <= 768px) {
  .portal-single-publication a { 
    padding: 12px;
  }

  .nx-card, .portal-single-publication:nth-child(2n) {
    margin-right: 0;
  }

  .portal-single-publication h3 {
    margin-left: 12px;
  }

  .cat-panel {
    width: 30px;
    height: 30px;
  }
}

.portal-single-publication a {
  display: flex;
  flex-direction: column;           /* stack icon, title, and subtext vertically */
  align-items: flex-start;          /* left-align content */
  padding: 26px 24px;
}

.card-top-content {
  display: flex;
  align-items: center;
  margin-bottom: 12px; /* spacing between title and subtext */
}

.card-top-content h3 {
  margin: 0 0 0 12px; /* spacing between icon and title */
}

.card-subtext {
  font-size: 0.9em;
  color: var(--nx-color-text);
  margin: 0;
  line-height: 1.4;
  text-align: left;
}