/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* Custom fonts */

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.ttf");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}

/* Variables */

:root {

  /* Typography */
  --fHeading: "Poppins", "Roboto", Arial, Helvetica, sans-serif;

  /* Colors */
  --white: #fff;

  /* Percona Night */
  --night500: #0E1A53;
  --night400: #3E4875;
  --night300: #5E668C;

  /* Percona Aqua */
  --aqua900: #14584B;
  --aqua800: #1A7362;
  --aqua700: #22947E;
  --aqua600: #2CBEA2;

  /* Percona Sky */
  --sky900: #08386B;
  --sky800: #0B4A8C;
  --sky700: #0E5FB5;
  --sky600: #127AE8;
  --sky500: #1486FF;
  --sky400: #439EFF;
  --sky300: #62AEFF;
  --sky200: #93C7FF;

  /* Percona Stone */
  --stone900: #2C323E;
  --stone800: #3A4151;
  --stone700: #4B5468;
  --stone100: #D1D5DE;
  --stone50: #F0F1F4;

  /* mkdocs root override */
  --md-primary-fg-color--dark: var(--night400);
}

:root,
[data-md-color-scheme="percona-light"] {

  /* Primitives */
  --md-hue: 220;
  --md-primary-fg-color: var(--sky700);

  /* Type */
  --md-typeset-color: var(--stone900);
  --md-typeset-a-color: var(--sky700);

  /* Defaults */
  --md-default-bg-color: var(--white);
  --md-default-fg-color: var(--stone900);
  --md-default-fg-color--light: rgba(44, 50, 62, 0.72);
  --md-default-fg-color--lighter: rgba(44, 50, 62, 0.40);
  --md-default-fg-color--lightest: rgba(44, 50, 62, 0.25);

  /* Accent */
  --md-accent-fg-color: var(--sky500);

  /* Footer */
  --md-footer-fg-color: var(--stone900);
  --md-footer-fg-color--light: rgba(44, 50, 62, 0.72);
  --md-footer-fg-color--lighter: rgba(44, 50, 62, 0.40);
  --md-footer-bg-color: var(--stone50);
  --md-footer-bg-color--dark: var(--stone50);

  /* Code */
  --md-code-bg-color: var(--stone800);
  --md-code-bg-color: var(--stone50);

  /* Tables */
  --md-typeset-table-color: hsla(var(--md-hue), 17%, 21%, 0.25)
}

[data-md-color-scheme="percona-dark"] {

  /* Primitives */
  --md-hue: 0;
  --md-primary-fg-color: var(--sky200);

  /* Type */
  --md-typeset-color: #FBFBFB;
  --md-typeset-a-color: var(--sky200);

  /* Defaults */
  --md-default-bg-color: var(--stone900);
  --md-default-fg-color: var(--white);
  --md-default-fg-color--light: rgba(251, 251, 251, 0.72);
  --md-default-fg-color--lighter: rgba(251, 251, 251, 0.4);
  --md-default-fg-color--lightest: rgba(209, 213, 222, 0.25);

  /* Accent */
  --md-accent-fg-color: var(--sky400);
  --md-accent-bg-color: var(--stone900);

  /* Footer */
  --md-footer-fg-color: #FBFBFB;
  --md-footer-fg-color--light: rgba(251, 251, 251, 0.72);
  --md-footer-fg-color--lighter: rgba(251, 251, 251, 0.4);
  --md-footer-bg-color: var(--stone800);
  --md-footer-bg-color--dark: var(--stone800);

  /* Code */
  --md-code-bg-color: var(--stone50);
  --md-code-bg-color: var(--stone800);

  /* Tables */
  --md-typeset-table-color: hsla(var(--md-hue), 0%, 100%, 0.25)
}

/* Typography */

.md-typeset {
  font-size: 0.75rem;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: var(--fHeading);
  font-weight: bold;
}

.md-typeset h1 {
  color: inherit;
}

.md-typeset h1 {
  margin: 0 0 0.75em;
}

.md-header :not(.md-search__suggest) {
  font-family: var(--fHeading);
  font-weight: bold;
}

