:root {
  color-scheme: light;
}

:root {
  /* Primary colors */
  --atomic-primary: #1372ec;
  --atomic-primary-light: #399ffe;
  --atomic-primary-dark: #1a50ad;
  --atomic-on-primary: #f9f9f9;
  --atomic-ring-primary: rgba(19, 114, 236, 0.5);
  /* Neutral colors */
  --atomic-neutral-dark: #565b66;
  --atomic-neutral: #e5e8e8;
  --atomic-neutral-light: #f9f9f9;
  /* Semantic colors */
  --atomic-background: #fff;
  --atomic-on-background: #282829;
  --atomic-success: #12a244;
  --atomic-error: #ce3f00;
  --atomic-visited: #752e9c;
  /* Custom theme colors */
  --atomic-recommendations-text: #3f3f71;
  --atomic-badge-background: #f9f9f9;
  --atomic-badge-border: #b7bcc0;
}

body {
  background: #fff;
  color: #282829;
}

.anchorjs-link:hover {
  border-bottom: none;
}

a {
  color: #1372ec;
}
a:hover {
  color: #1372ec;
}

blockquote {
  color: #565b66;
  border-left: 4px solid #8e959d;
}

pre,
code {
  background: #f9f9f9;
  border: 1px solid #e5e8e8;
}

pre > code {
  border: 0;
}

.settings-dropdown-menu {
  background: #fff;
  border: 1px solid #e5e8e8;
  box-shadow: 0px 2px 16px 0px rgba(229, 232, 232, 0.75);
}

.settings-dropdown-item {
  color: #282829;
}
.settings-dropdown-item:hover {
  background: unset;
  color: #1372ec;
}

.dropdown-settings-text {
  color: #282829;
}

dark-mode-toggle::part(legend),
dark-mode-toggle::part(toggleLabel) {
  color: #282829;
}

atomic-search-box::part(submit-button) {
  background: #1372ec;
}

atomic-search-box::part(wrapper),
atomic-search-box::part(clear-button) {
  background: #fff;
}

atomic-search-box::part(input),
atomic-search-box::part(input)::placeholder,
atomic-search-box::part(clear-button) {
  color: #565b66;
}

atomic-search-box::part(suggestion) {
  color: #565b66;
}

atomic-search-box::part(loading):after {
  background-color: #fff;
}

.nav-subentry {
  background: #f9f9f9;
}

.nav-entry-heading,
.nav-entry-heading:hover,
.nav-entry-item,
.nav-entry-item:hover,
.nav-entry-expand,
.nav-entry-expand:hover {
  color: #525296;
}

.nav-entry-item:hover {
  background: #f1f2ff;
}
.nav-entry-item.active {
  background: #f1f2ff;
  border-left: 2px solid #1372ec;
}

.nav-entry-expand:hover {
  background: unset;
}

.header-toc-container {
  background: #fbfbff;
}

.settings-dropdown {
  color: #282829;
}
.settings-dropdown:hover {
  color: #282829;
}

.article-content .toc {
  background: #fbfbff;
  border: none;
  color: #525296;
}
.article-content .toc a {
  color: inherit !important;
}

h1 {
  color: #525296;
}

.home-body {
  background: #fff;
}

.wave {
  background: none;
}

.btn-light.btn-home {
  color: #1372ec;
}
.btn-light.btn-home:hover {
  background: #e5e8e8;
  border-color: #e5e8e8;
}

.home-page h1 {
  color: #282829;
}

.home-carousel-indicator {
  filter: invert(50%);
}
.home-carousel-indicator.active {
  filter: invert(100%);
}

.home-carousel-caption {
  color: #282829;
}

.home-outline-btn {
  border: 1px solid #333357;
  color: #333357;
}
.home-outline-btn:hover {
  color: #333357;
}

.home-carousel-control-ellipse {
  box-shadow: 0px 6px 16px rgba(72, 72, 72, 0.5);
  filter: none;
  background: #fff;
}

.home-carousel-control-icon {
  filter: invert(100%);
}

.platform-card-section-title-text {
  color: #282829;
}

.platform-card {
  background: #fff;
}

.home-nav-tabs {
  scroll-margin-top: 66px;
  border-bottom: 1px solid #e5e8e8;
}

.home-tab-nav-link {
  color: #333357;
}
.home-tab-nav-link:hover {
  color: #333357;
}
.home-tab-nav-link.active {
  background-color: inherit !important;
  border-bottom: 4px solid #1372ec !important;
  color: #1372ec !important;
}

