/* ===== FONTS AND  COLORS ===== */

:root {
  --md-text-font: "Roboto";
  --md-code-font: "JetBrainsMono";

  --md-footer-bg-color: rgba(22, 24, 29, 1);
}

[data-md-color-scheme="default"] {
  --md-primary-fg-color:		#3b71b6;
  --md-primary-bg-color:		#FFFFFF;
  --md-secondary-fg-color:	#912CA0;
  --md-accent-fg-color:			#578ed4;
  --md-accent-bg-color:			#FFFFFF;
  --md-default-bg-color:		#F5F7F8;
  --md-code-bg-color:		  	#FFFFFF;
  --md-footer-bg-color:     #3D3D3D;
  /* --md-border-color:        #DDDDDD; */
  /* --md-nav-panel-border:    #D1DAE6; */
  /* --md-primary-text-color:  #030311; */
  /* --md-gray-text-color:     #6d6d6d; */
  
  .md-header__button.md-logo img.only-dark, 
  .md-header__button.md-logo svg.only-dark, 
  .md-nav__title .md-nav__button.md-logo img.only-dark, 
  .md-nav__title .md-nav__button.md-logo svg.only-dark 
  { display: none; }
} 
 
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:		#64b5f6;
  --md-primary-bg-color:		#191919;
  --md-secondary-fg-color:	#D90368;
  --md-accent-fg-color:			#79bcf2;
  --md-accent-bg-color:			#FFFFFF;
  --md-default-bg-color:		#222222;
  --md-code-bg-color:		  	#111719;
  --md-footer-bg-color:     #16181d;
  /* --md-border-color:        #555555; */
  /* --md-nav-panel-border:    #494949; */
  /* --md-primary-text-color:  #FFFFFF; */
  /* --md-gray-text-color:     #aaaaaa; */

  .md-header__button.md-logo img.only-light, 
  .md-header__button.md-logo svg.only-light, 
  .md-nav__title .md-nav__button.md-logo img.only-light, 
  .md-nav__title .md-nav__button.md-logo svg.only-light 
  { display: none; }
}
[data-md-color-scheme="default"][data-md-color-primary="indigo"] { --md-typeset-a-color: var(--md-primary-fg-color); }
[data-md-color-scheme="slate"][data-md-color-primary="indigo"] { --md-typeset-a-color: var(--md-primary-fg-color); }



/* ===== FULLSCREEN LAYOUT ===== */
:root {
  --md-container-padding: 1.5rem;
  --md-sidebar-width: 12rem;     /* change in redocly.yaml to set sidebar width for redoc */
}

.md-grid { max-width: none;}
.md-content { max-width: calc(3 * var(--md-sidebar-width)); margin-left: auto; margin-right: auto; }
@media screen and (min-width:76.25em) { 
  .md-grid {padding-left: var(--md-container-padding); padding-right: var(--md-container-padding); }
  .md-sidebar { width: var(--md-sidebar-width); }
  .md-sidebar--primary::before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: calc(var(--md-sidebar-width) + var(--md-container-padding));
    width: 1px;
    background-color: var(--md-typeset-table-color);
  }
}



/* ===== HEADER, FOOTER, AND SEARCH ===== */
.md-header, nav.md-tabs { color: var(--md-primary-text-color); background-color: var(--md-primary-bg-color);}
@media screen and (min-width:76.25em) {
  [dir="ltr"] .md-header__title { margin-left: 0; }
  .md-header__topic:first-child { color: var(--md-primary-fg-color); }
}
.md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: var(--md-primary-bg-color);
  color: var(--md-primary-fg-color);
}
nav.md-tabs { font-weight: 600; border-bottom: 1px solid var(--md-typeset-table-color); }
a.md-tabs__link { transition: color 125ms, opacity 125ms; }
a.md-tabs__link:hover { color: var(--md-primary-fg-color); }
.md-content { margin-bottom: 2rem; }
footer { z-index: 3; border-top: 1px solid var(--md-typeset-table-color);}