.md-header__button.md-logo {
  margin: 0.2rem 0.1rem 0.2rem 0.4rem;
  padding: 0.2rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.6rem;
}

.md-nav__link--active {
  font-weight: bold;
}

.md-typeset small {
  opacity: 0.5;
}

.md-content a:not(.md-button) {
  text-decoration: underline;
}

.md-content .tabbed-labels a {
  text-decoration: none;
}

/* Header nav */

.md-header,
.md-tabs {
  background-color: var(--night400);
}

[dir=ltr] .md-header__title {
  margin-left: 0;
}

[dir=rtl] .md-header__title {
  margin-right: 0;
}

.md-tabs .md-tabs__link {
  font-family: var(--fHeading);
  font-weight: bold;
}

.md-nav__source {
  margin-top: -0.25rem;
}

.md-header__inner> :last-child {
  padding-right: 0.6rem;
}

.md-tabs__item {
  height: 2rem;
}

.md-tabs__link {
  margin-top: 0.55rem;
}

/* .md-header__topic .md-ellipsis {
    position: relative;
}
.md-header__topic:hover .md-ellipsis::after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    bottom: 11px;
    left: 0;
    width: 100%;
    height: 2.5px;
    background-color: currentColor;
} */

/* Footer */

.md-footer a {
  text-decoration: underline;
}

.md-copyright,
.md-copyright__highlight {
  color: var(--md-footer-fg-color--light);
}

/* Base components */

.md-typeset .md-button {
  font-family: var(--fHeading);
  font-size: 0.6818rem;
  font-weight: bold;
  padding: 0.4167em 1.6em;
  border-radius: 10rem;
  transition: all 0.2s ease-out;
}

.md-typeset .md-button--primary {
  color: var(--md-accent-bg-color);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.20);
}

.md-typeset .md-button--primary:focus,
.md-typeset .md-button--primary:hover {
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.20);
}

.md-typeset .md-button:not(.md-button--primary):focus,
.md-typeset .md-button:not(.md-button--primary):hover {
  background: none;
  color: var(--md-accent-fg-color);
}

.md-typeset code {
  font-size: 0.9091em;
  color: var(--md-typeset-color);
  vertical-align: baseline;
  padding: 0 0.2em 0.1em;
  border-radius: 0.15em;
  white-space: pre-wrap;
  /* Ensure long lines wrap */
}

.md-typeset .highlight code span,
.md-typeset code,
.md-typeset kbd,
.md-typeset pre {
  color: var(--md-typeset-color);
}

.md-button code,
[data-md-color-scheme="percona-dark"] .md-button:not(.md-button--primary) code {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1) inset;
}

.md-button:not(.md-button--primary) code {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05) inset;
}

.md-content .md-button {
  margin: 0 0.25em 0.5em 0;
}

.md-typeset .tabbed-labels--linked>label>a {
  font-size: 0.75rem;
  padding: 0.75em 1em;
}

.js .md-typeset .tabbed-labels:before {
  height: 4px;
  background-color: var(--md-typeset-a-color);
}

.md-typeset [class*="moji"] {
  vertical-align: -0.25em;
}

