@media (min-width: 50rem) {
  .side-bar + .main .main-header {
    background-color: rgb(37.829787234, 39.7212765957, 51.070212766);
  }
}
:root {
  color-scheme: dark;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

:root {
  --bs-blue: #8be9fd;
  --bs-indigo: #6272a4;
  --bs-purple: rgb(169, 181.4, 250.6);
  --bs-pink: rgb(212.1, 122.5, 189.5);
  --bs-red: rgb(212.1, 122.5, 189.5);
  --bs-orange: rgb(218.7, 176.7, 172.5);
  --bs-yellow: rgb(218.7, 176.7, 172.5);
  --bs-green: rgb(76.45, 218.15, 176.5);
  --bs-teal: rgb(169, 181.4, 250.6);
  --bs-cyan: #8be9fd;
  --bs-black: #000;
  --bs-white: #f8f8f2;
  --bs-gray-100: rgb(133.2127659574, 137.7234042553, 164.7872340426);
  --bs-gray-200: rgb(105.1063829787, 110.3617021277, 141.8936170213);
  --bs-gray-300: rgb(83.4042553191, 87.5744680851, 112.5957446809);
  --bs-gray-400: rgb(72.5531914894, 76.1808510638, 97.9468085106);
  --bs-gray-500: #6272a4;
  --bs-gray-600: rgb(77.4233870968, 91.0362903226, 133.5766129032);
  --bs-gray-700: #44475a;
  --bs-gray-800: rgb(50.8510638298, 53.3936170213, 68.6489361702);
  --bs-gray-900: #282a36;
  --bs-gray: #6272a4;
  --bs-gray-dark: #44475a;
  --bs-primary: #8be9fd;
  --bs-secondary: #6272a4;
  --bs-success: rgb(76.45, 218.15, 176.5);
  --bs-info: rgb(169, 181.4, 250.6);
  --bs-warning: rgb(218.7, 176.7, 172.5);
  --bs-danger: rgb(212.1, 122.5, 189.5);
  --bs-light: #44475a;
  --bs-dark: #282a36;
  --bs-primary-rgb: 139, 233, 253;
  --bs-secondary-rgb: 98, 114, 164;
  --bs-success-rgb: 76.45, 218.15, 176.5;
  --bs-info-rgb: 169, 181.4, 250.6;
  --bs-warning-rgb: 218.7, 176.7, 172.5;
  --bs-danger-rgb: 212.1, 122.5, 189.5;
  --bs-light-rgb: 68, 71, 90;
  --bs-dark-rgb: 40, 42, 54;
  --bs-primary-text-emphasis: #8be9fd;
  --bs-secondary-text-emphasis: #f8f8f2;
  --bs-success-text-emphasis: rgb(76.45, 218.15, 176.5);
  --bs-info-text-emphasis: rgb(169, 181.4, 250.6);
  --bs-warning-text-emphasis: rgb(218.7, 176.7, 172.5);
  --bs-danger-text-emphasis: rgb(212.1, 122.5, 189.5);
  --bs-light-text-emphasis: #f8f8f2;
  --bs-dark-text-emphasis: #f8f8f2;
  --bs-primary-bg-subtle: rgb(57.82, 76.38, 89.82);
  --bs-secondary-bg-subtle: rgb(50.44, 54.96, 73.8);
  --bs-success-bg-subtle: rgb(46.561, 73.707, 76.05);
  --bs-info-bg-subtle: rgb(63.22, 67.092, 89.388);
  --bs-warning-bg-subtle: rgb(72.166, 66.246, 75.33);
  --bs-danger-bg-subtle: rgb(70.978, 56.49, 78.39);
  --bs-light-bg-subtle: #44475a;
  --bs-dark-bg-subtle: #282a36;
  --bs-primary-border-subtle: rgb(74.65, 108.85, 123.65);
  --bs-secondary-border-subtle: rgb(60.3, 67.2, 92.5);
  --bs-success-border-subtle: rgb(52.7575, 103.6525, 96.875);
  --bs-info-border-subtle: rgb(85.15, 90.79, 122.81);
  --bs-warning-border-subtle: rgb(102.545, 89.145, 95.475);
  --bs-danger-border-subtle: rgb(100.235, 70.175, 101.425);
  --bs-light-border-subtle: #44475a;
  --bs-dark-border-subtle: rgb(206.4, 206.8, 204.4);
  --bs-white-rgb: 248, 248, 242;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color: #f8f8f2;
  --bs-body-color-rgb: 248, 248, 242;
  --bs-body-bg: #282a36;
  --bs-body-bg-rgb: 40, 42, 54;
  --bs-emphasis-color: #f8f8f2;
  --bs-emphasis-color-rgb: 248, 248, 242;
  --bs-secondary-color: rgba(248, 248, 242, 0.75);
  --bs-secondary-color-rgb: 248, 248, 242;
  --bs-secondary-bg: #44475a;
  --bs-secondary-bg-rgb: 68, 71, 90;
  --bs-tertiary-color: rgba(248, 248, 242, 0.5);
  --bs-tertiary-color-rgb: 248, 248, 242;
  --bs-tertiary-bg: rgb(50.8510638298, 53.3936170213, 68.6489361702);
  --bs-tertiary-bg-rgb: 50.8510638298, 53.3936170213, 68.6489361702;
  --bs-heading-color: #bd93f9;
  --bs-link-color: #8be9fd;
  --bs-link-color-rgb: 139, 233, 253;
  --bs-link-decoration: none;
  --bs-link-hover-color: #bd93f9;
  --bs-link-hover-color-rgb: 189, 147, 249;
  --bs-code-color: #ff79c6;
  --bs-highlight-color: #f8f8f2;
  --bs-highlight-bg: #44475a;
  --bs-border-color: #44475a;
  --bs-border-color-translucent: rgba(248, 248, 242, 0.175);
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: #f8f8f2;
  --bs-table-bg: #282a36;
  --bs-table-border-color: #44475a;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #f8f8f2;
  --bs-table-striped-bg: rgb(56.64, 58.48, 69.04);
  --bs-table-active-color: #f8f8f2;
  --bs-table-active-bg: rgb(69.12, 70.84, 80.32);
  --bs-table-hover-color: #f8f8f2;
  --bs-table-hover-bg: rgb(60.8, 62.6, 72.8);
  --bs-focus-ring-color: rgba(139, 233, 253, 0.25);
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.6);
  --bs-form-valid-color: rgb(76.45, 218.15, 176.5);
  --bs-form-valid-border-color: rgb(76.45, 218.15, 176.5);
  --bs-form-invalid-color: rgb(212.1, 122.5, 189.5);
  --bs-form-invalid-border-color: rgb(212.1, 122.5, 189.5);
}

