@font-face {
  font-family: Saans;
  font-style:normal;
  font-weight: 300;
  src: url("./SaansVF.woff2") format('woff2');
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Saans;
  font-style:normal;
  font-weight: 400;
  src: url("./SaansVF.woff2") format('woff2');
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Saans;
  font-style:normal;
  font-weight: 500;
  src: url("./SaansVF.woff2") format('woff2');
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Saans;
  font-style:normal;
  font-weight: 600;
  src: url("./SaansVF.woff2") format('woff2');
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: Saans;
  font-style:normal;
  font-weight: 700;
  src: url("./SaansVF.woff2") format('woff2');
  -webkit-font-smoothing: antialiased;
}

:root {
  /* Define base variables that match Pluma's system */
  --pluma-space-025: 0.25rem;
  --pluma-space-200: 2rem;
  --pluma-border-width-0125: 2px;
  --pluma-radius-full: 9999px;
}

.pluma-c-spinner {
  /* Default variables */
  --pluma-c-spinner-color: currentColor;
  --pluma-c-spinner-size: var(--pluma-space-200);
  --pluma-c-spinner-width: var(--pluma-border-width-0125);
  --pluma-c-spinner-animation-duration: 0.6s;

  /* Internal variables */
  --pluma-c-_spinner-color: var(--pluma-c-spinner-color);
  --pluma-c-_spinner-size: var(--pluma-c-spinner-size);
  --pluma-c-_spinner-width: var(--pluma-c-spinner-width);
  --pluma-c-_spinner-animation-duration: var(--pluma-c-spinner-animation-duration);

  /* Element styles */
  display: inline-block;
  width: var(--pluma-c-_spinner-size);
  height: var(--pluma-c-_spinner-size);
}

.pluma-c-spinner::after {
  content: "";
  box-sizing: border-box;
  display: block;
  width: calc(var(--pluma-c-_spinner-size) - var(--pluma-space-025));
  height: calc(var(--pluma-c-_spinner-size) - var(--pluma-space-025));
  margin: calc(var(--pluma-space-025) / 2);
  border-radius: var(--pluma-radius-full);
  border-width: var(--pluma-c-_spinner-width);
  border-style: solid;
  border-color: var(--pluma-c-_spinner-color) transparent transparent var(--pluma-c-_spinner-color);
  animation: pluma-c-animation-rotate var(--pluma-c-_spinner-animation-duration) linear infinite;
}

@keyframes pluma-c-animation-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

body {
  font-family: "Saans", "Instrument Sans", "Helvetica"; 
  -webkit-font-smoothing: antialiased;
}

.text-12 {
  font-size: 12px;
}

.text-16 {
  font-size: 16px !important;
}

.text-18 {
  font-size: 18px !important;
}

strong {
  font-weight: 600;
}

.site-nav {
    min-width: max-content;
  }
  
  .site-nav-pad {
    padding: 0 20px;
  }
  
#doc-link svg, #messaging-link svg {
  background-image: url(../images/logo-journeys-mono.svg)
}

#doc-link.active svg, #doc-link:hover svg, #messaging-link.active svg, #messaging-link:hover svg {
  background-image: url(../images/logo-journeys-branded.svg)
}

#cdp-link svg, #integrations-link svg:not(.submenu-icon) {
  background-image: url(../images/logo-data-pipelines-mono.svg)
}

#cdp-link.active svg, #cdp-link:hover svg, #integrations-link.active svg:not(.submenu-icon), #integrations-link:hover svg:not(.submenu-icon) {
  background-image: url(../images/logo-data-pipelines-branded.svg)
}