.home-tab-content {
  background: #fff;
}

.project-guide-card {
  background: #f9f9f9;
  background-repeat: no-repeat !important;
  background-position: right !important;
}

.project-guide-card-button,
.project-guide-card-button:hover {
  background: #fff;
  color: #1372ec;
}

.solution-card,
.integration-card,
.connector-card {
  background: #f9f9f9;
}

.home-footer {
  background: #333357;
  color: #f9f9f9;
}

.home-footer-logo-text {
  color: #f9f9f9;
}

.home-footer-item,
.home-footer-heading {
  background: #333357;
  color: #f9f9f9;
  border: none;
}

.footer-bottom {
  border-top: 1px solid #6b6bbd;
}

.footer-btn-link {
  color: #f9f9f9;
}
.footer-btn-link:focus {
  box-shadow: none;
}

.home-footer-item:hover,
.footer-btn-link:hover,
.footer-external {
  color: #399ffe;
}

.card {
  box-shadow: 0px 2px 5px rgba(72, 72, 72, 0.13);
}

.card-link {
  color: #525296;
}
.card-link:hover {
  color: #525296;
}

.card-text {
  color: #565b66;
}

.left-nav-container {
  background: #fbfbff;
}

.left-nav::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.left-nav::-webkit-scrollbar-thumb {
  background: #e5e8e8;
  border: 2px solid transparent;
}

.left-nav-collapse-btn,
.left-nav-collapse-btn:focus,
.left-nav-collapse-btn:active,
.left-nav-collapse-btn:hover {
  background: #f9f9f9;
  border-left: none;
}

/**
 * Syntax highlighting styles
 */
.highlight .c {
  color: #998;
  font-style: italic;
}
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2;
}
.highlight .k {
  font-weight: bold;
}
.highlight .o {
  font-weight: bold;
}
.highlight .cm {
  color: #998;
  font-style: italic;
}
.highlight .cp {
  color: #999;
  font-weight: bold;
}
.highlight .c1 {
  color: #998;
  font-style: italic;
}
.highlight .cs {
  color: #999;
  font-weight: bold;
  font-style: italic;
}
.highlight .gd {
  color: #000;
  background-color: #fdd;
}
.highlight .gd .x {
  color: #000;
  background-color: #faa;
}
.highlight .ge {
  font-style: italic;
}
.highlight .gr {
  color: #a00;
}
.highlight .gh {
  color: #999;
}
.highlight .gi {
  color: #000;
  background-color: #dfd;
}
.highlight .gi .x {
  color: #000;
  background-color: #afa;
}
.highlight .go {
  color: #282829;
}
.highlight .gp {
  color: #555;
}
.highlight .gs {
  font-weight: bold;
}
.highlight .gu {
  color: #aaa;
}
.highlight .gt {
  color: #a00;
}
.highlight .kc {
  font-weight: bold;
}
.highlight .kd {
  font-weight: bold;
}
.highlight .kp {
  font-weight: bold;
}
.highlight .kr {
  font-weight: bold;
}
.highlight .kt {
  color: #458;
  font-weight: bold;
}
.highlight .m {
  color: #099;
}
.highlight .s {
  color: #d14;
}
.highlight .na {
  color: #008080;
}
.highlight .nb {
  color: #0086B3;
}
.highlight .nc {
  color: #458;
  font-weight: bold;
}
.highlight .no {
  color: #008080;
}
.highlight .ni {
  color: #800080;
}
.highlight .ne {
  color: #900;
  font-weight: bold;
}
.highlight .nf {
  color: #900;
  font-weight: bold;
}
.highlight .nn {
  color: #555;
}
.highlight .nt {
  color: #000080;
}
.highlight .nv {
  color: #008080;
}
.highlight .ow {
  font-weight: bold;
}
.highlight .w {
  color: #bbb;
}
.highlight .mf {
  color: #099;
}
.highlight .mh {
  color: #099;
}
.highlight .mi {
  color: #099;
}
.highlight .mo {
  color: #099;
}
.highlight .sb {
  color: #d14;
}
.highlight .sc {
  color: #d14;
}
.highlight .sd {
  color: #d14;
}
.highlight .s2 {
  color: #d14;
}
.highlight .se {
  color: #d14;
}
.highlight .sh {
  color: #d14;
}
.highlight .si {
  color: #d14;
}
.highlight .sx {
  color: #d14;
}
.highlight .sr {
  color: #009926;
}
.highlight .s1 {
  color: #d14;
}
.highlight .ss {
  color: #990073;
}
.highlight .bp {
  color: #999;
}
.highlight .vc {
  color: #008080;
}
.highlight .vg {
  color: #008080;
}
.highlight .vi {
  color: #008080;
}
.highlight .il {
  color: #099;
}