.btn.btn-primary {
  color: #282a36;
  background-color: #8be9fd;
  border-color: #8be9fd;
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: #8be9fd;
  --bs-btn-border-color: #8be9fd;
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: rgb(108.9186440678, 227.2949152542, 252.4813559322);
  --bs-btn-hover-border-color: rgb(108.9186440678, 227.2949152542, 252.4813559322);
  --bs-btn-focus-shadow-rgb: 209.85, 242.75, 245.85;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: rgb(88.8644067797, 223.4915254237, 252.1355932203);
  --bs-btn-active-border-color: rgb(88.8644067797, 223.4915254237, 252.1355932203);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(94.45, 147.05, 163.45);
  --bs-btn-disabled-border-color: rgb(94.45, 147.05, 163.45);
}
.btn.btn-primary:hover, .btn.btn-primary:focus-visible {
  color: #282a36;
  background-color: rgb(108.9186440678, 227.2949152542, 252.4813559322);
  border-color: rgb(108.9186440678, 227.2949152542, 252.4813559322);
}
.btn.btn-primary:active, .btn.btn-primary.active, .show > .btn.btn-primary.dropdown-toggle {
  color: #282a36;
  background-color: rgb(88.8644067797, 223.4915254237, 252.1355932203);
  border-color: rgb(88.8644067797, 223.4915254237, 252.1355932203);
}
.btn.btn-primary:disabled, .btn.btn-primary.disabled {
  color: #282a36;
  background-color: rgb(94.45, 147.05, 163.45);
  border-color: rgb(94.45, 147.05, 163.45);
  box-shadow: none;
}

.btn.btn-secondary {
  color: #f8f8f2;
  background-color: #6272a4;
  border-color: #6272a4;
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: #6272a4;
  --bs-btn-border-color: #6272a4;
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: rgb(117.3717741935, 131.3975806452, 175.2282258065);
  --bs-btn-hover-border-color: rgb(117.3717741935, 131.3975806452, 175.2282258065);
  --bs-btn-focus-shadow-rgb: 195.5, 201.1, 214.7;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: rgb(130.2862903226, 142.9959677419, 182.7137096774);
  --bs-btn-active-border-color: rgb(130.2862903226, 142.9959677419, 182.7137096774);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(71.9, 81.6, 114.5);
  --bs-btn-disabled-border-color: rgb(71.9, 81.6, 114.5);
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus-visible {
  color: #f8f8f2;
  background-color: rgb(117.3717741935, 131.3975806452, 175.2282258065);
  border-color: rgb(117.3717741935, 131.3975806452, 175.2282258065);
}
.btn.btn-secondary:active, .btn.btn-secondary.active, .show > .btn.btn-secondary.dropdown-toggle {
  color: #f8f8f2;
  background-color: rgb(130.2862903226, 142.9959677419, 182.7137096774);
  border-color: rgb(130.2862903226, 142.9959677419, 182.7137096774);
}
.btn.btn-secondary:disabled, .btn.btn-secondary.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(71.9, 81.6, 114.5);
  border-color: rgb(71.9, 81.6, 114.5);
  box-shadow: none;
}

.btn.btn-success {
  color: #282a36;
  background-color: rgb(76.45, 218.15, 176.5);
  border-color: rgb(76.45, 218.15, 176.5);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: rgb(76.45, 218.15, 176.5);
  --bs-btn-border-color: rgb(76.45, 218.15, 176.5);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: rgb(51.0849582173, 212.9150417827, 165.348189415);
  --bs-btn-hover-border-color: rgb(51.0849582173, 212.9150417827, 165.348189415);
  --bs-btn-focus-shadow-rgb: 187.9575, 237.5525, 219.075;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: rgb(41.6743732591, 201.9256267409, 154.8228412256);
  --bs-btn-active-border-color: rgb(41.6743732591, 201.9256267409, 154.8228412256);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(60.0475, 138.8825, 121.375);
  --bs-btn-disabled-border-color: rgb(60.0475, 138.8825, 121.375);
}
.btn.btn-success:hover, .btn.btn-success:focus-visible {
  color: #282a36;
  background-color: rgb(51.0849582173, 212.9150417827, 165.348189415);
  border-color: rgb(51.0849582173, 212.9150417827, 165.348189415);
}
.btn.btn-success:active, .btn.btn-success.active, .show > .btn.btn-success.dropdown-toggle {
  color: #282a36;
  background-color: rgb(41.6743732591, 201.9256267409, 154.8228412256);
  border-color: rgb(41.6743732591, 201.9256267409, 154.8228412256);
}
.btn.btn-success:disabled, .btn.btn-success.disabled {
  color: #282a36;
  background-color: rgb(60.0475, 138.8825, 121.375);
  border-color: rgb(60.0475, 138.8825, 121.375);
  box-shadow: none;
}

.btn.btn-danger {
  color: #f8f8f2;
  background-color: rgb(212.1, 122.5, 189.5);
  border-color: rgb(212.1, 122.5, 189.5);
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: rgb(212.1, 122.5, 189.5);
  --bs-btn-border-color: rgb(212.1, 122.5, 189.5);
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: rgb(204.6157354618, 99.3842645382, 178.0729760547);
  --bs-btn-hover-border-color: rgb(204.6157354618, 99.3842645382, 178.0729760547);
  --bs-btn-focus-shadow-rgb: 235.435, 204.075, 223.625;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: rgb(199.6262257697, 83.9737742303, 170.4549600912);
  --bs-btn-active-border-color: rgb(199.6262257697, 83.9737742303, 170.4549600912);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(134.655, 86.275, 128.525);
  --bs-btn-disabled-border-color: rgb(134.655, 86.275, 128.525);
}
.btn.btn-danger:hover, .btn.btn-danger:focus-visible {
  color: #f8f8f2;
  background-color: rgb(204.6157354618, 99.3842645382, 178.0729760547);
  border-color: rgb(204.6157354618, 99.3842645382, 178.0729760547);
}
.btn.btn-danger:active, .btn.btn-danger.active, .show > .btn.btn-danger.dropdown-toggle {
  color: #f8f8f2;
  background-color: rgb(199.6262257697, 83.9737742303, 170.4549600912);
  border-color: rgb(199.6262257697, 83.9737742303, 170.4549600912);
}
.btn.btn-danger:disabled, .btn.btn-danger.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(134.655, 86.275, 128.525);
  border-color: rgb(134.655, 86.275, 128.525);
  box-shadow: none;
}