#toggleChat:hover {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#askai-embed {
  position: fixed !important; 
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#toggleChat {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#head-menu-container {
  height: 67px;
  position: relative;
}

  .site-nav-container .fly-btn,
  .collapse .fly-btn, #docs-header .fly-btn, .fly-btn.pagination__link {
    padding: 8px, 16px;
    height: 40px;
    border: 2px solid #0b353b;
    margin: 0;
    overflow: visible;
    font: inherit;
        font-size: 15px !important;
        font-weight: 600 !important;
        font-family: 'Saans';
        line-height: 34px;
        font-display: swap; 

    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
        transition-property: all;
    transition-property: color,background-color,background-position,border-color,box-shadow;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 40px;
    background-origin: border-box;
  }

  #toggleChat {
    border-radius: 6px;
    border: 1px solid #0b353b;
    margin: 0;
    overflow: visible;
    font: inherit;
        font-weight: 600 !important;
        font-family: 'Saans';
        line-height: 34px;
        font-display: swap; 

    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    transition: .2s ease-in-out;
        transition-property: all;
    transition-property: color,background-color,background-position,border-color,box-shadow;
    letter-spacing: .5px;
    background-origin: border-box;
  }

  .fly-btn.request-demo-button, .fly-btn.pagination__link {
    background-color: #0b353b;
    color: #e4ffce;
  }

  .fly-btn.start-trial-button {
    background-color: #fff;
  }
  
  .site-nav-container .fly-btn:hover,
  .collapse .fly-btn:hover, #toggleChat:hover, #searchWidgetTrigger:hover {
    background-color: #03464d;
    color: #e4ffce;
    border-color: transparent;
    background-image: #03464d;
  }
  
  
  .site-nav a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 16px;
    height: 60px;
    font-weight: 600 !important;
    position:relative;
    column-gap: .25em;
  }

  .site-nav li:hover {
    color: #08272B;
  }
  

  #site-logo {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: .25em;
    box-sizing: border-box;
    min-height: 80px;
  }
  
  
  
  .site-nav li a:hover {
    color: #0b353b;
    outline: 0;
    transition: .1s ease-in-out;
    transition-property: all;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    z-index: 1;
    position:relative;
  }
  
  .site-nav li {
    margin-top: 0px;
  }
  
  #site-nav {
    padding:30px;
  }
  
  #site-nav hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 2px solid #ebecf2;
  }
  
  #site-nav a.menu-item {
    text-decoration: none;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    font-size: 16px;
  }
  
  #site-nav a.menu-item:hover,
  #site-nav a.menu-item:focus {
    color: #331673;
  }
  
  #site-nav a.fly-btn,
  #site-nav a.mobile-btn {
    width: 100%;
    max-width: 100%;
    padding: 0 38px;
    height: unset;
    vertical-align: middle;
    font-size: 12px;
    line-height: 46px;
    text-align: center;
    display:block;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px !important;
    margin-bottom: 20px;
  }
  
  #site-nav .mobile-btn {
    background-color: #fff;
    color: #08272B;
    border: 2px solid #ebebfc;
    transition: .2s ease-in-out;
        transition-property: all;
  }
  
  #site-nav .mobile-btn:hover {
    background-color: #fff;
    color: #08272B;
    border-color: #6d6e97;
    box-shadow: inset 0 0 10px rgba(47,50,106,.2),0 0 10px rgba(47,50,106,.2);
  }
  
  #site-nav .mobile-menu-buttons {
    margin-top: 30px;
  }

  /* header */
#docs-header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 10;
  width:100%;
}

#docs-header nav {
  height: 67px;
  align-items: start;
}

#docs-header li {
  font-family: 'Saans', 'Instrument Sans', 'Helvetica' !important;
}

.site-nav-container > nav {
  position:relative; 
}

  #docs-header .site-nav-container {
    width: 100%;
    display: flow-root;
    box-sizing: content-box;
    height: 80px;
  }
  
  .site-nav-container .docs-main-nav {
    width: max-content;
    box-sizing: border-box;
    z-index: 990;
  }

/* Search CSS */

#hits {
  width: calc(100% - 296px);
}

#searchhits {
  align-items:baseline;
  width: 100%;
  max-width: 900px;
  min-height: 230px;
  background: #fff;
  padding-top: 1px;
  position:absolute;
  float:right;
  max-height: 75vh;
  z-index:200;
  overflow-y:scroll;
  box-shadow: 4px 4px 8px rgba(52,52,70,.16), 1px 2px 2px rgba(52,52,70,.01);
  border-radius: 0 0 8px 8px;
}

.homepage-container #searchhits {
  max-width: 1200px;
  width: 100%;
  float: unset;
  max-height: unset;
  margin: auto;
  position: relative;
  background: #f7f8fa;
  box-shadow: unset;
  z-index: 10000;
  border-radius: 8px;
  z-index: 0;
  min-height: 100vh !important;
}