@media screen and (min-width:60em) {
  .md-search {
    padding-left: .4rem; padding-right: .4rem;
    margin-left: .2rem; margin-right: .2rem;
  }
  .md-search__input+.md-search__icon{
    color: var(--md-default-fg-color--light);
  }
  .md-search__input::placeholder{
    color: var(--md-default-fg-color--light);
  }
}
.md-search__form {
  background-color: var(--md-default-bg-color); 
  border-radius: 12px; 
  border: 1px solid var(--md-typeset-table-color);
}


/* ===== NAVIGATION ====== */
.md-nav__link--active { color: var(--md-primary-fg-color); }

/* ===== HEADERS ===== */
.md-typeset h2 { margin-top: 2em; }
.header-icon { 
  padding: 4px; margin-right: .25em; 
  border: 1px solid currentColor; border-radius: 8px; 
  width: var(--md-icon-size);
}

/* ===== ELEMENTS ===== */
.md-typeset .grid>.card { color: var(--md-typeset-color); }
.md-typeset .md-button {
  border-radius: 15px;
  margin: 10px;
}
.md-typeset code.md-code__content { border-radius: 0.5rem; }
.md-typeset p code { padding: .15em .35em; border-radius: .4em;}

.md-typeset ol li > blockquote:first-of-type, 
.md-typeset ol li > p:first-of-type, 
.md-typeset ul li > blockquote:first-of-type, 
.md-typeset ul li > p:first-of-type 
{ margin-top: 0; }

.date-updated {
  margin-top: 0;
  align-items: center;
  color: var(--md-default-fg-color--light);
  display: inline-flex;
  font-size: .68rem;
  gap: .3rem;
}
.date-updated::before {
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1zM12.5 7v5.2l4 2.4-1 1L11 13V7zM11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2z"></path></svg>') no-repeat center;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 13.1c-.1 0-.3.1-.4.2l-1 1 2.1 2.1 1-1c.2-.2.2-.6 0-.8l-1.3-1.3c-.1-.1-.2-.2-.4-.2m-1.9 1.8-6.1 6V23h2.1l6.1-6.1zM12.5 7v5.2l4 2.4-1 1L11 13V7zM11 21.9c-5.1-.5-9-4.8-9-9.9C2 6.5 6.5 2 12 2c5.3 0 9.6 4.1 10 9.3-.3-.1-.6-.2-1-.2s-.7.1-1 .2C19.6 7.2 16.2 4 12 4c-4.4 0-8 3.6-8 8 0 4.1 3.1 7.5 7.1 7.9l-.1.2z"></path></svg>') no-repeat center;
  background-color: currentColor;
}

/* BAGES */
.paid {
  border: 1px solid rgba(255, 191, 0, 0.5);
  border-radius: 5px;
  padding: 0.1rem 0.25rem;
  color: var(--md-default-fg-color--light);
  font-size: 0.8em;
  font-weight: 600;
  svg { color: rgb(255, 191, 0); margin: 2px 0; }
}

.datatype {
  display: inline-flex;
  flex-wrap: nowrap;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 5px;
  color: var(--md-primary-fg-color);
  box-shadow: inset 0 0 0 1px var(--md-primary-fg-color);
  overflow: hidden;
  margin: .2em 0;
  padding-right: 0.4em;  
  
  span {
    font-family: var(--md-code-font);
    font-weight: 900;
    min-width: 2.4em;
    text-align: center;
    margin-right: 0.3rem;
    display: initial !important;
    height: 100% !important;
    background-color: var(--md-primary-fg-color);
    color: var(--md-default-bg-color);
  }
  svg { max-width: 100%; vertical-align:text-bottom; margin-bottom: 0.05em;}
}

/* ===== FIELD REFERENCE STYLES ===== */
h3.reference-header { margin-top: 2.5em; }
.reference-property { font-style: italic; color: var(--md-default-fg-color--light);}
.reference-bage { font-size: .9em;}
code.deprecated-field {
  color: var(--md-default-fg-color--lighter);
  text-decoration: line-through;
}


/* ===== UTILS ===== */
.bordered { border: 1px solid var(--md-border-color); border-radius: 15px; }
.mr-1 { margin-right: 0.5em; }
.hidden { display: none; }
.font-large svg { padding: 1px; }
.font-large { font-size: 28px; }
.no-wrap { white-space: nowrap; }
code.wrap-space-ignore { word-break: break-all; overflow-wrap: anywhere; }