.btn.btn-warning {
  color: #282a36;
  background-color: rgb(218.7, 176.7, 172.5);
  border-color: rgb(218.7, 176.7, 172.5);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: rgb(218.7, 176.7, 172.5);
  --bs-btn-border-color: rgb(218.7, 176.7, 172.5);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: rgb(209.35, 156.5318181818, 151.25);
  --bs-btn-hover-border-color: rgb(209.35, 156.5318181818, 151.25);
  --bs-btn-focus-shadow-rgb: 237.745, 223.045, 217.675;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: rgb(203.1166666667, 143.0863636364, 137.0833333333);
  --bs-btn-active-border-color: rgb(203.1166666667, 143.0863636364, 137.0833333333);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(138.285, 116.085, 119.175);
  --bs-btn-disabled-border-color: rgb(138.285, 116.085, 119.175);
}
.btn.btn-warning:hover, .btn.btn-warning:focus-visible {
  color: #282a36;
  background-color: rgb(209.35, 156.5318181818, 151.25);
  border-color: rgb(209.35, 156.5318181818, 151.25);
}
.btn.btn-warning:active, .btn.btn-warning.active, .show > .btn.btn-warning.dropdown-toggle {
  color: #282a36;
  background-color: rgb(203.1166666667, 143.0863636364, 137.0833333333);
  border-color: rgb(203.1166666667, 143.0863636364, 137.0833333333);
}
.btn.btn-warning:disabled, .btn.btn-warning.disabled {
  color: #282a36;
  background-color: rgb(138.285, 116.085, 119.175);
  border-color: rgb(138.285, 116.085, 119.175);
  box-shadow: none;
}

.btn.btn-info {
  color: #282a36;
  background-color: rgb(169, 181.4, 250.6);
  border-color: rgb(169, 181.4, 250.6);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: rgb(169, 181.4, 250.6);
  --bs-btn-border-color: rgb(169, 181.4, 250.6);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: rgb(139.889380531, 156.4867256637, 249.110619469);
  --bs-btn-hover-border-color: rgb(139.889380531, 156.4867256637, 249.110619469);
  --bs-btn-focus-shadow-rgb: 220.35, 224.69, 245.01;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: rgb(120.482300885, 139.8778761062, 248.117699115);
  --bs-btn-active-border-color: rgb(120.482300885, 139.8778761062, 248.117699115);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(110.95, 118.67, 162.13);
  --bs-btn-disabled-border-color: rgb(110.95, 118.67, 162.13);
}
.btn.btn-info:hover, .btn.btn-info:focus-visible {
  color: #282a36;
  background-color: rgb(139.889380531, 156.4867256637, 249.110619469);
  border-color: rgb(139.889380531, 156.4867256637, 249.110619469);
}
.btn.btn-info:active, .btn.btn-info.active, .show > .btn.btn-info.dropdown-toggle {
  color: #f8f8f2;
  background-color: rgb(120.482300885, 139.8778761062, 248.117699115);
  border-color: rgb(120.482300885, 139.8778761062, 248.117699115);
}
.btn.btn-info:disabled, .btn.btn-info.disabled {
  color: #282a36;
  background-color: rgb(110.95, 118.67, 162.13);
  border-color: rgb(110.95, 118.67, 162.13);
  box-shadow: none;
}

.btn.btn-light {
  color: #f8f8f2;
  background-color: #44475a;
  border-color: #44475a;
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: #44475a;
  --bs-btn-border-color: #44475a;
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: rgb(81.1696202532, 84.7506329114, 107.4303797468);
  --bs-btn-hover-border-color: rgb(81.1696202532, 84.7506329114, 107.4303797468);
  --bs-btn-focus-shadow-rgb: 185, 186.05, 188.8;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: rgb(89.9493670886, 93.917721519, 119.0506329114);
  --bs-btn-active-border-color: rgb(89.9493670886, 93.917721519, 119.0506329114);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(55.4, 57.95, 73.8);
  --bs-btn-disabled-border-color: rgb(55.4, 57.95, 73.8);
}
.btn.btn-light:hover, .btn.btn-light:focus-visible {
  color: #f8f8f2;
  background-color: rgb(81.1696202532, 84.7506329114, 107.4303797468);
  border-color: rgb(81.1696202532, 84.7506329114, 107.4303797468);
}
.btn.btn-light:active, .btn.btn-light.active, .show > .btn.btn-light.dropdown-toggle {
  color: #f8f8f2;
  background-color: rgb(89.9493670886, 93.917721519, 119.0506329114);
  border-color: rgb(89.9493670886, 93.917721519, 119.0506329114);
}
.btn.btn-light:disabled, .btn.btn-light.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(55.4, 57.95, 73.8);
  border-color: rgb(55.4, 57.95, 73.8);
  box-shadow: none;
}

.btn.btn-dark {
  color: #f8f8f2;
  background-color: #282a36;
  border-color: rgb(196, 196.5, 195);
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: #282a36;
  --bs-btn-border-color: rgb(196, 196.5, 195);
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: rgb(53.0212765957, 55.6723404255, 71.5787234043);
  --bs-btn-hover-border-color: rgb(180.764556962, 181.3936708861, 179.5063291139);
  --bs-btn-focus-shadow-rgb: 175.2, 175.9, 176.2;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: rgb(61.7021276596, 64.7872340426, 83.2978723404);
  --bs-btn-active-border-color: rgb(170.6075949367, 171.3227848101, 169.1772151899);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: #282a36;
  --bs-btn-disabled-border-color: rgb(125.8, 126.975, 131.55);
}
.btn.btn-dark:hover, .btn.btn-dark:focus-visible {
  color: #f8f8f2;
  background-color: rgb(53.0212765957, 55.6723404255, 71.5787234043);
  border-color: rgb(180.764556962, 181.3936708861, 179.5063291139);
}
.btn.btn-dark:active, .btn.btn-dark.active, .show > .btn.btn-dark.dropdown-toggle {
  color: #f8f8f2;
  background-color: rgb(61.7021276596, 64.7872340426, 83.2978723404);
  border-color: rgb(170.6075949367, 171.3227848101, 169.1772151899);
}
.btn.btn-dark:disabled, .btn.btn-dark.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: #282a36;
  border-color: rgb(125.8, 126.975, 131.55);
  box-shadow: none;
}