#searchhits.search-page {
  width: 100% !important;
  max-width: unset;
  position: relative;
  right: unset;
  max-height: 100vw;
  box-shadow: none;
  max-height: unset;
  float:unset;
  display:flex;
  z-index:unset !important;
}

#searchhits.search-page #facets ul {
  padding-left: 2px !important;
}

.search-page #no-results {
  position: relative;
  left: -140px;
}

.ais-SearchBox-form {
  display: flex !important;
}

.result-link {
  display: block;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.search-result-title li + li:before{
  content: " » ";
  padding: 0 5px;
}

.search-result-title li:last-of-type {
  margin-bottom:4px;
}

.search-result:last-of-type {
  border-bottom: none !important;
}

.ais-Hits-list {
  list-style: none;
  padding-left: 4px !important;
  display: block !important;
}

#expandsearch {
  position: absolute;
  right: 1.8rem;
  color: #495588;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
}

.ais-SearchBox-expand {
  z-index: 1;
  width: 20px;
  height: 20px;
  fill: #495588;
}

.ais-Hits-item {
  width: unset !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

.search-result.active,
.search-result:hover,
.latest-feature-item:hover {
  background-color: #0b353b20;
}

#facets {
  padding: 12px 20px 0px;
  margin-top: 12px;
  margin-bottom: 24px;
}

#facets > ul {
  white-space: nowrap;
}

#facets li {
  margin: 0 8px;
  padding: 4px;
}

.isRefined {
  font-weight: 600;
}

#facets h5 {
  margin-left: 14px;
  margin-top: 10px !important;
}

.ais-RefinementList-list {
  padding-top: 12px;
  list-style:none;
}

.ais-RefinementList-item {
  display:inline-block;
  padding-right: 8px;
}

.ais-RefinementList-item .isRefined {
  background-color:#F1EAFF !important;
}

.searchFacet {
  position: relative;
  font-size: 14px !important;
  float: none !important;
  cursor: pointer;
}

.searchFacet .fly-badge {
  top: -1px;
  position: relative;
  margin-left: 4px;
}

.searchFacet .badge-light {
  border: 1px solid;
  background-color: transparent;
}

.searchFacet input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}

.isRefined.searchFacet input[type="checkbox"] + label::before {
  background-color: #0b353b;
  border-color: #0b353b;
}

mark {
  padding: 0 !important;
}

.searchFacet label::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #6f7488;
      border-top-color: rgb(111, 116, 136);
      border-right-color: rgb(111, 116, 136);
      border-bottom-color: rgb(111, 116, 136);
      border-left-color: rgb(111, 116, 136);
  border-radius: 2px;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  transition: background-color .3s ease,opacity .3s ease;
}

.isRefined.searchFacet input[type="checkbox"] + label::after {
  opacity: 1 !important;
}

.searchFacet input[type="checkbox"] + label::after {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.70359 3.14725C9.55073 3.0284 9.35935 2.9785 9.17159 3.00854C8.98384 3.03858 8.8151 3.1461 8.70252 3.30741L5.30795 8.16676L3.14938 6.34511C2.8398 6.09498 2.39744 6.15176 2.15377 6.4729C1.9101 6.79404 1.95452 7.26172 2.25374 7.5255L4.9945 9.83792C5.1475 9.96414 5.34217 10.0202 5.53475 9.99348C5.72733 9.96677 5.90164 9.85953 6.01849 9.69588L9.85774 4.20373C9.97021 4.04211 10.0172 3.83995 9.98825 3.6418C9.95933 3.44364 9.85693 3.26573 9.70359 3.14725Z' fill='white'/></svg>");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  opacity: 0;
  transition: opacity .3s ease;
}

.ais-SearchBox {
  max-width:100% !important;
}

.large-search .search-box {
  margin-right: unset !important;
  max-width: 100% !important;
  width: 100%;
}

.large-search .ais-SearchBox-input {
  width: calc(50vw - 3.6rem) !important;
  border-radius: 10px;
  height: 36px;
  top: -8px;
}

.ais-SearchBox-submit {
  left: 16px !important;
}