.md-typeset .tabbed-set>input:first-child:checked~.tabbed-labels>:first-child,
.md-typeset .tabbed-set>input:nth-child(10):checked~.tabbed-labels>:nth-child(10),
.md-typeset .tabbed-set>input:nth-child(11):checked~.tabbed-labels>:nth-child(11),
.md-typeset .tabbed-set>input:nth-child(12):checked~.tabbed-labels>:nth-child(12),
.md-typeset .tabbed-set>input:nth-child(13):checked~.tabbed-labels>:nth-child(13),
.md-typeset .tabbed-set>input:nth-child(14):checked~.tabbed-labels>:nth-child(14),
.md-typeset .tabbed-set>input:nth-child(15):checked~.tabbed-labels>:nth-child(15),
.md-typeset .tabbed-set>input:nth-child(16):checked~.tabbed-labels>:nth-child(16),
.md-typeset .tabbed-set>input:nth-child(17):checked~.tabbed-labels>:nth-child(17),
.md-typeset .tabbed-set>input:nth-child(18):checked~.tabbed-labels>:nth-child(18),
.md-typeset .tabbed-set>input:nth-child(19):checked~.tabbed-labels>:nth-child(19),
.md-typeset .tabbed-set>input:nth-child(2):checked~.tabbed-labels>:nth-child(2),
.md-typeset .tabbed-set>input:nth-child(20):checked~.tabbed-labels>:nth-child(20),
.md-typeset .tabbed-set>input:nth-child(3):checked~.tabbed-labels>:nth-child(3),
.md-typeset .tabbed-set>input:nth-child(4):checked~.tabbed-labels>:nth-child(4),
.md-typeset .tabbed-set>input:nth-child(5):checked~.tabbed-labels>:nth-child(5),
.md-typeset .tabbed-set>input:nth-child(6):checked~.tabbed-labels>:nth-child(6),
.md-typeset .tabbed-set>input:nth-child(7):checked~.tabbed-labels>:nth-child(7),
.md-typeset .tabbed-set>input:nth-child(8):checked~.tabbed-labels>:nth-child(8),
.md-typeset .tabbed-set>input:nth-child(9):checked~.tabbed-labels>:nth-child(9) {
  color: var(--md-typeset-a-color);
}

.md-typeset .md-button [class*="moji"],
.md-typeset .tabbed-set [class*="moji"] {
  height: 1.3333em;
  vertical-align: -0.3333em;
}

.md-typeset .md-button [class*="moji"] svg,
.md-typeset .tabbed-set [class*="moji"] svg {
  width: 1.3333em;
}

.md-typeset a [class*="moji"] {
  vertical-align: -0.2222em;
}

.md-clipboard {
  color: var(--md-default-fg-color--lighter);
}

.md-typeset hr {
  margin: 2em 0;
  border-color: var(--md-default-fg-color--lightest)
}

.md-typeset .tabbed-labels {
  box-shadow: 0 -0.05rem var(--md-default-fg-color--lightest) inset;
}

.md-typeset .tabbed-labels>label:hover {
  color: var(--md-accent-fg-color);
}

.md-typeset .tabbed-button {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.0625rem;
}

.md-typeset .tabbed-control {
  width: 2.25rem;
  height: 2.25rem;
}

.tabbed-block>*:last-child {
  margin-bottom: 0;
}

/* Content re-styling */

.md-main__inner {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.md-typeset [type=checkbox]:checked+.task-list-indicator:before {
  background-color: var(--aqua600);
}

.md-feedback {
  margin: 2em 0 !important;
}

:not([data-banner]):not(.splash)+.md-feedback {
  padding-top: 2em;
  border-top: 0.05rem solid var(--md-default-fg-color--lightest);
}

.md-typeset .admonition,
.md-typeset details {
  --md-admonition-bg-color: var(--md-default-bg-color);
  --md-admonition-fg-color: var(--md-typeset-color);
  border-width: 0.1125rem;
  box-shadow: none;
}

.md-tabs__link {
  font-size: 0.67rem;
}

.md-tabs__item--active .md-tabs__link,
.md-tabs__item--active .md-tabs__link a {
  font-weight: bold;
  border-bottom: 0.15em solid currentColor;
}

.md-sidebar__scrollwrap {
  scrollbar-gutter: unset;
}

/* Custom Banner */

[data-banner] {
  padding: 1.5em;
  margin: 1.5em 0;
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.2rem;
  /* box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.20); */
  transition: all 0.2s ease-out;
}

[data-banner]:hover {
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.20);
}

[data-banner] .title {
  font-weight: bold;
  margin: 0;
}

[data-banner] .title+* {
  margin-top: 0.25em;
}

[data-banner]> :last-child {
  margin-bottom: 0;
}

[data-banner] a:link {
  font-family: var(--fHeading);
  font-size: 0.6818rem;
  font-weight: bold;
  text-decoration: none;
}

[data-banner] .actions>p {
  margin: 0;
}

[data-banner] .actions a {
  display: inline-block;
  margin: 0 1em 0 0;
}

[data-banner]> :only-child,
[data-banner] .actions a:first-of-type {
  margin-top: 0;
}

[data-banner] a [class*="moji"] {
  height: 1.3333em;
  vertical-align: -0.3333em;
}