.btn.btn-link {
  color: #8be9fd;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  --bs-btn-color: #8be9fd;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #bd93f9;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: #bd93f9;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: rgba(139, 233, 253, 0.45);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
}
.btn.btn-link:hover, .btn.btn-link:focus-visible, .btn.btn-link:active, .btn.btn-link.active {
  color: #bd93f9;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn.btn-link:disabled, .btn.btn-link.disabled {
  color: rgba(139, 233, 253, 0.45);
  background-color: transparent;
  border-color: transparent;
}

:root[data-docs-theme=grayscale] {
  --bs-primary: hsl(0, 0%, 76.862745098%);
  --bs-secondary: hsl(0, 0%, 51.3725490196%);
  --bs-success: hsl(0, 0%, 57.7647058824%);
  --bs-info: hsl(0, 0%, 82.2745098039%);
  --bs-warning: hsl(0, 0%, 76.7058823529%);
  --bs-danger: hsl(0, 0%, 65.6078431373%);
  --bs-light: hsl(0, 0%, 30.9803921569%);
  --bs-dark: hsl(0, 0%, 18.431372549%);
  --bs-primary-rgb: 196, 196, 196;
  --bs-secondary-rgb: 131, 131, 131;
  --bs-success-rgb: 147.3, 147.3, 147.3;
  --bs-info-rgb: 209.8, 209.8, 209.8;
  --bs-warning-rgb: 195.6, 195.6, 195.6;
  --bs-danger-rgb: 167.3, 167.3, 167.3;
  --bs-light-rgb: 79, 79, 79;
  --bs-dark-rgb: 47, 47, 47;
}