.large-search .ais-SearchBox-submit,
.large-search .ais-SearchBox-reset {
  top: 17px;
}

:not(.large-search).ais-SearchBox-input {
  width: calc(100vw - 840px);
  max-width: 612px !important;
  border: 2px solid #0b353b;
  font-size:15px !important;
  height: 36px;
  padding: 0px 1.7rem 0px 3rem !important;
  border-radius: 40px;
}

.homepage-container .ais-SearchBox-input {
  border: 2px solid #0b353b;
  max-width: 697px;
  font-size:18px !important;
  height: 55px;
  border-radius: 8px !important;
}

.ais-SearchBox-reset {
  right: 14px !important;
}

#expandsearch {
  right: 34px;
}

.ais-SearchBox-input:focus-visible {
  outline:none;
}

.search-subheads {
  font-size:12px;
  padding-left: 0px !important;
}

.search-subheads .fly-inline__item {
  color: #4B4B6075;
  margin-right: 3px !important;
}

.search-subheads .fly-inline__item:not(:last-child):after {
  content: " /"
}

.search-subheads .fly-inline__item:last-child {
  margin-bottom: 4px;
}

.search-highlight {
  background:#ddf7ff;
  color:#006a8a;
}

#cookiebanner {
  max-width: 1550px;
}