.docs-badge {
  background: #f9f9f9;
  border: 1px solid #b7bcc0;
  color: #565b66;
}

.glossary-index-term:hover {
  background-color: #f1f2f2;
  border-bottom: none !important;
}

.right-toc-nav {
  background: #fbfbff;
  filter: drop-shadow(0px 2px 5px rgba(72, 72, 72, 0.13));
}

.right-toc-text {
  color: #3f3f71;
}

.js-toc::-webkit-scrollbar-track {
  background: #e5e8e8;
}
.js-toc::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3333C0 0%, #785296 100%);
}

.right-toc-link {
  color: #525296 !important;
}

.btn-outline-primary.toc-thumbs-up-btn,
.btn-outline-primary.toc-thumbs-down-btn {
  border: none;
}
.btn-outline-primary.toc-thumbs-up-btn.active,
.btn-outline-primary.toc-thumbs-down-btn.active {
  background-color: unset;
}

.toc-thumbs-up-btn:focus,
.toc-thumbs-down-btn:focus {
  box-shadow: none;
}

.landing-card,
.landing-color-card {
  background: #f9f9f9;
}

.api-card {
  background: #f9f9f9;
}

.glossarylink {
  color: #282829;
  border-bottom: 1px solid #282829;
}
.glossarylink:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
.glossarylink code {
  color: #d63384;
  border-bottom: 1px solid #d63384;
}
.glossarylink code:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
.admonitionblock .glossarylink {
  color: #282829;
  border-bottom: 1px solid #282829;
}
.admonitionblock .glossarylink:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
.admonitionblock.important .glossarylink, .admonitionblock.warning .glossarylink {
  color: #565b66;
  border-bottom: 1px solid #565b66;
}
.admonitionblock.important .glossarylink:hover, .admonitionblock.warning .glossarylink:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
.admonitionblock.important .glossarylink code, .admonitionblock.warning .glossarylink code {
  border-bottom: 1px solid #d63384;
}
.admonitionblock.important .glossarylink code:hover, .admonitionblock.warning .glossarylink code:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
.legend .glossarylink {
  color: #b7bcc0;
  border-bottom: 1px solid #b7bcc0;
}
.legend .glossarylink:hover {
  color: #1372ec;
  border-bottom: 1px solid #1372ec;
}
table.tableblock th.tableblock .glossarylink {
  color: #fff;
  border-bottom: 1px solid #fff;
}
code .glossarylink {
  color: #d63384;
  border-bottom: 1px solid #d63384;
}

.tooltip-glossarylink .tooltip-inner {
  background: #062d70;
}
.tooltip-glossarylink .tooltip-inner a {
  color: #f9f9f9 !important;
}
.tooltip-glossarylink .tooltip-inner a > code {
  color: #d63384;
  border-bottom: none;
}
.tooltip-glossarylink .tooltip-inner .glossarylink {
  border-bottom: none;
}
.tooltip-glossarylink.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #062d70 !important;
}
.tooltip-glossarylink.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #062d70 !important;
}
.tooltip-glossarylink.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #062d70 !important;
}
.tooltip-glossarylink.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #062d70 !important;
}

.tooltip-copy-to-clipboard .tooltip-inner {
  background: #062d70;
}
.tooltip-copy-to-clipboard.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #062d70 !important;
}
.tooltip-copy-to-clipboard.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #062d70 !important;
}
.tooltip-copy-to-clipboard.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #062d70 !important;
}
.tooltip-copy-to-clipboard.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #062d70 !important;
}

.copy-to-clipboard-icon {
  filter: none;
  opacity: 0.5;
}

.feedback-section {
  background: #f9f9f9;
}

.feedback-title {
  color: #3f3f71;
}