:root[data-docs-theme=grayscale] .btn.btn-primary {
  color: #282a36;
  background-color: hsl(0, 0%, 76.862745098%);
  border-color: hsl(0, 0%, 76.862745098%);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: hsl(0, 0%, 76.862745098%);
  --bs-btn-border-color: hsl(0, 0%, 76.862745098%);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: hsl(0, 0%, 70.862745098%);
  --bs-btn-hover-border-color: hsl(0, 0%, 70.862745098%);
  --bs-btn-focus-shadow-rgb: 229.8, 229.8, 225.9;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: hsl(0, 0%, 66.862745098%);
  --bs-btn-active-border-color: hsl(0, 0%, 66.862745098%);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(125.8, 126.7, 132.1);
  --bs-btn-disabled-border-color: rgb(125.8, 126.7, 132.1);
}
:root[data-docs-theme=grayscale] .btn.btn-primary:hover, :root[data-docs-theme=grayscale] .btn.btn-primary:focus-visible {
  color: #282a36;
  background-color: hsl(0, 0%, 70.862745098%);
  border-color: hsl(0, 0%, 70.862745098%);
}
:root[data-docs-theme=grayscale] .btn.btn-primary:active, :root[data-docs-theme=grayscale] .btn.btn-primary.active, .show > :root[data-docs-theme=grayscale] .btn.btn-primary.dropdown-toggle {
  color: #282a36;
  background-color: hsl(0, 0%, 66.862745098%);
  border-color: hsl(0, 0%, 66.862745098%);
}
:root[data-docs-theme=grayscale] .btn.btn-primary:disabled, :root[data-docs-theme=grayscale] .btn.btn-primary.disabled {
  color: #282a36;
  background-color: rgb(125.8, 126.7, 132.1);
  border-color: rgb(125.8, 126.7, 132.1);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-secondary {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 51.3725490196%);
  border-color: hsl(0, 0%, 51.3725490196%);
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: hsl(0, 0%, 51.3725490196%);
  --bs-btn-border-color: hsl(0, 0%, 51.3725490196%);
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: hsl(0, 0%, 57.3725490196%);
  --bs-btn-hover-border-color: hsl(0, 0%, 57.3725490196%);
  --bs-btn-focus-shadow-rgb: 207.05, 207.05, 203.15;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: hsl(0, 0%, 61.3725490196%);
  --bs-btn-active-border-color: hsl(0, 0%, 61.3725490196%);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(90.05, 90.95, 96.35);
  --bs-btn-disabled-border-color: rgb(90.05, 90.95, 96.35);
}
:root[data-docs-theme=grayscale] .btn.btn-secondary:hover, :root[data-docs-theme=grayscale] .btn.btn-secondary:focus-visible {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 57.3725490196%);
  border-color: hsl(0, 0%, 57.3725490196%);
}
:root[data-docs-theme=grayscale] .btn.btn-secondary:active, :root[data-docs-theme=grayscale] .btn.btn-secondary.active, .show > :root[data-docs-theme=grayscale] .btn.btn-secondary.dropdown-toggle {
  color: #282a36;
  background-color: hsl(0, 0%, 61.3725490196%);
  border-color: hsl(0, 0%, 61.3725490196%);
}
:root[data-docs-theme=grayscale] .btn.btn-secondary:disabled, :root[data-docs-theme=grayscale] .btn.btn-secondary.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(90.05, 90.95, 96.35);
  border-color: rgb(90.05, 90.95, 96.35);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-success {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 57.7647058824%);
  border-color: hsl(0, 0%, 57.7647058824%);
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: hsl(0, 0%, 57.7647058824%);
  --bs-btn-border-color: hsl(0, 0%, 57.7647058824%);
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: hsl(0, 0%, 51.7647058824%);
  --bs-btn-hover-border-color: hsl(0, 0%, 51.7647058824%);
  --bs-btn-focus-shadow-rgb: 212.755, 212.755, 208.855;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: hsl(0, 0%, 47.7647058824%);
  --bs-btn-active-border-color: hsl(0, 0%, 47.7647058824%);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(99.015, 99.915, 105.315);
  --bs-btn-disabled-border-color: rgb(99.015, 99.915, 105.315);
}
:root[data-docs-theme=grayscale] .btn.btn-success:hover, :root[data-docs-theme=grayscale] .btn.btn-success:focus-visible {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 51.7647058824%);
  border-color: hsl(0, 0%, 51.7647058824%);
}
:root[data-docs-theme=grayscale] .btn.btn-success:active, :root[data-docs-theme=grayscale] .btn.btn-success.active, .show > :root[data-docs-theme=grayscale] .btn.btn-success.dropdown-toggle {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 47.7647058824%);
  border-color: hsl(0, 0%, 47.7647058824%);
}
:root[data-docs-theme=grayscale] .btn.btn-success:disabled, :root[data-docs-theme=grayscale] .btn.btn-success.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(99.015, 99.915, 105.315);
  border-color: rgb(99.015, 99.915, 105.315);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-danger {
  color: #282a36;
  background-color: hsl(0, 0%, 65.6078431373%);
  border-color: hsl(0, 0%, 65.6078431373%);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: hsl(0, 0%, 65.6078431373%);
  --bs-btn-border-color: hsl(0, 0%, 65.6078431373%);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: hsl(0, 0%, 59.6078431373%);
  --bs-btn-hover-border-color: hsl(0, 0%, 59.6078431373%);
  --bs-btn-focus-shadow-rgb: 219.755, 219.755, 215.855;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: hsl(0, 0%, 55.6078431373%);
  --bs-btn-active-border-color: hsl(0, 0%, 55.6078431373%);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(110.015, 110.915, 116.315);
  --bs-btn-disabled-border-color: rgb(110.015, 110.915, 116.315);
}
:root[data-docs-theme=grayscale] .btn.btn-danger:hover, :root[data-docs-theme=grayscale] .btn.btn-danger:focus-visible {
  color: #282a36;
  background-color: hsl(0, 0%, 59.6078431373%);
  border-color: hsl(0, 0%, 59.6078431373%);
}
:root[data-docs-theme=grayscale] .btn.btn-danger:active, :root[data-docs-theme=grayscale] .btn.btn-danger.active, .show > :root[data-docs-theme=grayscale] .btn.btn-danger.dropdown-toggle {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 55.6078431373%);
  border-color: hsl(0, 0%, 55.6078431373%);
}
:root[data-docs-theme=grayscale] .btn.btn-danger:disabled, :root[data-docs-theme=grayscale] .btn.btn-danger.disabled {
  color: #282a36;
  background-color: rgb(110.015, 110.915, 116.315);
  border-color: rgb(110.015, 110.915, 116.315);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-warning {
  color: #282a36;
  background-color: hsl(0, 0%, 76.7058823529%);
  border-color: hsl(0, 0%, 76.7058823529%);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: hsl(0, 0%, 76.7058823529%);
  --bs-btn-border-color: hsl(0, 0%, 76.7058823529%);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: hsl(0, 0%, 70.7058823529%);
  --bs-btn-hover-border-color: hsl(0, 0%, 70.7058823529%);
  --bs-btn-focus-shadow-rgb: 229.66, 229.66, 225.76;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: hsl(0, 0%, 66.7058823529%);
  --bs-btn-active-border-color: hsl(0, 0%, 66.7058823529%);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(125.58, 126.48, 131.88);
  --bs-btn-disabled-border-color: rgb(125.58, 126.48, 131.88);
}
:root[data-docs-theme=grayscale] .btn.btn-warning:hover, :root[data-docs-theme=grayscale] .btn.btn-warning:focus-visible {
  color: #282a36;
  background-color: hsl(0, 0%, 70.7058823529%);
  border-color: hsl(0, 0%, 70.7058823529%);
}
:root[data-docs-theme=grayscale] .btn.btn-warning:active, :root[data-docs-theme=grayscale] .btn.btn-warning.active, .show > :root[data-docs-theme=grayscale] .btn.btn-warning.dropdown-toggle {
  color: #282a36;
  background-color: hsl(0, 0%, 66.7058823529%);
  border-color: hsl(0, 0%, 66.7058823529%);
}
:root[data-docs-theme=grayscale] .btn.btn-warning:disabled, :root[data-docs-theme=grayscale] .btn.btn-warning.disabled {
  color: #282a36;
  background-color: rgb(125.58, 126.48, 131.88);
  border-color: rgb(125.58, 126.48, 131.88);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-info {
  color: #282a36;
  background-color: hsl(0, 0%, 82.2745098039%);
  border-color: hsl(0, 0%, 82.2745098039%);
  background-image: none;
  --bs-btn-color: #282a36;
  --bs-btn-bg: hsl(0, 0%, 82.2745098039%);
  --bs-btn-border-color: hsl(0, 0%, 82.2745098039%);
  --bs-btn-hover-color: #282a36;
  --bs-btn-hover-bg: hsl(0, 0%, 76.2745098039%);
  --bs-btn-hover-border-color: hsl(0, 0%, 76.2745098039%);
  --bs-btn-focus-shadow-rgb: 234.63, 234.63, 230.73;
  --bs-btn-active-color: #282a36;
  --bs-btn-active-bg: hsl(0, 0%, 72.2745098039%);
  --bs-btn-active-border-color: hsl(0, 0%, 72.2745098039%);
  --bs-btn-disabled-color: #282a36;
  --bs-btn-disabled-bg: rgb(133.39, 134.29, 139.69);
  --bs-btn-disabled-border-color: rgb(133.39, 134.29, 139.69);
}
:root[data-docs-theme=grayscale] .btn.btn-info:hover, :root[data-docs-theme=grayscale] .btn.btn-info:focus-visible {
  color: #282a36;
  background-color: hsl(0, 0%, 76.2745098039%);
  border-color: hsl(0, 0%, 76.2745098039%);
}
:root[data-docs-theme=grayscale] .btn.btn-info:active, :root[data-docs-theme=grayscale] .btn.btn-info.active, .show > :root[data-docs-theme=grayscale] .btn.btn-info.dropdown-toggle {
  color: #282a36;
  background-color: hsl(0, 0%, 72.2745098039%);
  border-color: hsl(0, 0%, 72.2745098039%);
}
:root[data-docs-theme=grayscale] .btn.btn-info:disabled, :root[data-docs-theme=grayscale] .btn.btn-info.disabled {
  color: #282a36;
  background-color: rgb(133.39, 134.29, 139.69);
  border-color: rgb(133.39, 134.29, 139.69);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-light {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 30.9803921569%);
  border-color: #4f4f4f;
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: hsl(0, 0%, 30.9803921569%);
  --bs-btn-border-color: #4f4f4f;
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: hsl(0, 0%, 36.9803921569%);
  --bs-btn-hover-border-color: rgb(94.3, 94.3, 94.3);
  --bs-btn-focus-shadow-rgb: 188.85, 188.85, 184.95;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: hsl(0, 0%, 40.9803921569%);
  --bs-btn-active-border-color: rgb(104.5, 104.5, 104.5);
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(61.45, 62.35, 67.75);
  --bs-btn-disabled-border-color: rgb(61.45, 62.35, 67.75);
}
:root[data-docs-theme=grayscale] .btn.btn-light:hover, :root[data-docs-theme=grayscale] .btn.btn-light:focus-visible {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 36.9803921569%);
  border-color: rgb(94.3, 94.3, 94.3);
}
:root[data-docs-theme=grayscale] .btn.btn-light:active, :root[data-docs-theme=grayscale] .btn.btn-light.active, .show > :root[data-docs-theme=grayscale] .btn.btn-light.dropdown-toggle {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 40.9803921569%);
  border-color: rgb(104.5, 104.5, 104.5);
}
:root[data-docs-theme=grayscale] .btn.btn-light:disabled, :root[data-docs-theme=grayscale] .btn.btn-light.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(61.45, 62.35, 67.75);
  border-color: rgb(61.45, 62.35, 67.75);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-dark {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 18.431372549%);
  border-color: rgb(195.5, 195.5, 195.5);
  background-image: none;
  --bs-btn-color: #f8f8f2;
  --bs-btn-bg: hsl(0, 0%, 18.431372549%);
  --bs-btn-border-color: rgb(195.5, 195.5, 195.5);
  --bs-btn-hover-color: #f8f8f2;
  --bs-btn-hover-bg: hsl(0, 0%, 24.431372549%);
  --bs-btn-hover-border-color: rgb(180.2, 180.2, 180.2);
  --bs-btn-focus-shadow-rgb: 177.65, 177.65, 173.75;
  --bs-btn-active-color: #f8f8f2;
  --bs-btn-active-bg: hsl(0, 0%, 28.431372549%);
  --bs-btn-active-border-color: #aaaaaa;
  --bs-btn-disabled-color: rgb(154.4, 155.3, 157.4);
  --bs-btn-disabled-bg: rgb(43.85, 44.75, 50.15);
  --bs-btn-disabled-border-color: rgb(125.525, 126.425, 131.825);
}
:root[data-docs-theme=grayscale] .btn.btn-dark:hover, :root[data-docs-theme=grayscale] .btn.btn-dark:focus-visible {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 24.431372549%);
  border-color: rgb(180.2, 180.2, 180.2);
}
:root[data-docs-theme=grayscale] .btn.btn-dark:active, :root[data-docs-theme=grayscale] .btn.btn-dark.active, .show > :root[data-docs-theme=grayscale] .btn.btn-dark.dropdown-toggle {
  color: #f8f8f2;
  background-color: hsl(0, 0%, 28.431372549%);
  border-color: #aaaaaa;
}
:root[data-docs-theme=grayscale] .btn.btn-dark:disabled, :root[data-docs-theme=grayscale] .btn.btn-dark.disabled {
  color: rgb(154.4, 155.3, 157.4);
  background-color: rgb(43.85, 44.75, 50.15);
  border-color: rgb(125.525, 126.425, 131.825);
  box-shadow: none;
}