.page-header {
    position: sticky;
    top: 80px;
    color: #08272B;
    z-index: 100;
    height: 54px;
    background: #fff;
    z-index: 8;
  }

  .page-header:not(#api-header)::before {
    content: "";
    position: absolute;
    height: 100%;
    border-bottom: 1px solid #EBECF2;
    width: 100vw;
    z-index: -1;
  }
  
  #api-header {
    width: 100vw;
    max-width:unset;
  }
  
  
  .page-header .breadcrumb {
    color: #fff;
    margin-left: -3px;
  }

  .header-submenu {
    display: none;
    position: absolute;
    background: #F7F8FA;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 4px 4px 8px rgba(52, 52, 70, 0.16), 1px 2px 2px rgba(52, 52, 70, 0.01);
    z-index: 1000;
    top: 54px;
    min-width: 180px;
    padding-left:12px;
  }

  .header-submenu li {
    padding-right: 8px;
  }

  .header-menu-right .header-submenu {
    right: 0;
  }

  .mobile-menu-label {
    color: #6F7488;
    fill: #6F7488;
    font-size: unset;
    top: 20px;
    position: relative;
    text-transform: none;
  }

  #controls-header-menu {
    height: 100%;
    background: #fff;
    font-weight: 500;
    padding-right: 16px;
  }

  .header-menu {
    position: relative;
    height: 100%;
    flex: 1 1 0;
    max-width: max-content;
    font-weight: 500;
  }

  .header-menu li {
    list-style:none
  }

  .hover-label {
    height: 100%;
  }

  .header-link {
    flex-direction: row;
    height: 100%;
  }

  .header-icon {
    height: 24px;
    margin-left: 16px;
    margin-right: 6px;
    width: 24px;
    vertical-align:bottom;
  }

  #sdk-menu .header-icon {
    width: 24px;
    margin-right: 12px;
  }

  .header-icon-rn {
    stroke: #fff;
  }

  ul.header-submenu a:not(.fly-flex) {
    display:block;
    
  }

  ul.header-submenu a {
    padding: 8px 0px;
    color: #4B4B60;
    fill: #4B4B60;
  }

  .header-link a, #latest-features-icon .header-menu-text {
    color: #6F7488;
    fill: #6F7488;
    font-size: 16px;
  }


  .header-link:hover, .header-link.active, .header-link button {
    color:#0b353b
  }

  li.no-highlight {
    color: rgb(75, 75, 96) !important;
  }

  .header-link:hover > a, #controls-latest-features:hover .header-menu-text, .header-link.active > a {
    color:#0b353b !important;
    fill: #0b353b;
  }

  .header-link:hover + .header-submenu, .header-submenu:hover, .header-submenu li:hover > .header-sub-submenu {
    display:block;
  }

  .header-submenu li {
    position: relative;
  }

  .header-sub-submenu {
    display: none;
    width: 200px;
    position: absolute;
    background: #F7F8FA;
    top: 0;
    left: 100%;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 4px 4px 8px rgba(52, 52, 70, 0.16), 1px 2px 2px rgba(52, 52, 70, 0.01);
    width: 180px;
  }

  #chat-widget-container {
    display: none !important;
  }

  #api-menu .header-sub-submenu {
    position:relative;
    box-shadow: none;
    left: unset;
    display: block;
  }

  .header-link.active, .header-link:hover {
    border-bottom: 2px #0b353b solid;
    top: 1px;
    position: relative;
  }

  .header-menu {
    border-bottom: 0px;
  }

  .header-submenu {
    padding-left: 0px;
  }

  .header-menu-right .header-submenu {
    justify-content: flex-end
  }

  .submenu-icon.header-icon {
    margin-right: 0px;
  }

  .header-link:hover > .header-submenu, .header-submenu:hover {
    display: block;
    position: absolute;
  }

  .header-submenu > li:not(.no-highlight):hover > a, .header-sub-submenu > li:not(.no-highlight):hover > a {
    color: #0b353b;
    font-weight: 600;
  }

  #doc-menu, #start-menu {
    width: 220px;
  }

  .header-submenu li {
    padding-left: 16px;
    padding-right: 8px;
  }

  .header-submenu li:hover svg {
    fill: #0b353b;
  }

  .header-submenu li:hover svg.header-icon-rn {
    stroke: #0b353b !important; 
  }

  .header-submenu li:hover svg.header-icon-expo {
    fill: #0b353b !important; 
  }

  .header-menu a {
    text-decoration:none;
  }

  .footer-social {
    background-color: #08272B;
    color: #C7D4C7 !important;
    max-height: 203px;
    border-color: #20454C;
    border-width: 1px 0;
  }

  .footer-status {
    background-color: #08272B;
  }

  .social-links .img-div {
    background-color: #0B353B;
    border-radius: 4.5px;
    padding: 8.5px;
    margin-right: 22.5px;
  }

  .social-links .img-div:last-of-type {
    margin-right: 0px;
  }

  .social-links img {
    vertical-align: bottom;
  }

  .certifications a {
    background-color: #1AA47B;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    text-decoration: none;
    height: 47px;
    border-radius: 4px;
    font-size: 10.5px;
    line-height: 12px;
    margin-right: 16px;
  }

  .certifications .badge-div {
    margin-right: 10px;
  }

  .cert-links, .cert-links a {
    color: #B5BABB !important;
    text-decoration: none;
    padding-right: 22px;
  }

  .cert-links a:last-of-type {
    padding-right: 43px;
  }

  .result-link .put {
    background-color: #C79F00;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
  }

  .result-link .post {
    background-color: #0597AD;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
  }

  .result-link .get {
    background-color: #1E9E7C;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
  }

  .result-link .del {
    background-color: #AB0937;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 20px;
    display: inline-block;
  }

  .search-result-title {
    display: inline-block;
    font-size: 16px !important;
  }

  .search-result .List-summary {
    font-size: 14px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  a.result-link {
    text-decoration: none;
  }

  .redoc-json code {
      background-color: unset;
      border: unset;
      color: unset;
  }

  .redoc-json code li {
      margin-top: 0px;
      margin-bottom: 0px;
  }

  .redoc-wrap .menu-content > div:last-child {
    height: calc(-190px + 100vh);
  }

  .endpoint {
    font-size: 14px;
    margin-bottom: 16px !important;
  }

  .endpoint button {
    border-bottom: none !important;
  }


  .propDescription p, .opDescription p, .redoc-markdown p, .property {
    font-weight: 500;
  }

  .endpoint .path, .endpoint .http-verb {
    font-size: 12px;
    font-weight: 600;
  }

  div[class*="response"] > button {
    font-size: 12px;
  }

  div[class*="response"] > button p {
    font-weight: 600;
  }

  div[class*="response"] button:disabled {
      opacity: 1 !important;
  }

  .propTitle button {
      font-style: normal !important;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: 'Saans', sans-serif !important;
    margin: 3rem 0 16px;
    font-weight: 600;
  }
  
  h1 {
    font-size: 46px;
    line-height: 50px;
  }
  
  h2, .releases h1 {
    font-size: 40px;
    line-height: 44px;
  }

  h3, .releases h2 {
    font-size: 34px;
    line-height: 38px;
  }
  
  .search-result h3 {
    font-size: 24px;
    margin-top: unset;
  }

  .search-result h4 {
    margin-top: unset;
    line-height: 1.8rem;
  }

  .release-note-link h5 {
    margin: 3rem 0 8px;
  }

  .opContent h3 {
      padding-top:8px;
      margin-bottom:revert;
      margin-top: unset;
  }
  
  h4, .releases h3 {
    font-size: 28px;
    line-height: 30px;
  }
  
  h5, h3.smallh3 {
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    margin-top: 12px;
  }

  h3.smallh3 {
    margin-top: 32px !important;
  }

  h6 {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin-top: 12px;
  }

  .highlight h5 {
    font-size: 14px;
    text-transform: uppercase;
  }

  #latest-features h5, #hits h5 {
    text-transform: none;
    margin-top: 0;
    font-weight: 500;
  }

  div.section, div.tag, div.operation {
      padding-top: 60px;
      margin-top: -60px;
  }

  div.operation {
      padding-top: 90px;
      margin-top: -60px;
  }

  .search-result-endpoint {
      font-family: Menlo,Monaco,Consolas,Liberation Mono,Courier,Monospace;
      font-weight: 500;
  }

  .opDescription {
      font-size: 16px;
      font-weight: 500;
  }