[data-banner] a [class*="moji"] svg {
  width: 1.3333em;
}

[data-banner="logo"]>p:first-child {
  margin-top: 0;
}

[data-banner="logo"]>p:first-child [class*="moji"] {
  font-size: 4em;
}

[data-grid] {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1rem;
}

[data-grid] [data-banner] {
  flex: 1 1 320px;
  display: flex;
  flex-direction: column;
  margin: 0 1rem 1rem 0;
}

[data-grid] .title {
  font-size: 0.8rem;
  font-weight: bold;
}

[data-grid] [data-banner]>p:last-child {
  margin-top: 0;
}

[data-grid] [data-banner]>p:nth-last-child(2) {
  flex-grow: 2;
}

[data-grid]+[data-banner] {
  margin-top: 0;
}

[data-grid] .md-button {
  margin: 0.5em 0.25em 0 0;
}

/* Custom lists */

[dir] .power-bullet+ul,
[dir] .power-bullet+ul ul,
[dir] .power-bullet+ul ol,
[dir] .power-number+ol,
[dir] .power-number+ol ol,
[dir] .power-number+ol ul {
  list-style: none;
  --power-list-indent: 2em;
  --power-list-gap: 0.5em;
  --power-list-counter-size: calc(var(--power-list-indent) - var(--power-list-gap));
  margin: 1.25em 0 2em;
}

[dir] .power-bullet+ul ul:last-child,
[dir] .power-bullet+ul ol:last-child,
[dir] .power-number+ol ol:last-child,
[dir] .power-number+ol ul:last-child {
  margin-bottom: 0;
}

.power-bullet+ul>li:not(:last-child),
.power-bullet+ul ul>li:not(:last-child),
.power-bullet+ul ol>li:not(:last-child),
.power-number+ol>li:not(:last-child),
.power-number+ol ol>li:not(:last-child),
.power-number+ol ul>li:not(:last-child) {
  margin-bottom: 1.25em;
}

[dir=ltr] .power-bullet+ul>li,
[dir=ltr] .power-bullet+ul ul>li,
[dir=ltr] .power-bullet+ul ol>li,
[dir=ltr] .power-number+ol>li,
[dir=ltr] .power-number+ol ol>li,
[dir=ltr] .power-number+ol ul>li {
  margin-left: var(--power-list-indent);
}

[dir=rtl] .power-bullet+ul>li,
[dir=rtl] .power-bullet+ul ul>li,
[dir=rtl] .power-bullet+ul ol>li,
[dir=rtl] .power-number+ol>li,
[dir=rtl] .power-number+ol ol>li,
[dir=rtl] .power-number+ol ul>li {
  margin-right: var(--power-list-indent);
}

.power-bullet+ul>li::before,
.power-bullet+ul ul>li::before,
.power-number+ol ul>li::before {
  content: "→";
}

.power-number+ol,
.power-number+ol ol,
.power-bullet+ul ol {
  counter-reset: power-list;
}

.power-number+ol>li,
.power-number+ol ol>li,
.power-bullet+ul ol>li {
  counter-increment: power-list;
  position: relative;
}

.power-number+ol>li::before,
.power-number+ol ol>li::before,
.power-bullet+ul ol>li::before {
  content: counter(power-list);
  font-family: var(--fHeading);
}

.power-bullet+ul>li::before,
.power-bullet+ul ul>li::before,
.power-bullet+ul ol>li::before,
.power-number+ol>li::before,
.power-number+ol ol>li::before,
.power-number+ol ul>li::before {
  display: inline-block;
  position: absolute;
  font-weight: bold;
  text-align: center;
  line-height: var(--power-list-counter-size);
  width: var(--power-list-counter-size);
  height: var(--power-list-counter-size);
  margin-right: var(--power-list-gap);
  border-radius: 50%;
  color: var(--md-default-bg-color);
  background-color: var(--md-typeset-color);
}

[dir=ltr] .power-bullet+ul>li::before,
[dir=ltr] .power-bullet+ul ul>li::before,
[dir=ltr] .power-bullet+ul ol>li::before,
[dir=ltr] .power-number+ol>li::before,
[dir=ltr] .power-number+ol ol>li::before,
[dir=ltr] .power-number+ol ul>li::before {
  margin-left: calc(var(--power-list-indent) - (var(--power-list-indent) * 2));
}