:root[data-docs-theme=grayscale] .btn.btn-link {
  color: hsl(0, 0%, 76.862745098%);
  --bs-btn-color: hsl(0, 0%, 76.862745098%);
  --bs-btn-hover-color: hsl(0, 0%, 77.6470588235%);
  --bs-btn-active-color: hsl(0, 0%, 77.6470588235%);
  --bs-btn-disabled-color: rgba(196, 196, 196, 0.45);
}
:root[data-docs-theme=grayscale] .btn.btn-link:hover, :root[data-docs-theme=grayscale] .btn.btn-link:focus-visible, :root[data-docs-theme=grayscale] .btn.btn-link:active, :root[data-docs-theme=grayscale] .btn.btn-link.active {
  color: hsl(0, 0%, 77.6470588235%);
}
:root[data-docs-theme=grayscale] .btn.btn-link:disabled, :root[data-docs-theme=grayscale] .btn.btn-link.disabled {
  color: rgba(196, 196, 196, 0.45);
}

.main-content .table > :not(caption) > * > * {
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg) !important;
  border-color: var(--bs-table-border-color);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.main-content table:not(.table) th,
.main-content table:not(.table) td {
  color: var(--bs-table-color);
  background-color: var(--bs-table-bg) !important;
  border-color: var(--bs-table-border-color);
}

.figure.highlight,
div.highlighter-rouge {
  counter-reset: linenumber;
}

.figure.highlight pre,
div.highlighter-rouge pre {
  position: relative;
  padding-left: 5.5rem;
}

.figure.highlight.tree code,
div.highlighter-rouge.tree code {
  font-size: 1rem !important;
  line-height: 1rem !important;
}

.lineno {
  position: absolute;
  left: 0;
  width: 2.5rem;
  text-align: right;
  color: #6272a4;
  user-select: none;
  z-index: 1;
}

div.highlighter-rouge,
figure.highlight {
  border: 1px solid #44475a;
  border-radius: 4px;
  overflow: hidden;
  margin: 0.75rem 0;
}

figure.highlight pre,
figure.highlight :not(pre) > code {
  border: 0;
}