.btn-outline-primary.feedback-btn {
  color: #1a50ad;
  border: 1px solid #1a50ad;
}
.btn-outline-primary.feedback-btn:hover {
  color: #f9f9f9;
}
.btn-outline-primary.feedback-btn:focus {
  box-shadow: none;
}
.btn-outline-primary.feedback-btn.active {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  background-color: unset;
}

.feedback-modal-content {
  background: #fff;
}

.feedback-modal-btn {
  color: #1a50ad;
  border: 1px solid #1a50ad;
}
.feedback-modal-btn:hover {
  color: #1a50ad;
}
.feedback-modal-btn:focus {
  box-shadow: none;
}
.feedback-modal-btn:disabled {
  opacity: unset;
}
.feedback-modal-btn.active {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.feedback-modal-close-btn {
  filter: none;
}

.form-floating label {
  color: #282829;
}

.feedback-floating-textarea:before {
  background: #fff;
}
.feedback-floating-textarea textarea.form-control {
  background: #fff;
}

.feedback-form-text {
  color: #282829;
}

atomic-recs-list::part(result-list-grid-clickable-container):hover {
  box-shadow: 0px 10px 25px #e5e8e8;
}

#storybookComponentIframe {
  border: 1px solid #d6dcdd;
}

#storybookExampleContainer {
  border: 1px solid #d6dcdd;
  border-top: 0;
  background-color: #f9f9f9;
}

#storybookInteractiveExample {
  border: 1px solid #1372ec;
  border-radius: 2px;
  background-color: #1372ec;
  color: #fff;
}

.not-found-content {
  box-shadow: none;
}

.not-found-button {
  color: #f9f9f9 !important;
}

.http-error {
  color: #e5e8e8;
}