[dir=rtl] .power-bullet+ul>li::before,
[dir=rtl] .power-bullet+ul ul>li::before,
[dir=rtl] .power-bullet+ul ol>li::before,
[dir=rtl] .power-number+ol>li::before,
[dir=rtl] .power-number+ol ol>li::before,
[dir=rtl] .power-number+ol ul>li::before {
  margin-right: calc(var(--power-list-indent) - (var(--power-list-indent) * 2));
}

.power-bullet+ul ul>li::before,
.power-bullet+ul ol>li::before,
.power-number+ol ul>li::before,
.power-number+ol ol>li::before {
  opacity: 0.3;
}

/* Custom highlights */

i[info],
i[warning] {
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  padding: 0 0.25em;
  border-radius: 0.2em;
}

i[info] {
  background-color: #00b8d41a;
  border-width: 0.05rem;
  border-style: solid;
  border-color: #00b8d41a;
}

i[info] [class*="moji"] {
  color: #00b8d4;
}

i[warning] {
  background-color: #ff91001a;
  border-width: 0.05rem;
  border-style: solid;
  border-color: #ff91001a;
}

i[warning] [class*="moji"] {
  color: #ff9100;
}

/* Modals */

.md-consent__overlay {
  -webkit-backdrop-filter: blur(.2rem);
  backdrop-filter: blur(.2rem);
  background-color: rgba(44, 50, 62, 0.72);
}

.md-consent__inner {
  background-color: var(--md-footer-bg-color--dark);
}

/* Code injections */

.injections {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Super Nav */

.superNav {
  font-family: var(--fHeading);
  font-size: 0.5625rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.0625em;
  color: var(--white);
  background-color: var(--stone800);
}

.superNav a {
  display: inline-block;
  padding: 0.25rem 0.625rem !important;
  transition: all 0.2s ease-out;
}

.superNav a:hover {
  opacity: 0.7;
}

.superNav svg {
  width: 1.375em;
  height: 1.375em;
  margin-right: 0.125em;
  fill: currentColor;
  vertical-align: -0.3125em;
}

/* Version Select */

.version-select::after {
  content: "\25BE";
  display: inline-block;
  margin-left: -1em;
  transform: translate(-0.625em, -0.0625em);
  pointer-events: none;
}

#versionSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-self: center;
  font-family: var(--fHeading);
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 700;
  padding: 0.5em 1.375em 0.5em 0.5em;
  margin: 0 0.25em;
  background-color: rgba(0, 0, 0, 0.2);
  color: inherit;
  border: none;
  border-radius: 0.1rem;
}

#versionSelect::-ms-expand {
  display: none;
}

/* Mike Version Select */

.md-version__current,
.md-version__link {
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.5em;
}

.md-version__current {
  top: unset;
  margin-left: 0.25em !important;
  margin-right: 0.25em !important;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.md-version__current::after {
  width: 0.5em;
  height: 0.75em;
}

.md-version__list {
  top: 0.1em;
  margin: 0.25em;
  border-radius: 0.1rem;
}

[dir="ltr"] .md-version__current::after {
  margin-left: 0.4em;
}

[dir="rtl"] .md-version__current::after {
  margin-right: 0.4em;
}

[dir="ltr"] .md-version__link {
  padding-left: 0.5em;
  padding-right: 1.4375em;
}

[dir="rtl"] .md-version__link {
  padding-left: 1.4375em;
  padding-right: 0.5em;
}

/* Media queries */

@media screen and (max-width: 76.1875em) {

  .md-nav--primary .md-nav__title[for=__drawer],
  .md-nav--primary .md-nav__title {
    line-height: 1.5;
    height: unset;
    padding: 3.5rem .8rem 0.5rem;
    color: var(--md-primary-bg-color);
    background-color: var(--md-primary-fg-color--dark);
  }
}

@media screen and (max-width: 60em) {
  [data-banner] {
    padding: 1em;
  }
}

/**/