div.highlighter-rouge > .highlight,
figure.highlight {
  white-space: pre-wrap;
  word-wrap: break-word;
  background-color: rgb(33.4893617021, 35.1638297872, 45.2106382979);
  background-image: linear-gradient(to right, rgb(29.1489361702, 30.6063829787, 39.3510638298) 2.5rem, #44475a 2.5rem, #44475a calc(2.5rem + 1px), rgb(33.4893617021, 35.1638297872, 45.2106382979) calc(2.5rem + 1px));
  border-radius: 0;
  color: #f8f8f2;
  margin: 0.75rem 0 0.75rem 0;
  padding: 0.75rem 1rem 0.75rem 3.5rem;
}

div.highlighter-rouge .highlight > .highlight,
div.highlighter-rouge pre.highlight {
  background-image: none !important;
  padding-left: 0 !important;
  margin-left: 2.5rem !important;
}

div.highlighter-rouge > .highlight {
  border: 1px solid #44475a !important;
  background-color: rgb(33.4893617021, 35.1638297872, 45.2106382979) !important;
  color: #f8f8f2 !important;
}

div.highlighter-rouge .highlight > .highlight {
  border: none !important;
  padding-left: 0 !important;
}

div.highlighter-rouge pre {
  margin-left: 2.5rem !important;
  padding-left: 1rem !important;
}

.highlight,
pre.highlight {
  color: #f8f8f2 !important;
}

.highlight pre {
  background-color: transparent !important;
}

:not(pre, figure) > code {
  background-color: rgb(33.4893617021, 35.1638297872, 45.2106382979) !important;
  border-color: #44475a !important;
}

.highlight .c,
.highlight .c1,
.highlight .cm,
.highlight .cs,
.highlight .cp {
  color: #6272a4;
  font-style: italic;
}

.highlight .k,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .kt {
  color: #ff79c6;
}

.highlight .kc {
  color: #bd93f9;
}

.highlight .s,
.highlight .s1,
.highlight .s2,
.highlight .sb,
.highlight .sc,
.highlight .sh,
.highlight .si,
.highlight .sx {
  color: #f1fa8c;
}

.highlight .se {
  color: #ff79c6;
}

.highlight .nf,
.highlight .fm {
  color: #50fa7b;
}

.highlight .nb {
  color: #8be9fd;
  font-style: italic;
}

.highlight .nc,
.highlight .nl,
.highlight .nn {
  color: #8be9fd;
}

.highlight .nd {
  color: #50fa7b;
}

.highlight .nt {
  color: #ff79c6;
}

.highlight .m,
.highlight .mi,
.highlight .mf,
.highlight .mh,
.highlight .mo {
  color: #bd93f9;
}

.highlight .o,
.highlight .ow {
  color: #ff79c6;
}

.highlight .n,
.highlight .p {
  color: #f8f8f2;
}

.highlight .gl,
.highlight .ln {
  color: #6272a4;
}

@view-transition {
  navigation: auto;
}
@keyframes vt-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes vt-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
}

.main {
  view-transition-name: main-content;
}

::view-transition-old(main-content) {
  animation: 150ms ease-in both vt-fade-out;
}

::view-transition-new(main-content) {
  animation: 200ms ease-out both vt-fade-in;
}

@media (min-width: 66.5rem) {
  .side-bar + .main {
    margin-left: 16.5rem;
  }
}
@media (min-width: 50rem) {
  .main {
    max-width: 100%;
  }
}
@media (min-width: 66.5rem) {
  .side-bar {
    width: 16.5rem;
  }
}
.vat {
  vertical-align: top;
}

.site-header {
  background-color: rgb(37.829787234, 39.7212765957, 51.070212766);
  border-bottom: 1px solid #44475a;
}

.main-header {
  background-color: rgb(37.829787234, 39.7212765957, 51.070212766);
  border-bottom: 1px solid #44475a;
}

.site-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #f8f8f2;
}

.site-logo {
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
}

.site-title::after {
  content: "MusicBee Remote";
  font-size: 1.125rem;
  font-weight: 600;
  color: #bd93f9;
  white-space: nowrap;
}

#back-to-top-fab {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: none;
  background-color: #8be9fd;
  color: #282a36;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease, background-color 0.2s ease;
  z-index: 1000;
  cursor: pointer;
}
#back-to-top-fab:hover {
  background-color: #bd93f9;
}
#back-to-top-fab.visible {
  opacity: 1;
  visibility: visible;
}

.mbr-docs-theme-nav-item {
  display: flex;
  align-items: center;
}

.aux-nav-list-item.mbr-docs-theme-nav-item {
  margin-left: 0.5rem;
}

.main-header > .mbr-docs-theme-nav-item {
  margin-left: auto;
}

nav#site-nav > .mbr-docs-theme-nav-item {
  padding: 1rem 1.5rem 0.5rem 1.5rem;
  border-bottom: 1px solid #44475a;
  margin-bottom: 0.5rem;
}

.mbr-docs-theme-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border-color: #44475a;
  background-color: rgba(68, 71, 90, 0.8);
  color: #f8f8f2;
  font-weight: 500;
}
.mbr-docs-theme-trigger:hover, .mbr-docs-theme-trigger:focus, .mbr-docs-theme-trigger:active, .mbr-docs-theme-trigger.show {
  border-color: #8be9fd;
  background-color: rgba(189, 147, 249, 0.22);
  color: #f8f8f2;
}

nav#site-nav .mbr-docs-theme-trigger {
  width: 100%;
  justify-content: space-between;
}

.mbr-docs-theme-trigger-label {
  color: #6272a4;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mbr-docs-theme-menu {
  min-width: 14rem;
  border-color: #44475a;
  background-color: #282a36;
  box-shadow: var(--bs-box-shadow);
}

.mbr-docs-theme-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #f8f8f2;
}
.mbr-docs-theme-option:hover, .mbr-docs-theme-option:focus {
  background-color: rgba(139, 233, 253, 0.12);
  color: #f8f8f2;
}
.mbr-docs-theme-option.active, .mbr-docs-theme-option:active {
  background-color: rgba(139, 233, 253, 0.18);
  color: #f8f8f2;
}

.mbr-docs-theme-option-check {
  color: #8be9fd;
  opacity: 0;
}

.mbr-docs-theme-option.active .mbr-docs-theme-option-check {
  opacity: 1;
}