redoc .menu-content {
  background-color: #fbfbff;
}
redoc .menu-content a {
  color: #282829 !important;
}
redoc .menu-content div[role=search] i {
  filter: none;
}
redoc .menu-content div[data-role="search:results"] {
  background-color: #e5e8e8 !important;
  color: #282829 !important;
}
redoc .menu-content div[data-role="search:results"] label {
  background-color: #e5e8e8 !important;
}
redoc .menu-content div[data-role="search:results"] label:hover {
  background-color: #b7bcc0 !important;
}
redoc .menu-content label {
  background-color: #fbfbff !important;
  color: #282829 !important;
}
redoc .menu-content label.active {
  background-color: #e5e8e8 !important;
}
redoc .menu-content label:hover {
  background-color: #e5e8e8 !important;
}
redoc .menu-content label svg {
  filter: none;
}
redoc .api-content .security-details tbody {
  background-color: #fff;
}
redoc .api-content .security-details tbody tr {
  background-color: unset;
}
redoc .api-content .security-details tbody tr th, redoc .api-content .security-details tbody tr td {
  color: #282829;
}
redoc .api-content .security-details tbody tr:first-of-type {
  background-color: #f9f9f9;
}
redoc .api-content span a {
  color: #1372ec;
}
redoc .api-content div[data-section-id*=operation] a,
redoc .api-content div[data-section-id*=paths] a {
  color: #1372ec;
}
redoc .api-content div[data-section-id*=operation] div h2 ~ div h3,
redoc .api-content div[data-section-id*=paths] div h2 ~ div h3 {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] div h2 ~ div h3 + div h5 + div div,
redoc .api-content div[data-section-id*=paths] div h2 ~ div h3 + div h5 + div div {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] div h2 ~ div h3 + div h5 div label,
redoc .api-content div[data-section-id*=paths] div h2 ~ div h3 + div h5 div label {
  background-color: #fff !important;
}
redoc .api-content div[data-section-id*=operation] div h2 ~ div span span,
redoc .api-content div[data-section-id*=paths] div h2 ~ div span span {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] div h2 + div div ul,
redoc .api-content div[data-section-id*=paths] div h2 + div div ul {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] div h2 + div div details,
redoc .api-content div[data-section-id*=paths] div h2 + div div details {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] div div h2 + div ul code,
redoc .api-content div[data-section-id*=paths] div div h2 + div ul code {
  background: #f9f9f9 !important;
  border: 1px solid #e5e8e8 !important;
  color: #d63384 !important;
}
redoc .api-content div[data-section-id*=operation] div h5 + div + div div,
redoc .api-content div[data-section-id*=paths] div h5 + div + div div {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] .property-name,
redoc .api-content div[data-section-id*=paths] .property-name {
  color: #282829 !important;
}
redoc .api-content div[data-section-id*=operation] td[kind=field] + td div:first-of-type span,
redoc .api-content div[data-section-id*=paths] td[kind=field] + td div:first-of-type span {
  color: #565b66 !important;
}
redoc .api-content div[data-section-id*=operation] td[kind=field] + td div:first-of-type span[type=warning],
redoc .api-content div[data-section-id*=paths] td[kind=field] + td div:first-of-type span[type=warning] {
  color: #f9f9f9 !important;
}
redoc .api-content div[data-section-id*=operation] td[kind=field] + td div:first-of-type blockquote p,
redoc .api-content div[data-section-id*=paths] td[kind=field] + td div:first-of-type blockquote p {
  color: #565b66 !important;
}
redoc .api-content div[data-section-id*=operation] div div div div pre code,
redoc .api-content div[data-section-id*=paths] div div div div pre code {
  background: unset !important;
  border: none !important;
}
redoc .api-content div[data-section-id*=operation] div div div div span.token,
redoc .api-content div[data-section-id*=paths] div div div div span.token {
  color: rgb(160, 251, 170) !important;
}
redoc .api-content div[data-section-id*=operation] div div div div span.token.punctuation,
redoc .api-content div[data-section-id*=paths] div div div div span.token.punctuation {
  color: #fff !important;
}
redoc .api-content div[data-section-id*=operation] div[role=button] div,
redoc .api-content div[data-section-id*=paths] div[role=button] div {
  color: #1372ec !important;
}
redoc .api-content div[data-section-id*=operation] div[role=button] div span,
redoc .api-content div[data-section-id*=paths] div[role=button] div span {
  color: #282829 !important;
}
redoc .api-content div[data-section-id*=operation] td[kind=field] + td li,
redoc .api-content div[data-section-id*=paths] td[kind=field] + td li {
  color: #282829;
}
redoc .api-content div[data-section-id*=operation] td[kind=field] + td li a,
redoc .api-content div[data-section-id*=paths] td[kind=field] + td li a {
  color: #1372ec;
}
redoc .api-content div[data-section-id*=operation] p a,
redoc .api-content div[data-section-id*=paths] p a {
  color: #1372ec;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] div div span,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] div div span {
  color: #e5e8e8 !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json pre, redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json code,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json pre,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json code {
  background: unset;
  border: unset;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .token.punctuation,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .token.punctuation {
  color: #f9f9f9 !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable {
  color: #f9f9f9 !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable .property.token.string,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable .property.token.string {
  color: #f9f9f9 !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable .token.string,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable .token.string {
  color: #eac10b !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable .token.number,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable .token.number {
  color: #46c4ff !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable .token.boolean,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable .token.boolean {
  color: #f05245 !important;
}
redoc .api-content div[data-section-id*=operation] div[role=tabpanel] .redoc-json .hoverable a,
redoc .api-content div[data-section-id*=paths] div[role=tabpanel] .redoc-json .hoverable a {
  color: #1cebcf !important;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div {
  background-color: #fbfbff;
  color: #282829;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div {
  background-color: #fff;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div td + td span,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div td + td span {
  color: #565b66;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fbfbff;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fff;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type {
  color: #565b66;
}
redoc .api-content div[data-section-id*=paths] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type + span,
redoc .api-content div[data-section-id*=operation] h2 ~ table tbody td[colspan] > div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type + span {
  color: #565b66;
}
redoc .api-content div[data-section-id*=tag]::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
redoc .api-content h2 ~ div tbody td[colspan] div {
  background-color: #fbfbff;
  color: #282829;
}
redoc .api-content h2 ~ div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fff;
}
redoc .api-content h2 ~ div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fbfbff;
}
redoc .api-content h2 ~ div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fff;
}
redoc .api-content h2 ~ div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type {
  color: #565b66;
}
redoc .api-content h2 ~ div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div span:first-of-type + span {
  color: #565b66;
}
redoc .api-content h3 + div > button {
  background-color: rgba(18, 163, 68, 0.07);
  color: #12a344;
}
redoc .api-content h3 + div > button + div h5 + div:first-of-type div div span {
  color: #565b66;
}
redoc .api-content h3 + div tbody td[kind=field] div {
  color: #cd2113 !important;
}
redoc .api-content h3 + div tbody td[kind=field] svg {
  filter: none;
}
redoc .api-content h3 + div tbody td[colspan] div {
  background-color: #fbfbff;
}
redoc .api-content h3 + div tbody td[colspan] div div div {
  color: #282829 !important;
}
redoc .api-content h3 + div tbody td[colspan] div td[kind=field] div {
  color: #cd2113 !important;
}
redoc .api-content h3 + div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fff;
}
redoc .api-content h3 + div tbody td[colspan] div tbody td[colspan] div tbody td[colspan] div {
  background-color: #fbfbff;
}
redoc .api-content tbody td[colspan] pre code .token {
  color: unset;
}
redoc h1 {
  color: #192b8a !important;
}
redoc h2, redoc p {
  color: #282829 !important;
}
redoc h5 {
  border-bottom: 1px solid #b7bcc0 !important;
  color: #8e959d !important;
}
redoc h5 span {
  color: #282829 !important;
}
redoc h5 + svg {
  filter: invert(100%);
}
redoc h5 ~ div h3 {
  color: #282829 !important;
}
redoc tbody td span {
  color: #282829;
}
redoc tbody td[kind=field] div {
  color: #cd2113 !important;
}
redoc tbody code {
  background: #f9f9f9 !important;
  border: 1px solid #e5e8e8 !important;
  color: #d63384 !important;
}