.redoc-wrap .menu-content label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none;
}

.redoc-wrap * {
  font-family: 'Saans', 'Instrument Sans', 'Helvetica' !important;
}

.redoc-wrap .menu-content li {
    margin-top: 0;
    margin-bottom: 0;
} 

.redoc-wrap .menu-content .-depth0 {
    margin-top: 15px;
    font-weight: 600;
    color: #343446
    
}

#no-results {
  font-size: 32px;
  font-weight: 500;
  font-family: 'Saans', sans-serif !important;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.api-icon {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  position: relative;
  top: 2px;
}

.bg-success a, .bg-warning a, .bg-info a, .coming-soon a {
  color: inherit;
}

.text-success:not(.text--bold) a, .text-warning:not(.text--bold) a, .text-info:not(.text--bold) a, .coming-soon:not(.text--bold) a {
  font-weight:500;
}

.bg-warning .api-icon {
  fill: #8c6e00;
}

.text-success code,
.text-warning code,
.text-info code:not([class^="language-"]) {
  color: inherit;
}

div[class*="response"] > button code {
  color: inherit !important;
  font-size: inherit !important;
}

.header-menu__toggle {
  display:none;
}

.header-menu-mobile.collapse {
  display:none;
}

.feedback-button {
  filter: gray; 
  -webkit-filter: grayscale(1);
  filter: grayscale(1); 
  transition: transform 0.3s ease-out;
}

/* Disable grayscale on hover */
:not(.disabled).feedback-button:hover, .feedback-done {
  -webkit-filter: grayscale(0);
  filter: none;
  cursor: pointer;
}

#liked-page:not(.disabled):hover, .like:not(.disabled):hover {
  transform: scale(1.1) rotate(-3deg);
}

#disliked-page:not(.disabled):hover, .dislike:not(.disabled):hover {
  transform: scale(1.1) rotate(3deg);
}

.disabled .feedback-button:hover, .feedback-done {
  pointer-events:none;
}

#negative-feedback-modal {
  width: 25%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
}

/* Backdrop overlay for when modal is active */
#modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  pointer-events: none;
}

.feedback-body {
  padding: 12px 24px 24px 24px
}

@keyframes flickerAnimation {
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:0; }
  50%  { opacity:1; }
  100% { opacity:0; }
}

.animate-flicker {
  -webkit-animation: flickerAnimation 4s;
  -moz-animation: flickerAnimation 4s;
  -o-animation: flickerAnimation 4s;
   animation: flickerAnimation 4s;
   opacity:0;
}

.header-menu-text {
  padding-right: 4px;
  font-weight: 600;
}

#controls-latest-features {
  position: relative;
  background-color: transparent; 
}

#latest-features-icon {
    cursor: pointer;
    opacity: 1;
    z-index: 2;
    transition: opacity 1s ease-in-out;
    height: 54px;
}