@media (max-width: 50rem) {
  .main-header > .mbr-docs-theme-nav-item {
    margin-left: 0;
  }
  .mbr-docs-theme-trigger {
    width: 100%;
    justify-content: space-between;
  }
}
div.note,
p.note,
blockquote.note {
  border: 1px rgb(169, 181.4, 250.6) solid;
  border-left: 4px solid rgb(169, 181.4, 250.6);
  border-radius: 4px;
  background-color: rgba(169, 181.4, 250.6, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.note > p,
p.note > p,
blockquote.note > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.note::before,
p.note::before,
blockquote.note::before {
  color: rgb(169, 181.4, 250.6);
  content: "Note";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

p.highlight,
blockquote.highlight {
  border: 1px rgb(218.7, 176.7, 172.5) solid;
  border-left: 4px solid rgb(218.7, 176.7, 172.5);
  border-radius: 4px;
  background-color: rgba(218.7, 176.7, 172.5, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
p.highlight > p,
blockquote.highlight > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.important,
p.important,
blockquote.important {
  border: 1px #8be9fd solid;
  border-left: 4px solid #8be9fd;
  border-radius: 4px;
  background-color: rgba(139, 233, 253, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.important > p,
p.important > p,
blockquote.important > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.important::before,
p.important::before,
blockquote.important::before {
  color: #8be9fd;
  content: "Important";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

div.tip,
p.tip,
blockquote.tip {
  border: 1px #bd93f9 solid;
  border-left: 4px solid #bd93f9;
  border-radius: 4px;
  background-color: rgba(189, 147, 249, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.tip > p,
p.tip > p,
blockquote.tip > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.tip::before,
p.tip::before,
blockquote.tip::before {
  color: #bd93f9;
  content: "Tip";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

div.warning,
p.warning,
blockquote.warning {
  border: 1px rgb(218.7, 176.7, 172.5) solid;
  border-left: 4px solid rgb(218.7, 176.7, 172.5);
  border-radius: 4px;
  background-color: rgba(218.7, 176.7, 172.5, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.warning > p,
p.warning > p,
blockquote.warning > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.warning::before,
p.warning::before,
blockquote.warning::before {
  color: rgb(218.7, 176.7, 172.5);
  content: "Warning";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

div.caution,
p.caution,
blockquote.caution {
  border: 1px rgb(212.1, 122.5, 189.5) solid;
  border-left: 4px solid rgb(212.1, 122.5, 189.5);
  border-radius: 4px;
  background-color: rgba(212.1, 122.5, 189.5, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.caution > p,
p.caution > p,
blockquote.caution > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.caution::before,
p.caution::before,
blockquote.caution::before {
  color: rgb(212.1, 122.5, 189.5);
  content: "Caution";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

div.new,
p.new,
blockquote.new {
  border: 1px rgb(76.45, 218.15, 176.5) solid;
  border-left: 4px solid rgb(76.45, 218.15, 176.5);
  border-radius: 4px;
  background-color: rgba(76.45, 218.15, 176.5, 0.08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  padding: 0.8rem;
  color: #f8f8f2;
}
div.new > p,
p.new > p,
blockquote.new > p {
  color: #f8f8f2;
  margin-bottom: 0;
}

div.new::before,
p.new::before,
blockquote.new::before {
  color: rgb(76.45, 218.15, 176.5);
  content: "New";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75em;
  padding-bottom: 0.125rem;
}

.side-bar {
  background-color: rgb(33.4893617021, 35.1638297872, 45.2106382979);
  border-right: 1px solid #44475a;
}

.site-header,
.site-footer {
  background-color: rgb(37.829787234, 39.7212765957, 51.070212766);
  border-color: #44475a;
}

.site-title,
.site-button {
  color: #f8f8f2;
}

.site-button:hover,
.site-button:focus {
  background-image: linear-gradient(90deg, rgba(139, 233, 253, 0.12) 0%, rgba(139, 233, 253, 0.05) 100%);
}

.site-title:hover,
.site-title:focus {
  background-image: linear-gradient(90deg, rgba(139, 233, 253, 0.12) 0%, rgba(139, 233, 253, 0.05) 100%);
}

.site-nav {
  padding-top: 0;
}

.site-nav .nav-list .nav-list-item .nav-list-link {
  color: #f8f8f2;
}

.site-nav .nav-list .nav-list-item > .nav-list .nav-list-item .nav-list-link {
  color: #f8f8f2;
}

.site-nav .nav-list .nav-list-item .nav-list-link:hover,
.site-nav .nav-list .nav-list-item .nav-list-link:focus {
  color: #8be9fd;
  background-image: linear-gradient(90deg, rgba(139, 233, 253, 0.12) 0%, rgba(139, 233, 253, 0.04) 100%);
}

.site-nav .nav-list .nav-list-item > .nav-list .nav-list-item .nav-list-link:hover,
.site-nav .nav-list .nav-list-item > .nav-list .nav-list-item .nav-list-link:focus {
  color: #8be9fd;
}

.site-nav .nav-list .nav-list-item .nav-list-link.active {
  color: #bd93f9;
  background-image: linear-gradient(90deg, rgba(189, 147, 249, 0.22) 0%, rgba(139, 233, 253, 0.03) 100%);
  border-left-color: #bd93f9;
}

.site-nav .nav-list .nav-list-item > .nav-list .nav-list-item .nav-list-link.active {
  color: #bd93f9;
}

.site-nav .nav-list .nav-list-item .nav-list-expander {
  color: #6272a4 !important;
  background-color: transparent !important;
  background-image: none !important;
}

.site-nav .nav-list .nav-list-item .nav-list-expander:hover,
.site-nav .nav-list .nav-list-item .nav-list-expander:focus {
  color: #8be9fd !important;
  background-color: rgba(139, 233, 253, 0.12) !important;
  background-image: none !important;
}

.site-nav .nav-list .nav-list-item .nav-list-expander:focus-visible {
  color: #8be9fd !important;
  background-color: rgba(139, 233, 253, 0.12) !important;
  outline: 2px solid #8be9fd;
  outline-offset: -1px;
}

.main-header,
.aux-nav {
  background-color: rgb(37.829787234, 39.7212765957, 51.070212766);
  border-bottom: 1px solid #44475a;
}

.aux-nav .aux-nav-list-item a {
  color: #f8f8f2;
}

.aux-nav .aux-nav-list-item a:hover,
.aux-nav .aux-nav-list-item a:focus {
  color: #8be9fd;
}

.search-input {
  color: #f8f8f2;
  background-color: #44475a;
  border-color: #44475a;
}

.search-input:focus,
.search-input:focus-visible {
  border-color: #8be9fd !important;
  outline: 2px solid #8be9fd !important;
  outline-offset: -1px;
  box-shadow: none;
}

.search-results {
  background-color: #282a36;
  border: 1px solid #44475a;
}

.search-results .search-result {
  border-bottom-color: #44475a;
}

.search-results .search-result-title,
.search-results .search-result-doc .search-result-previews {
  color: #f8f8f2;
}

.search-results .search-result-doc .search-result-rel-url {
  color: #6272a4;
}

/*# sourceMappingURL=theme-dracula.css.map */