.search-icon {
  filter: none;
}

.search-input {
  color: #282829 !important;
}
.search-input::placeholder {
  color: #8e959d;
}

atomic-facet::part(facet),
atomic-facet::part(label-button),
atomic-facet::part(clear-button),
atomic-facet::part(show-less),
atomic-facet::part(show-more),
atomic-category-facet::part(facet),
atomic-category-facet::part(all-categories-button),
atomic-category-facet::part(active-parent),
atomic-category-facet::part(parent-button),
atomic-category-facet::part(parents),
atomic-category-facet::part(back-arrow),
atomic-category-facet::part(node-value),
atomic-category-facet::part(leaf-value),
atomic-category-facet::part(label-button),
atomic-category-facet::part(clear-button),
atomic-category-facet::part(show-less),
atomic-category-facet::part(show-more),
atomic-breadbox::part(breadcrumb-button),
atomic-breadbox::part(show-more),
atomic-breadbox::part(show-less) {
  background: #fbfbff;
}

atomic-facet::part(value-count),
atomic-category-facet::part(value-count),
atomic-breadbox::part(breadcrumb-label) {
  color: #8e959d;
}

atomic-breadbox::part(show-more),
atomic-breadbox::part(show-less),
atomic-breadbox::part(clear) {
  color: #00a3c8;
}

atomic-smart-snippet::part(source-url),
atomic-smart-snippet-suggestions::part(source-url) {
  color: var(--atomic-primary);
}

atomic-smart-snippet::part(source-title),
atomic-smart-snippet-suggestions::part(source-title) {
  display: none;
}

atomic-smart-snippet-suggestions::part(heading) {
  font-size: var(--atomic-text-lg);
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

atomic-smart-snippet-suggestions::part(question-text-collapsed),
atomic-smart-snippet-suggestions::part(question-text-expanded) {
  font-size: var(--atomic-text-lg);
  font-weight: var(--atomic-font-normal);
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

atomic-result-list::part(result-list-grid-clickable-container) {
  background: #525296;
  border-radius: 0.5rem;
  box-shadow: none;
  border: none;
  color: white;
}

/* To prevent the entire card from being clickable */
atomic-result-list::part(result-list-grid-clickable) {
  display: none;
}

.lightbox button svg {
  filter: invert(100%);
}
.lightbox div.ratio {
  background-color: #f9f9f9 !important;
}

.modal-backdrop {
  background: #333357;
}

.edit-in-github-btn {
  background: #8787db;
  color: white;
}
.edit-in-github-btn:hover {
  color: white;
}

.promo-banner-side-panel {
  background: #525296;
  filter: drop-shadow(0px 2px 3px rgba(72, 72, 72, 0.7));
}
.promo-banner-side-panel .btn {
  color: #1372ec;
}

.promo-banner-side-panel-title {
  color: #d6d7fd;
}

.box {
  background-color: #fff;
  border: 1px solid #f9f9f9;
  border-left: 4px solid #565b66;
  box-shadow: 0px 2px 16px 0px rgba(229, 232, 232, 0.75);
  font-size: 0.875rem;
}
.box a[target=_blank] {
  border-bottom-width: 0;
}
.box.example, .box.examples {
  border-left: 4px solid #525296;
}
.box.leading-practice, .box.leading-practices, .box.best-practice, .box.best-practices, .box.success {
  border-left: 4px solid #009830;
}
.box.note, .box.notes, .box.tip, .box.tips, .box.code {
  border-left: 4px solid #565b66;
}
.box.unsuccessful, .box.disclaimer, .box.important {
  border-left: 4px solid #f58020;
}
.box.danger {
  border-left: 4px solid #cd2113;
}

pre.highlight,
pre.highlight code {
  border: unset;
  color: #282829;
  background: #f9f9f9;
}

pre.highlight::-webkit-scrollbar-track {
  background: #e5e8e8;
}
pre.highlight::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3333C0 0%, #785296 100%);
}

.table-wrap {
  color: #282829;
  border-left: 1px solid #d6dcdd;
  border-top: 1px solid #d6dcdd;
}
.table-wrap table, .table-wrap td, .table-wrap th {
  border-bottom: 1px solid #d6dcdd;
  border-right: 1px solid #d6dcdd;
}
.table-wrap::-webkit-scrollbar-track {
  background: #e5e8e8;
}
.table-wrap::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3333C0 0%, #785296 100%);
}
.table-wrap.legend {
  border: none !important;
}
.table-wrap.legend table {
  border: none !important;
  color: #8e959d;
}
.table-wrap.legend table tbody, .table-wrap.legend table tr, .table-wrap.legend table th, .table-wrap.legend table td {
  border: 0 !important;
}