#latest-features-icon .header-menu-text, #latest-features-icon-new .header-menu-text {
  display: block;
  top: 8px;
  transform: translateY(-50%);
  position: relative;
  font-size:16px;
  font-weight: 600;
}

#latest-features a {
  text-decoration: none !important;
}

#latest-features h3, #latest-features h4  {
  margin-top: 0 !important;
}

#latest-features {
  max-width: 400px;
  position: fixed;
  background: #F7F8FA;
  max-height: unset;
  top: 133px;
  color: unset;
  display:none;
  border-radius: 0px 4px 4px 0px;
  box-shadow: 4px 4px 8px rgba(52, 52, 70, 0.16), 1px 2px 2px rgba(52, 52, 70, 0.01);
  max-width: 600px;
}

input {
  color-scheme: light only;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide the checkbox input */
.toggle input {
  display: none;
}

/* Describe slider's look and position. */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: gray;
  transition: .4s;
  border-radius: 34px;
}

/* Describe the white ball's location 
    and appearance in the slider. */
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

/* Modify the slider's background color to 
    green once the checkbox has been selected. */
input:checked+.slider {
  background-color: #0b353b;
}

/* When the checkbox is checked, shift the 
    white ball towards the right within the slider. */
input:checked+.slider:before {
  transform: translateX(26px);
}

/* Double size for toggle inside anon-new-ui-toggle */
#new-anon-ui-toggle .toggle {
  width: 120px;
  height: 68px;
}

#new-anon-ui-toggle .slider:before {
  height: 52px;
  width: 52px;
  left: 8px;
  bottom: 8px;
}

#new-anon-ui-toggle input:checked+.slider:before {
  transform: translateX(52px);
}

.img-border {
  border-radius: 6px;
  border: 0.5px solid #dcd8d5;
}

@media (max-width:480px) {

  #controls-header-menu {
    padding-right: 0 !important;
  }
  #search-box .ais-SearchBox-input {
    width: calc(100vw - 220px) !important
  }

  .main-nav-wrapper.collapse {
    min-width:100% !important;
    align-content:center;
    z-index: 20;
    height: auto;
  }

  
}

@media (max-width: 768px) {

  .hide-mobile {
    display: none !important;
  }

  #hits > ul {
    margin-top: 20px;
  }

  .header-menu li:last-of-type {
    margin-top:4px;
  }

  .header-menu-mobile.collapse.show {
    max-width: unset !important;
    position: absolute !important;
    background: #242651;
    max-height: unset;
    top: 40px;
    display: block !important;
  }

  .header-menu {
    position: absolute !important;
    flex-direction: column !important;
    top: 40px;
    background: #F7F8FA;
    height: unset !important;
    align-items: baseline;
  }

  .mobile-menu-label {
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
  }

  .header-menu__toggle:checked + .mobile-menu-label {
    margin-bottom: 8px;
  }

  .header-menu li {
    padding-bottom: 8px;
    padding-left: 8px;
    margin: unset;
  }

  .header-menu li:last-child {
    margin-top: 8px;
    margin-left: 0px
  }

  #header-menu-list li {
    margin-left: 0px;
  }

  .header-link.active {
    display: none;
  }

  #controls-latest-features {
    margin: 8px 0px;
  }

  .page-header {
    border-bottom: 1px solid #EBECF2;
  }

  .header-link {
    align-items: start;
    padding-top: 8px;
    flex-direction: column !important;
    padding-left: 4px;
  }

  .header-submenu {
    display: none;
    top: 0px !important;
    position: relative !important;
    margin-left: 8px;
    margin-top: 8px;
    border-left: 1px solid #0b353b;
    margin-bottom: -8px;
    box-shadow:none
  }

  .header-submenu li {
    padding-left: 12px;
  }

  .header-link.active:hover + .header-link {
    display: table;
  }

  #doc-link.active > .header-submenu {
    display: none;
  }

  .page-header::before {
    content: none !important;
  }

  #search-box {
    height: 40px;
  }

  #search-box .ais-SearchBox-input {
    width: calc(100vw - 220px) !important;
  }

  #homepage-container .ais-SearchBox-input {
    width: 100% !important;
  }

  .navbar-toggler {
    color: #fff;
    font-weight: 500;
  }

  .navbar-toggler svg {
    top: 3px;
    height: 24px;
    position: relative;
  }

  .navbar-toggler-text {
    top: -2px;
    position: relative;
  }

  .mobile-menu-label {
    top: 0;
  }

  .header-menu-list .li {
    padding: 8px 12px;
  }

  #latest-features-icon {
    height: unset;
  }
}

#menu-sdk {
  padding-top: 12px;
}

.footer-contents {
  padding-left: 10em;
  padding-right: 10em;
}

@media (max-width:979px) {
  #searchhits > div {
    position: relative;
    top: 40px;
  }

  body {
    overflow-x: hidden !important;
  }

  .main-nav {
    height: 100%;
  }

  .homepage-icon > img {
    max-height: 125px;
  }

  #head-menu-container {
    width:100%;
    background-color: #f8f9f9;
  }

  .footer-contents {
    padding-left: 0px;
    padding-right: 0px;;
  }

  .main-nav-wrapper {
    top: 65px !important;
  }

  .sdk-homepage-container, #mobile-homepage-container {
    padding-right: 30px;
    padding-left: 30px;
    margin-left: 0px !important;
    margin-right: 0px !important
  }

  #facets {
    display: none;
    margin-top: 0px;
    padding-top: 0px;
  }

  .search-page #facets {
    margin-top: 0px !important;
  }

  #facets > ul {
    margin-top: 0px !important;
  }

  #searchhits > div {
    display: unset;
  }

  #controls-facets {
    display:block;
    width: calc(100% - 40px);
    text-align:left;
  }

  .navbar-toggler-icon {
    display: unset;
  }

  .navbar-toggler-icon > svg {
    top: 4px;
    position: relative;
    margin-left: 8px;
  }

  #hits {
    width: 100%;
  }

  .header-link.active a, .header-link:hover a {
    border-bottom: 2px #0b353b solid;
  }

  #menu-sdk {
    padding-top: 0px;
  }

  #expandsearch {
    display:none;
  }

  .ais-SearchBox-reset {
    margin-right: 12px;
  }

  #page-menu {
    position: fixed;
    width: 100%;
    height: calc(100% - 65px) !important;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    z-index: 100;
  }

  .react-json {
    overflow-y: hidden;
  }

  .menu .fly-label {
    max-width: unset;
  }

  #searchhits {
    position: fixed;
    top: 65px;
    left: 0;
  }

  #header-menu-list {
    margin-left: 12px;
  }

}

@media (min-width: 1080px) {
  .hidden-mdl-up {
    display: none !important; } }

@media (max-width: 1080px) {
  .header-link.active, .header-link:hover {
    border-bottom: none !important;
  }

  #header-menu-list {
    margin-left: 12px;
  }

  .hidden-mdl-down {
    display: none !important; } 


  .header-menu__toggle:checked ~ .header-submenu {
    display:block !important;
  }

  .header-menu__toggle:checked ~ label > .header-icon {
    fill: #AF64FF !important;
  }
  
}

.search-page #facets {
  margin-top: 24px;
}

#account-link span::before {
  content: "Account & Settings";
}

#sdk-link span::before, #sdk-link-small span::before {
  content: "Mobile SDKs"
}

@media (max-width: 1200px) {
  .ais-SearchBox-input {
    border-radius: 40px;
    width: calc(100vw - 60px) !important;
    max-width: 580px !important;
  }

  .ais-SearchBox-form {
  }

  #account-link span::before {
    content: "Account";
  }

  #sdk-link span::before {
    content: "SDKs"
  }
  
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

a[download] {
  padding-top:0px;
  background-color: #fff;
  font-weight: 500;
  transition: background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
}

a[download]:hover {
  color: #fff;
  background-color: #0b353b;
  border-color: #0b353b;
  transition: background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
}

.pluma-c-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Add this class when content is ready */
.content-ready .pluma-c-page-loader {
    display: none;
}

/* Dark mode text selection styling */
@media (prefers-color-scheme: dark) {
  ::selection {
    background: #343446;
    color: #ffffff;
    text-shadow: none;
  }
}