table th a {
  color: #f9f9f9;
  border-bottom: 1px solid #f9f9f9;
}
table th.valid, table td.valid {
  background: rgba(0, 152, 48, 0.3);
}
table th.partially-valid, table td.partially-valid {
  background: rgba(236, 173, 0, 0.3);
}
table th.invalid, table td.invalid {
  background: rgba(206, 63, 0, 0.3);
}
table th {
  background-color: #525296;
  color: #f9f9f9;
  font-weight: 300;
}
table.no-border, table.no-border th, table.no-border td {
  border: none;
}

.WhtNbRoundOrange {
  background: #c2fef5;
  color: #282829;
}
.WhtNbRoundOrange a {
  color: #fff;
}

.footnote {
  color: #8e959d;
}

.tag {
  color: #f9f9f9;
}
.tag.upcoming {
  background-color: #1372ec;
}
.tag.upcoming a {
  color: black;
}
.tag.upcoming a:hover {
  border-bottom-color: black;
}
.tag.available {
  background-color: #12a344;
}
.tag.deprecated {
  background-color: #e2b104;
}
.tag.deprecated a {
  color: #282829;
}
.tag.deprecated a:hover {
  border-bottom-color: #282829;
}
.tag.obsolete, .tag.not-supported {
  background-color: #cd2113;
}
.tag.HIPAA {
  background-color: #333357;
}
.tag.prUpcoming {
  background-color: #1372ec;
}
.tag.lvl39, .tag.c4sf-free-edition {
  background-color: #e2b104;
}
.tag.c4sc-edition, .tag.c4sf-edition {
  background-color: #525296;
}
.tag.pilot, .tag.pilot-reverse {
  background-color: #565b66;
}
.tag.instance, .tag.applies-to {
  background-color: #f9f9f9;
  color: #565b66;
  border: 1px solid #565b66;
}
.tag.instance a, .tag.applies-to a {
  color: #565b66;
}
.tag.instance a:hover, .tag.applies-to a:hover {
  border-bottom-color: #565b66;
}
.tag a {
  border-bottom: none;
  color: #f9f9f9;
}
.tag a:hover {
  border-bottom: 1px solid #f9f9f9;
}

img.bordered {
  border: 1px solid #e5e8e8;
}

.msgBox {
  background-color: #cd2113;
}
.msgBox .msgBox-heading {
  color: #f9f9f9;
}

.content-tab {
  background-color: #f1f2f2;
  border: 1px solid #f1f2f2;
}
.content-tab a {
  color: #8e959d !important;
  border-bottom: none;
}
.content-tab:not(:last-child) {
  border-right: none;
}
.content-tab.tab-active {
  border-top: 4px solid #1372ec;
  border-bottom: none;
  background-color: #fff;
}
.content-tab.tab-active a {
  color: #1372ec !important;
}

.feature {
  border-top: 1px solid #d8d8d8;
}