@charset "UTF-8";
/**
* Dremio Modern Theme - Main Styles
*/
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./Inter-Regular.COLGFB3M.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./Inter-Medium.CDhBSFyE.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./Inter-SemiBold.BAEEcJ4E.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./Inter-Bold.BOs3KVhN.woff2") format("woff2");
}
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #3317AA;
  --bs-secondary: #2684FF;
  --bs-success: #00C851;
  --bs-info: #33B5E5;
  --bs-warning: #FFB300;
  --bs-danger: #FF3547;
  --bs-light: #F8F9FA;
  --bs-dark: #212529;
  --bs-primary-rgb: 51, 23, 170;
  --bs-secondary-rgb: 38, 132, 255;
  --bs-success-rgb: 0, 200, 81;
  --bs-info-rgb: 51, 181, 229;
  --bs-warning-rgb: 255, 179, 0;
  --bs-danger-rgb: 255, 53, 71;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(20.4, 9.2, 68);
  --bs-secondary-text-emphasis: rgb(15.2, 52.8, 102);
  --bs-success-text-emphasis: rgb(0, 80, 32.4);
  --bs-info-text-emphasis: rgb(20.4, 72.4, 91.6);
  --bs-warning-text-emphasis: rgb(102, 71.6, 0);
  --bs-danger-text-emphasis: rgb(102, 21.2, 28.4);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(214.2, 208.6, 238);
  --bs-secondary-bg-subtle: rgb(211.6, 230.4, 255);
  --bs-success-bg-subtle: rgb(204, 244, 220.2);
  --bs-info-bg-subtle: rgb(214.2, 240.2, 249.8);
  --bs-warning-bg-subtle: rgb(255, 239.8, 204);
  --bs-danger-bg-subtle: rgb(255, 214.6, 218.2);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(173.4, 162.2, 221);
  --bs-secondary-border-subtle: rgb(168.2, 205.8, 255);
  --bs-success-border-subtle: rgb(153, 233, 185.4);
  --bs-info-border-subtle: rgb(173.4, 225.4, 244.6);
  --bs-warning-border-subtle: rgb(255, 224.6, 153);
  --bs-danger-border-subtle: rgb(255, 174.2, 181.4);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #F3F4F6;
  --bs-body-color-rgb: 243, 244, 246;
  --bs-body-bg: #0C101A;
  --bs-body-bg-rgb: 12, 16, 26;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(243, 244, 246, 0.75);
  --bs-secondary-color-rgb: 243, 244, 246;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(243, 244, 246, 0.5);
  --bs-tertiary-color-rgb: 243, 244, 246;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #3317AA;
  --bs-link-color-rgb: 51, 23, 170;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(40.8, 18.4, 136);
  --bs-link-hover-color-rgb: 41, 18, 136;
  --bs-code-color: #d63384;
  --bs-highlight-color: #F3F4F6;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  --bs-box-shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.05);
  --bs-box-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(51, 23, 170, 0.25);
  --bs-form-valid-color: #00C851;
  --bs-form-valid-border-color: #00C851;
  --bs-form-invalid-color: #FF3547;
  --bs-form-invalid-border-color: #FF3547;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: rgb(132.6, 115.8, 204);
  --bs-secondary-text-emphasis: rgb(124.8, 181.2, 255);
  --bs-success-text-emphasis: rgb(102, 222, 150.6);
  --bs-info-text-emphasis: rgb(132.6, 210.6, 239.4);
  --bs-warning-text-emphasis: rgb(255, 209.4, 102);
  --bs-danger-text-emphasis: rgb(255, 133.8, 144.6);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(10.2, 4.6, 34);
  --bs-secondary-bg-subtle: rgb(7.6, 26.4, 51);
  --bs-success-bg-subtle: rgb(0, 40, 16.2);
  --bs-info-bg-subtle: rgb(10.2, 36.2, 45.8);
  --bs-warning-bg-subtle: rgb(51, 35.8, 0);
  --bs-danger-bg-subtle: rgb(51, 10.6, 14.2);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(30.6, 13.8, 102);
  --bs-secondary-border-subtle: rgb(22.8, 79.2, 153);
  --bs-success-border-subtle: rgb(0, 120, 48.6);
  --bs-info-border-subtle: rgb(30.6, 108.6, 137.4);
  --bs-warning-border-subtle: rgb(153, 107.4, 0);
  --bs-danger-border-subtle: rgb(153, 31.8, 42.6);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(132.6, 115.8, 204);
  --bs-link-hover-color: rgb(157.08, 143.64, 214.2);
  --bs-link-color-rgb: 133, 116, 204;
  --bs-link-hover-color-rgb: 157, 144, 214;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}
h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}
h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small, .small {
  font-size: 0.875em;
}
mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.6;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(153, 139, 212.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.6em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.6;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.6em + 0.5rem + calc(1px * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.6em + 1rem + calc(1px * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.6em + 0.75rem + calc(1px * 2));
}
textarea.form-control-sm {
  min-height: calc(1.6em + 0.5rem + calc(1px * 2));
}
textarea.form-control-lg {
  min-height: calc(1.6em + 1rem + calc(1px * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.6em + 0.75rem + calc(1px * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.6em + 0.5rem + calc(1px * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.6em + 1rem + calc(1px * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(153, 139, 212.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.6rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.3em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(153, 139, 212.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.form-check-input:checked {
  background-color: #3317AA;
  border-color: #3317AA;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #3317AA;
  border-color: #3317AA;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28153, 139, 212.5%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #0C101A, 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #0C101A, 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #3317AA;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(193.8, 185.4, 229.5);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #3317AA;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(193.8, 185.4, 229.5);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(1px * 2));
  min-height: calc(3.5rem + calc(1px * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * 1px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.6em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300C851' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.4em + 0.1875rem) center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}
.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300C851' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.6em + 0.75rem));
}
.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.6em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF3547'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3547' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.4em + 0.1875rem) center;
  background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.6em + 0.75rem);
  background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem);
}
.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF3547'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF3547' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.6em + 0.75rem));
}
.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.6;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #3317AA;
  --bs-btn-border-color: #3317AA;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(43.35, 19.55, 144.5);
  --bs-btn-hover-border-color: rgb(40.8, 18.4, 136);
  --bs-btn-focus-shadow-rgb: 82, 58, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(40.8, 18.4, 136);
  --bs-btn-active-border-color: rgb(38.25, 17.25, 127.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3317AA;
  --bs-btn-disabled-border-color: #3317AA;
}
.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #2684FF;
  --bs-btn-border-color: #2684FF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(70.55, 150.45, 255);
  --bs-btn-hover-border-color: rgb(59.7, 144.3, 255);
  --bs-btn-focus-shadow-rgb: 32, 112, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(81.4, 156.6, 255);
  --bs-btn-active-border-color: rgb(59.7, 144.3, 255);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #2684FF;
  --bs-btn-disabled-border-color: #2684FF;
}
.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #00C851;
  --bs-btn-border-color: #00C851;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(38.25, 208.25, 107.1);
  --bs-btn-hover-border-color: rgb(25.5, 205.5, 98.4);
  --bs-btn-focus-shadow-rgb: 0, 170, 69;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(51, 211, 115.8);
  --bs-btn-active-border-color: rgb(25.5, 205.5, 98.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00C851;
  --bs-btn-disabled-border-color: #00C851;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #33B5E5;
  --bs-btn-border-color: #33B5E5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(81.6, 192.1, 232.9);
  --bs-btn-hover-border-color: rgb(71.4, 188.4, 231.6);
  --bs-btn-focus-shadow-rgb: 43, 154, 195;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(91.8, 195.8, 234.2);
  --bs-btn-active-border-color: rgb(71.4, 188.4, 231.6);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #33B5E5;
  --bs-btn-disabled-border-color: #33B5E5;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFB300;
  --bs-btn-border-color: #FFB300;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 190.4, 38.25);
  --bs-btn-hover-border-color: rgb(255, 186.6, 25.5);
  --bs-btn-focus-shadow-rgb: 217, 152, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 194.2, 51);
  --bs-btn-active-border-color: rgb(255, 186.6, 25.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFB300;
  --bs-btn-disabled-border-color: #FFB300;
}
.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #FF3547;
  --bs-btn-border-color: #FF3547;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 83.3, 98.6);
  --bs-btn-hover-border-color: rgb(255, 73.2, 89.4);
  --bs-btn-focus-shadow-rgb: 217, 45, 60;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 93.4, 107.8);
  --bs-btn-active-border-color: rgb(255, 73.2, 89.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FF3547;
  --bs-btn-disabled-border-color: #FF3547;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #F8F9FA;
  --bs-btn-border-color: #F8F9FA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #F8F9FA;
  --bs-btn-disabled-border-color: #F8F9FA;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #3317AA;
  --bs-btn-border-color: #3317AA;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3317AA;
  --bs-btn-hover-border-color: #3317AA;
  --bs-btn-focus-shadow-rgb: 51, 23, 170;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3317AA;
  --bs-btn-active-border-color: #3317AA;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3317AA;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3317AA;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #2684FF;
  --bs-btn-border-color: #2684FF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2684FF;
  --bs-btn-hover-border-color: #2684FF;
  --bs-btn-focus-shadow-rgb: 38, 132, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #2684FF;
  --bs-btn-active-border-color: #2684FF;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #2684FF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2684FF;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #00C851;
  --bs-btn-border-color: #00C851;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #00C851;
  --bs-btn-hover-border-color: #00C851;
  --bs-btn-focus-shadow-rgb: 0, 200, 81;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #00C851;
  --bs-btn-active-border-color: #00C851;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #00C851;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00C851;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #33B5E5;
  --bs-btn-border-color: #33B5E5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #33B5E5;
  --bs-btn-hover-border-color: #33B5E5;
  --bs-btn-focus-shadow-rgb: 51, 181, 229;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #33B5E5;
  --bs-btn-active-border-color: #33B5E5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #33B5E5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #33B5E5;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #FFB300;
  --bs-btn-border-color: #FFB300;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFB300;
  --bs-btn-hover-border-color: #FFB300;
  --bs-btn-focus-shadow-rgb: 255, 179, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFB300;
  --bs-btn-active-border-color: #FFB300;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFB300;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFB300;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #FF3547;
  --bs-btn-border-color: #FF3547;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FF3547;
  --bs-btn-hover-border-color: #FF3547;
  --bs-btn-focus-shadow-rgb: 255, 53, 71;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FF3547;
  --bs-btn-active-border-color: #FF3547;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF3547;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF3547;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #F8F9FA;
  --bs-btn-border-color: #F8F9FA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #F8F9FA;
  --bs-btn-hover-border-color: #F8F9FA;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #F8F9FA;
  --bs-btn-active-border-color: #F8F9FA;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #F8F9FA;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F8F9FA;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 82, 58, 183;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm, .btn--sm, .btn-primary.btn--sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #3317AA;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #3317AA;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #3317AA;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28243, 244, 246, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card, .blogroll-card,
.integration-card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: rgba(255, 255, 255, 0.1);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #121723;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr, .blogroll-card > hr,
.integration-card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group, .blogroll-card > .list-group,
.integration-card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child, .blogroll-card > .list-group:first-child,
.integration-card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child, .blogroll-card > .list-group:last-child,
.integration-card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group, .blogroll-card > .card-header + .list-group,
.integration-card > .card-header + .list-group,
.card > .list-group + .card-footer,
.blogroll-card > .list-group + .card-footer,
.integration-card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card, .card-group > .blogroll-card,
.card-group > .integration-card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card, .card-group > .blogroll-card,
  .card-group > .integration-card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card, .card-group > .blogroll-card + .card,
  .card-group > .integration-card + .card, .card-group > .card + .blogroll-card, .card-group > .blogroll-card + .blogroll-card,
  .card-group > .integration-card + .blogroll-card,
  .card-group > .card + .integration-card,
  .card-group > .blogroll-card + .integration-card,
  .card-group > .integration-card + .integration-card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child), .card-group > .blogroll-card:not(:last-child),
  .card-group > .integration-card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top, .card-group > .blogroll-card:not(:last-child) > .card-img-top,
  .card-group > .integration-card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header,
  .card-group > .blogroll-card:not(:last-child) > .card-header,
  .card-group > .integration-card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .blogroll-card:not(:last-child) > .card-img-bottom,
  .card-group > .integration-card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer,
  .card-group > .blogroll-card:not(:last-child) > .card-footer,
  .card-group > .integration-card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child), .card-group > .blogroll-card:not(:first-child),
  .card-group > .integration-card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top, .card-group > .blogroll-card:not(:first-child) > .card-img-top,
  .card-group > .integration-card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header,
  .card-group > .blogroll-card:not(:first-child) > .card-header,
  .card-group > .integration-card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .blogroll-card:not(:first-child) > .card-img-bottom,
  .card-group > .integration-card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer,
  .card-group > .blogroll-card:not(:first-child) > .card-footer,
  .card-group > .integration-card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #3317AA;
  --bs-pagination-active-border-color: #3317AA;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #3317AA;
  --bs-list-group-active-border-color: #3317AA;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(51, 23, 170, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #000 !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(41, 18, 136, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(41, 18, 136, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(81, 157, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(81, 157, 255, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(51, 211, 116, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(51, 211, 116, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(92, 196, 234, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(92, 196, 234, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 194, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 194, 51, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(255, 93, 108, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 93, 108, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  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: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.6 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/* Button Design System */
.btn {
  font-weight: 600;
  border-radius: 8px;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.btn .btn-label {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.btn:hover {
  box-shadow: none;
}
.btn:focus, .btn:active, .btn:focus-visible {
  outline: none;
  box-shadow: none !important;
}
.btn.btn-lg {
  padding: 0.55rem 1.75rem;
  font-size: 1.125rem;
}
.btn.btn-sm, .btn.btn--sm {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.btn--md, .btn-primary.btn--md, .btn-secondary.btn--md {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}
.btn:disabled,
.btn.disabled,
.btn[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
.btn-primary {
  /* Base */
  --btn-fill-bg: #200981; /* hover overlay color */
  background: var(--wp--preset--color--primary);
  border: none; /* remove stroke entirely */
  color: #ffffff;
  padding: 0.5rem 1.5rem; /* 8px 24px */
  box-shadow: none !important;
  /* Keep the same background on hover/focus; let the overlay provide the effect */
  /* Click/active overlay tone */
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: var(--wp--preset--color--primary) !important;
  border-color: var(--wp--preset--color--primary) !important;
  color: #ffffff;
  box-shadow: none !important;
}
.btn-primary:active {
  --btn-fill-bg: #051344;
}
.btn-primary.btn-fill {
  --btn-fill-bg: color-mix(in srgb, var(--wp--preset--color--primary) 60%, #ffffff 40%);
  --btn-fill-duration: .35s;
  --btn-fill-ease: cubic-bezier(.22,.61,.36,1);
}
.btn-primary.btn-fill::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--btn-fill-bg);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform var(--btn-fill-duration) var(--btn-fill-ease);
  z-index: 1; /* above background, below text */
  border-radius: inherit;
}
.btn-primary.btn-fill > * {
  position: relative;
  z-index: 2;
}
.btn-primary.btn-fill:hover::before, .btn-primary.btn-fill:focus-visible::before {
  transform: scaleX(1);
}
.btn-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--btn-fill-bg, #200981);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform var(--btn-fill-duration, 0.35s) var(--btn-fill-ease, cubic-bezier(0.22, 0.61, 0.36, 1));
  z-index: 0; /* behind text/content */
  pointer-events: none;
}
.btn-primary > * {
  position: relative;
  z-index: 1;
}
.btn-primary:hover::before, .btn-primary:focus-visible::before {
  transform: scaleX(1);
}
.btn-primary.btn-lg {
  padding: 0.55rem 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-primary.btn-lg .btn-text, .btn-primary.btn-lg .btn-label {
  display: inline-block;
  line-height: 1.2;
}
/* Hard override to ensure overlay colors apply even if older compiled rules linger */
.btn-primary::before {
  background: #200981 !important;
}
.btn-primary:hover::before,
.btn-primary:focus-visible::before {
  background: #200981 !important;
}
.btn-primary:active::before {
  background: #051344 !important;
}
.btn-secondary {
  background: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
  color: #ffffff;
}
.btn-secondary:hover {
  background: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}
.btn-outline-primary {
  background: transparent;
  border-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary);
}
.btn-outline-primary:hover {
  background: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: #ffffff;
}
.btn-outline-light {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.btn-white {
  background: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
}
.btn-white:hover {
  background: var(--wp--preset--color--light);
  border-color: var(--wp--preset--color--light);
  color: var(--wp--preset--color--dark);
}
.btn-external svg {
  transition: transform 0.2s ease;
}
.btn-external:hover svg {
  transform: translateX(2px);
}
.btn-group .btn {
  border-radius: 0;
}
.btn-group .btn:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.btn-loading {
  position: relative;
  color: transparent !important;
}
.btn-loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  background-image: url("../assets/images/gnarlyload.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  animation: gnarly-spin 1s linear infinite;
}
.spinner-border {
  width: 20px;
  height: 20px;
  background-image: url("../assets/images/gnarlyload.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: gnarly-spin 1s linear infinite;
  border: none !important;
}
.btn .spinner-border {
  width: 16px;
  height: 16px;
  background-image: url("../assets/images/gnarlyload.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: gnarly-spin 1s linear infinite;
  border: none !important;
}
@keyframes button-loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.events-cta-block .btn-primary {
  background: #ffffff;
  border-color: #ffffff;
  color: #1a2980;
}
.events-cta-block .btn-primary:hover {
  background: #f8f9fa;
  border-color: #f8f9fa;
  color: #1a2980;
}
/* No drop shadow globally, including hero */
.hero-section .btn-primary {
  box-shadow: none !important;
}
.hero-section .btn-primary:hover {
  box-shadow: none !important;
}
.hero-section .btn-outline-light {
  border-radius: 6px;
  border: 2px solid #4121C7;
  color: #ffffff !important;
  background: transparent !important;
  position: relative;
  overflow: hidden;
}
.hero-section .btn-outline-light::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(32, 9, 129, 0.4);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
.hero-section .btn-outline-light > * {
  position: relative;
  z-index: 1;
}
.hero-section .btn-outline-light:hover,
.hero-section .btn-outline-light:focus {
  border-radius: 6px;
  border: 2px solid #4121C7;
  background: transparent !important;
  color: #ffffff !important;
}
.hero-section .btn-outline-light:hover::before,
.hero-section .btn-outline-light:focus::before {
  transform: scaleX(1);
}
.hero-section .btn-outline-light:active {
  border-radius: 6px;
  border: 2px solid #4121C7;
  background: transparent !important;
  color: #ffffff !important;
}
.hero-section .btn-outline-light:active::before {
  background: #200981;
  transform: scaleX(1);
}
.integrations-block .btn-outline-light {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.integrations-block .btn-outline-light:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}
.integrations-block .btn-outline-light:disabled:hover {
  transform: none;
  box-shadow: none;
}
@media (max-width: 768px) {
  .btn {
    padding: 0.625rem 1.25rem;
  }
  .btn.btn-lg {
    padding: 0.55rem 1.75rem;
    font-size: 1rem;
  }
}
@media (max-width: 768px) and (max-width: 576px) {
  .btn-group-mobile-stack {
    flex-direction: column;
    align-items: stretch;
  }
  .btn-group-mobile-stack .btn {
    border-radius: 8px !important;
    margin-bottom: 0.5rem;
  }
  .btn-group-mobile-stack .btn:last-child {
    margin-bottom: 0;
  }
}
.site-header {
  /* Position handled by Bootstrap's .position-absolute.top-0.start-0.end-0 classes */
  background: transparent;
  border-bottom: 1px solid #4D5761;
  z-index: 1050;
}
.site-header .navbar {
  padding: 16px 0;
}
.site-header .container {
  /* max-width: 1200px; */ /* Removed as requested */
}
.site-header .navbar-brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 48px;
}
.site-header .navbar-brand img {
  width: 157px;
  height: 50px;
}
.site-header .navbar-nav {
  gap: 32px;
  margin: 0;
  flex-direction: row;
  align-items: center;
}
.site-header .navbar-nav .nav-link {
  color: #F3F4F6 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s ease;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.site-header .navbar-nav .nav-link:hover {
  color: #ACF3F4 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.site-header .navbar-nav .nav-link:focus, .site-header .navbar-nav .nav-link:active, .site-header .navbar-nav .nav-link.active {
  color: #ACF3F4 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
}
.site-header .navbar-nav .dropdown-toggle::after {
  display: none;
}
.site-header .navbar-nav .dropdown-chevron {
  width: 12px;
  height: 12px;
  transition: transform 0.2s ease, filter 0.2s ease;
  filter: brightness(1);
}
.site-header .navbar-nav .dropdown .nav-link:hover {
  color: #ACF3F4 !important;
}
.site-header .navbar-nav .dropdown .nav-link:hover .dropdown-chevron {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(95%) sepia(72%) saturate(764%) hue-rotate(158deg) brightness(103%) contrast(91%);
}
.site-header .navbar-nav .dropdown.show .nav-link {
  color: #ACF3F4 !important;
}
.site-header .navbar-nav .dropdown.show .dropdown-chevron {
  transform: rotate(180deg);
  filter: brightness(0) saturate(100%) invert(95%) sepia(72%) saturate(764%) hue-rotate(158deg) brightness(103%) contrast(91%);
}
.site-header .header-actions {
  display: flex;
  align-items: center;
  gap: 32px;
}
.site-header .header-actions a, .site-header .header-actions button {
  color: #F3F4F6;
  transition: color 0.2s ease;
}
.site-header .header-actions a:hover, .site-header .header-actions button:hover {
  color: #31D3DB !important;
}
.site-header .header-actions img {
  width: 16px;
  height: 16px;
}
.site-header .btn-get-started {
  background: #3317AA;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  --btn-fill-bg: #200981;
}
.site-header .btn-get-started::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--btn-fill-bg);
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}
.site-header .btn-get-started > * {
  position: relative;
  z-index: 1;
}
.site-header .btn-get-started:hover, .site-header .btn-get-started:focus, .site-header .btn-get-started:active {
  background: #3317AA !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
}
.site-header .btn-get-started:hover::before, .site-header .btn-get-started:focus-visible::before {
  transform: scaleX(1);
}
.site-header .btn-get-started:active {
  --btn-fill-bg: var(--color-purple-900);
}
.site-header .header-actions .btn-get-started,
.site-header .header-actions .btn-get-started:hover,
.site-header .header-actions .btn-get-started:focus,
.site-header .header-actions .btn-get-started:active {
  color: #FFFFFF !important;
}
@media (min-width: 768px) {
  .site-header .dropdown::after {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    right: 0;
    height: 1.5rem;
    background: transparent;
    pointer-events: auto;
  }
  .site-header .dropdown:hover > .dropdown-menu {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: fadeInDown 0.3s ease;
  }
  .site-header .dropdown-menu:hover {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .site-header .dropdown:hover ~ .dropdown .dropdown-menu.show,
  .site-header .dropdown:has(~ .dropdown:hover) .dropdown-menu.show {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
.site-header #menu-lakehouse-oss-menu .dropdown-menu {
  gap: 5px 1.5rem;
}
.site-header .dropdown-menu {
  background: linear-gradient(119deg, rgba(17, 17, 25, 0.6) 20.3%, rgba(20, 21, 32, 0.8) 45.72%, #21222E 91.46%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 12px 12px;
  margin-top: 1.2rem;
  padding: 1.5rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
  min-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  grid-template-rows: auto auto auto;
  gap: 1.5rem;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .site-header .dropdown-menu {
    min-width: 780px;
  }
}
.site-header .dropdown-menu .dropdown-item:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.site-header .dropdown-menu .dropdown-item:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.site-header .dropdown-menu .dropdown-item:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
.site-header .dropdown-menu .dropdown-item:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}
.site-header .dropdown-menu .dropdown-item:nth-child(5) {
  grid-column: 1;
  grid-row: 3;
}
.site-header .dropdown-menu .apache-projects-item {
  grid-column: 1/-1;
  grid-row: auto;
  margin-top: 0.25rem;
}
.site-header .dropdown-menu .dropdown-item {
  color: #E5E7EB !important;
  padding: 0.75rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  background: transparent;
  border: none;
  border-radius: 8px;
  margin: 0;
  transition: color 0.2s ease, background-color 0.2s ease;
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  width: 100%;
}
.site-header .dropdown-menu .dropdown-item:hover, .site-header .dropdown-menu .dropdown-item:focus {
  color: #FFFFFF !important;
}
.site-header .dropdown-menu .dropdown-item::before {
  content: "";
  width: 41px;
  height: 41px;
  flex-shrink: 0;
  margin-right: 0.875rem;
  background-color: #0C101A;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}
.site-header .dropdown-menu .dropdown-item:hover::before {
  background-color: #003536;
}
.site-header .dropdown-menu .dropdown-item:active::before {
  background-color: var(--color-teal-600);
}
.site-header .dropdown-menu .dropdown-item.icon-university::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='16'%20viewBox='0%200%2019%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.1711%202.85185C2.20749%202.41882%203.69352%201.9523%205.13839%201.80657C6.69631%201.64943%208.01779%201.88045%208.78322%202.68689V14.1002C7.68837%2013.4795%206.30126%2013.3943%205.02087%2013.5234C3.63851%2013.6629%202.24582%2014.0634%201.1711%2014.4732V2.85185ZM9.95431%202.68689C10.7197%201.88045%2012.0412%201.64943%2013.5991%201.80657C15.044%201.9523%2016.53%202.41882%2017.5664%202.85185V14.4732C16.4917%2014.0634%2015.099%2013.6629%2013.7167%2013.5234C12.4363%2013.3943%2011.0492%2013.4795%209.95431%2014.1002V2.68689ZM9.36877%201.62863C8.21534%200.637187%206.54271%200.487882%205.02087%200.641383C3.2477%200.820232%201.45753%201.42871%200.343246%201.9352C0.134209%202.03022%200%202.23865%200%202.46826V15.3503C0%2015.5494%200.101155%2015.7349%200.268541%2015.8426C0.435927%2015.9504%200.646609%2015.9658%200.827849%2015.8834C1.86057%2015.414%203.52513%2014.8513%205.13839%2014.6886C6.78727%2014.5223%208.17128%2014.7908%208.91153%2015.7161C9.02265%2015.855%209.19089%2015.9359%209.36877%2015.9359C9.54665%2015.9359%209.71488%2015.855%209.826%2015.7161C10.5662%2014.7908%2011.9503%2014.5223%2013.5991%2014.6886C15.2124%2014.8513%2016.877%2015.414%2017.9097%2015.8834C18.0909%2015.9658%2018.3016%2015.9504%2018.469%2015.8426C18.6364%2015.7349%2018.7375%2015.5494%2018.7375%2015.3503V2.46826C18.7375%202.23865%2018.6033%202.03022%2018.3943%201.9352C17.28%201.42871%2015.4898%200.820232%2013.7167%200.641383C12.1948%200.487882%2010.5222%200.637187%209.36877%201.62863Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-community::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='15'%20viewBox='0%200%2019%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.5664%2014.9358C17.5664%2014.9358%2018.7375%2014.9358%2018.7375%2013.7647C18.7375%2012.5936%2017.5664%209.08036%2012.8821%209.08036C8.19767%209.08036%207.02658%2012.5936%207.02658%2013.7647C7.02658%2014.9358%208.19767%2014.9358%208.19767%2014.9358H17.5664ZM8.22384%2013.7647C8.21978%2013.7643%208.2141%2013.7635%208.20721%2013.7624C8.20397%2013.7618%208.20079%2013.7613%208.19768%2013.7607C8.19938%2013.4515%208.39309%2012.5549%209.08683%2011.7455C9.73572%2010.9885%2010.8709%2010.2515%2012.8821%2010.2515C14.8932%2010.2515%2016.0284%2010.9885%2016.6773%2011.7455C17.371%2012.5549%2017.5647%2013.4515%2017.5664%2013.7607C17.5633%2013.7613%2017.5601%2013.7618%2017.5569%2013.7624C17.55%2013.7635%2017.5443%2013.7643%2017.5403%2013.7647H8.22384Z'%20fill='white'/%3e%3cpath%20d='M12.8821%206.73817C14.1756%206.73817%2015.2242%205.68953%2015.2242%204.39598C15.2242%203.10242%2014.1756%202.05379%2012.8821%202.05379C11.5885%202.05379%2010.5399%203.10242%2010.5399%204.39598C10.5399%205.68953%2011.5885%206.73817%2012.8821%206.73817ZM16.3953%204.39598C16.3953%206.33631%2014.8224%207.90926%2012.8821%207.90926C10.9417%207.90926%209.36877%206.33631%209.36877%204.39598C9.36877%202.45564%2010.9417%200.88269%2012.8821%200.88269C14.8224%200.88269%2016.3953%202.45564%2016.3953%204.39598Z'%20fill='white'/%3e%3cpath%20d='M8.12264%209.40823C7.69191%209.27045%207.21341%209.17029%206.6826%209.11907C6.41989%209.09372%206.14437%209.08036%205.85548%209.08036C1.1711%209.08036%200%2012.5936%200%2013.7647C0%2014.5455%200.390365%2014.9358%201.1711%2014.9358H6.10886C5.94397%2014.6031%205.85548%2014.2088%205.85548%2013.7647C5.85548%2012.5816%206.29727%2011.3734%207.13176%2010.3641C7.41687%2010.0193%207.74781%209.69768%208.12264%209.40823ZM5.76184%2010.252C5.06213%2011.3214%204.68438%2012.5406%204.68438%2013.7647H1.1711C1.1711%2013.4594%201.36344%2012.5585%202.06026%2011.7455C2.69901%2011.0003%203.80898%2010.2745%205.76184%2010.252Z'%20fill='white'/%3e%3cpath%20d='M1.75664%204.98153C1.75664%203.04119%203.3296%201.46824%205.26993%201.46824C7.21027%201.46824%208.78322%203.04119%208.78322%204.98153C8.78322%206.92186%207.21027%208.49481%205.26993%208.49481C3.3296%208.49481%201.75664%206.92186%201.75664%204.98153ZM5.26993%202.63933C3.97637%202.63933%202.92774%203.68797%202.92774%204.98153C2.92774%206.27508%203.97637%207.32372%205.26993%207.32372C6.56349%207.32372%207.61212%206.27508%207.61212%204.98153C7.61212%203.68797%206.56349%202.63933%205.26993%202.63933Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-blog::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.2242%208.15265C15.2242%207.82926%2014.9621%207.5671%2014.6387%207.5671H8.78322C8.45983%207.5671%208.19767%207.82926%208.19767%208.15265C8.19767%208.47604%208.45983%208.7382%208.78322%208.7382H14.6387C14.9621%208.7382%2015.2242%208.47604%2015.2242%208.15265Z'%20fill='white'/%3e%3cpath%20d='M15.2242%2011.6659C15.2242%2011.3425%2014.9621%2011.0804%2014.6387%2011.0804H8.78322C8.45983%2011.0804%208.19767%2011.3425%208.19767%2011.6659C8.19767%2011.9893%208.45983%2012.2515%208.78322%2012.2515H14.6387C14.9621%2012.2515%2015.2242%2011.9893%2015.2242%2011.6659Z'%20fill='white'/%3e%3cpath%20d='M14.6387%2014.5937C14.9621%2014.5937%2015.2242%2014.8558%2015.2242%2015.1792C15.2242%2015.5026%2014.9621%2015.7648%2014.6387%2015.7648H8.78322C8.45983%2015.7648%208.19767%2015.5026%208.19767%2015.1792C8.19767%2014.8558%208.45983%2014.5937%208.78322%2014.5937H14.6387Z'%20fill='white'/%3e%3cpath%20d='M16.3953%200.540527C17.6889%200.540527%2018.7375%201.58916%2018.7375%202.88272V16.9359C18.7375%2018.2294%2017.6889%2019.2781%2016.3953%2019.2781H2.34219C1.04864%2019.2781%200%2018.2294%200%2016.9359V2.88272C0%201.58916%201.04864%200.540527%202.34219%200.540527H16.3953ZM2.34219%201.71162C1.69541%201.71162%201.1711%202.23594%201.1711%202.88272V4.05381H17.5664V2.88272C17.5664%202.23594%2017.0421%201.71162%2016.3953%201.71162H2.34219ZM1.1711%205.22491V16.9359C1.1711%2017.5826%201.69541%2018.107%202.34219%2018.107H4.68438V5.22491H1.1711ZM5.85548%205.22491V18.107H16.3953C17.0421%2018.107%2017.5664%2017.5826%2017.5664%2016.9359V5.22491H5.85548Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-docs::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='16'%20viewBox='0%200%2013%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.24953%207.22172C3.98596%207.22172%203.7723%207.43538%203.7723%207.69894C3.7723%207.96251%203.98596%208.17617%204.24953%208.17617H9.02181C9.28537%208.17617%209.49903%207.96251%209.49903%207.69894C9.49903%207.43538%209.28537%207.22172%209.02181%207.22172H4.24953Z'%20fill='white'/%3e%3cpath%20d='M3.7723%209.60785C3.7723%209.34429%203.98596%209.13063%204.24953%209.13063H9.02181C9.28537%209.13063%209.49903%209.34429%209.49903%209.60785C9.49903%209.87142%209.28537%2010.0851%209.02181%2010.0851H4.24953C3.98596%2010.0851%203.7723%209.87142%203.7723%209.60785Z'%20fill='white'/%3e%3cpath%20d='M3.7723%2011.5168C3.7723%2011.2532%203.98596%2011.0395%204.24953%2011.0395H6.15844C6.42201%2011.0395%206.63567%2011.2532%206.63567%2011.5168C6.63567%2011.7803%206.42201%2011.994%206.15844%2011.994H4.24953C3.98596%2011.994%203.7723%2011.7803%203.7723%2011.5168Z'%20fill='white'/%3e%3cpath%20d='M8.06735%200.540527H2.81785C1.76358%200.540527%200.908936%201.39518%200.908936%202.44944V13.9029C0.908936%2014.9572%201.76358%2015.8118%202.81785%2015.8118H10.4535C11.5078%2015.8118%2012.3624%2014.9572%2012.3624%2013.9029V4.83558L8.06735%200.540527ZM8.06735%201.49498V3.40389C8.06735%204.19459%208.70834%204.83558%209.49903%204.83558H11.4079V13.9029C11.4079%2014.43%2010.9806%2014.8574%2010.4535%2014.8574H2.81785C2.29072%2014.8574%201.86339%2014.43%201.86339%2013.9029V2.44944C1.86339%201.92231%202.29072%201.49498%202.81785%201.49498H8.06735Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-blogroll::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.34326%205.22491C2.34326%203.93135%203.3919%202.88272%204.68545%202.88272H11.712C13.0056%202.88272%2014.0542%203.93135%2014.0542%205.22491V18.6925C14.0542%2018.9085%2013.9354%2019.1069%2013.745%2019.2088C13.5546%2019.3107%2013.3235%2019.2995%2013.1439%2019.1797L8.19874%2015.883L3.25361%2019.1797C3.07393%2019.2995%202.84291%2019.3107%202.65251%2019.2088C2.46212%2019.1069%202.34326%2018.9085%202.34326%2018.6925V5.22491ZM4.68545%204.05381C4.03868%204.05381%203.51436%204.57813%203.51436%205.22491V17.5984L7.87394%2014.692C8.07062%2014.5609%208.32686%2014.5609%208.52354%2014.692L12.8831%2017.5984V5.22491C12.8831%204.57813%2012.3588%204.05381%2011.712%204.05381H4.68545Z'%20fill='white'/%3e%3cpath%20d='M4.99881%201.71162H14.0542C14.1351%201.71162%2014.214%201.71982%2014.2903%201.73542C14.8239%201.84462%2015.2253%202.31679%2015.2253%202.88272V16.6637L15.4861%2016.8375C15.6658%2016.9573%2015.8968%2016.9685%2016.0872%2016.8666C16.2776%2016.7647%2016.3964%2016.5663%2016.3964%2016.3503V2.88272C16.3964%201.58916%2015.3478%200.540527%2014.0542%200.540527H7.02766C6.16072%200.540527%205.40379%201.01154%204.99881%201.71162Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-integrations::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2984_14195)'%3e%3cpath%20d='M5.92212%202.20813C6.42602%200.498541%208.84693%200.49854%209.35083%202.20813L9.44067%202.51184C9.59077%203.02067%2010.172%203.26141%2010.6379%203.00793L10.9163%202.85657C12.4814%202.00402%2014.1936%203.7162%2013.3411%205.28137L13.1897%205.55969C12.9362%206.02566%2013.177%206.60684%2013.6858%206.75696L13.9895%206.8468C15.6991%207.3507%2015.6991%209.77161%2013.9895%2010.2755L13.6858%2010.3654C13.177%2010.5155%2012.9362%2011.0967%2013.1897%2011.5626L13.3411%2011.8409C14.1936%2013.4061%2012.4814%2015.1183%2010.9163%2014.2657L10.6379%2014.1144C10.172%2013.8609%209.59078%2014.1017%209.44067%2014.6105L9.35083%2014.9142C8.84693%2016.6238%206.42602%2016.6238%205.92212%2014.9142L5.83228%2014.6105C5.68216%2014.1017%205.10097%2013.8609%204.63501%2014.1144L4.35669%2014.2657C2.79152%2015.1183%201.07933%2013.4061%201.93188%2011.8409L2.08325%2011.5626C2.33673%2011.0966%202.09599%2010.5154%201.58716%2010.3654L1.28345%2010.2755C-0.426142%209.77161%20-0.426143%207.3507%201.28345%206.8468L1.58716%206.75696C2.096%206.60686%202.33675%206.02567%202.08325%205.55969L1.93188%205.28137C1.07933%203.7162%202.79152%202.00401%204.35669%202.85657L4.63501%203.00793C5.10099%203.26144%205.68218%203.02068%205.83228%202.51184L5.92212%202.20813ZM8.43579%202.47766C8.20094%201.68088%207.07201%201.68088%206.83716%202.47766L6.74731%202.78137C6.42534%203.87371%205.17805%204.39057%204.17798%203.84583L3.89966%203.69446C3.17023%203.29722%202.37254%204.09491%202.76978%204.82434L2.92114%205.10266C3.46588%206.10273%202.94903%207.35002%201.85669%207.672L1.55298%207.76184C0.756202%207.99669%200.756201%209.12563%201.55298%209.36047L1.85669%209.45032C2.94904%209.77229%203.46589%2011.0196%202.92114%2012.0197L2.76978%2012.298C2.37249%2013.0274%203.17022%2013.8251%203.89966%2013.4279L4.17798%2013.2765C5.17804%2012.7318%206.42532%2013.2486%206.74731%2014.3409L6.83716%2014.6447C7.07201%2015.4414%208.20094%2015.4414%208.43579%2014.6447L8.52563%2014.3409C8.84763%2013.2486%2010.0949%2012.7318%2011.095%2013.2765L11.3733%2013.4279C12.1027%2013.8252%2012.9005%2013.0274%2012.5032%2012.298L12.3518%2012.0197C11.8071%2011.0196%2012.3239%209.77231%2013.4163%209.45032L13.72%209.36047C14.5167%209.12563%2014.5167%207.99669%2013.72%207.76184L13.4163%207.672C12.3239%207.35%2011.8071%206.10272%2012.3518%205.10266L12.5032%204.82434C12.9004%204.0949%2012.1027%203.29718%2011.3733%203.69446L11.095%203.84583C10.0949%204.39057%208.84761%203.87372%208.52563%202.78137L8.43579%202.47766ZM7.63696%205.46301C9.34754%205.46325%2010.7344%206.85009%2010.7346%208.56067C10.7346%2010.2715%209.3477%2011.6591%207.63696%2011.6593C5.92602%2011.6593%204.53833%2010.2716%204.53833%208.56067C4.53859%206.84995%205.92618%205.46301%207.63696%205.46301ZM7.63696%206.41809C6.45331%206.41809%205.49367%207.37708%205.49341%208.56067C5.49341%209.74448%206.45315%2010.7042%207.63696%2010.7042C8.82057%2010.704%209.77954%209.74434%209.77954%208.56067C9.77928%207.37722%208.82041%206.41833%207.63696%206.41809Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2984_14195'%3e%3crect%20width='15.2713'%20height='15.2713'%20fill='white'%20transform='translate(0.0012207%200.926392)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-slack::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.93671%2012.3812C3.93671%2013.4645%203.05172%2014.3495%201.96836%2014.3495C0.884998%2014.3495%200%2013.4645%200%2012.3812C0%2011.2978%200.884998%2010.4128%201.96836%2010.4128H3.93671V12.3812Z'%20fill='white'/%3e%3cpath%20d='M4.92853%2012.3812C4.92853%2011.2978%205.81353%2010.4128%206.89688%2010.4128C7.98024%2010.4128%208.86524%2011.2978%208.86524%2012.3812V17.3097C8.86524%2018.3931%207.98024%2019.2781%206.89688%2019.2781C5.81353%2019.2781%204.92853%2018.3931%204.92853%2017.3097V12.3812Z'%20fill='white'/%3e%3cpath%20d='M6.89688%204.47724C5.81353%204.47724%204.92853%203.59224%204.92853%202.50888C4.92853%201.42553%205.81353%200.540527%206.89688%200.540527C7.98024%200.540527%208.86524%201.42553%208.86524%202.50888V4.47724H6.89688Z'%20fill='white'/%3e%3cpath%20d='M6.89688%205.46905C7.98024%205.46905%208.86523%206.35405%208.86523%207.43741C8.86523%208.52076%207.98024%209.40576%206.89688%209.40576H1.96836C0.884998%209.40576%200%208.52076%200%207.43741C0%206.35405%200.884998%205.46905%201.96836%205.46905H6.89688Z'%20fill='white'/%3e%3cpath%20d='M14.8009%207.43741C14.8009%206.35405%2015.6859%205.46905%2016.7692%205.46905C17.8526%205.46905%2018.7376%206.35405%2018.7376%207.43741C18.7376%208.52076%2017.8526%209.40576%2016.7692%209.40576H14.8009V7.43741Z'%20fill='white'/%3e%3cpath%20d='M13.809%207.43741C13.809%208.52076%2012.924%209.40576%2011.8406%209.40576C10.7573%209.40576%209.87229%208.52076%209.87229%207.43741V2.50888C9.87229%201.42553%2010.7573%200.540527%2011.8406%200.540527C12.924%200.540527%2013.809%201.42553%2013.809%202.50888V7.43741Z'%20fill='white'/%3e%3cpath%20d='M11.8407%2015.3413C12.924%2015.3413%2013.809%2016.2263%2013.809%2017.3097C13.809%2018.3931%2012.924%2019.2781%2011.8407%2019.2781C10.7573%2019.2781%209.87233%2018.3931%209.87233%2017.3097V15.3413H11.8407Z'%20fill='white'/%3e%3cpath%20d='M11.8406%2014.3495C10.7573%2014.3495%209.87229%2013.4645%209.87229%2012.3812C9.87229%2011.2978%2010.7573%2010.4128%2011.8406%2010.4128H16.7692C17.8525%2010.4128%2018.7375%2011.2978%2018.7375%2012.3812C18.7375%2013.4645%2017.8525%2014.3495%2016.7692%2014.3495H11.8406Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-apache::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='16'%20viewBox='0%200%2013%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.25075%207.22172C3.98718%207.22172%203.77352%207.43538%203.77352%207.69894C3.77352%207.96251%203.98718%208.17617%204.25075%208.17617H9.02303C9.28659%208.17617%209.50026%207.96251%209.50026%207.69894C9.50026%207.43538%209.28659%207.22172%209.02303%207.22172H4.25075Z'%20fill='white'/%3e%3cpath%20d='M3.77352%209.60785C3.77352%209.34429%203.98718%209.13063%204.25075%209.13063H9.02303C9.28659%209.13063%209.50026%209.34429%209.50026%209.60785C9.50026%209.87142%209.28659%2010.0851%209.02303%2010.0851H4.25075C3.98718%2010.0851%203.77352%209.87142%203.77352%209.60785Z'%20fill='white'/%3e%3cpath%20d='M3.77352%2011.5168C3.77352%2011.2532%203.98718%2011.0395%204.25075%2011.0395H6.15966C6.42323%2011.0395%206.63689%2011.2532%206.63689%2011.5168C6.63689%2011.7803%206.42323%2011.994%206.15966%2011.994H4.25075C3.98718%2011.994%203.77352%2011.7803%203.77352%2011.5168Z'%20fill='white'/%3e%3cpath%20d='M8.06857%200.540527H2.81907C1.76481%200.540527%200.910156%201.39518%200.910156%202.44944V13.9029C0.910156%2014.9572%201.76481%2015.8118%202.81907%2015.8118H10.4547C11.509%2015.8118%2012.3636%2014.9572%2012.3636%2013.9029V4.83558L8.06857%200.540527ZM8.06857%201.49498V3.40389C8.06857%204.19459%208.70956%204.83558%209.50026%204.83558H11.4092V13.9029C11.4092%2014.43%2010.9818%2014.8574%2010.4547%2014.8574H2.81907C2.29194%2014.8574%201.86461%2014.43%201.86461%2013.9029V2.44944C1.86461%201.92231%202.29194%201.49498%202.81907%201.49498H8.06857Z'%20fill='white'/%3e%3c/svg%3e");
}
.site-header .dropdown-menu .dropdown-item.icon-default::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8' stroke='%23ffffff' stroke-width='1.5' fill='none' opacity='0.8'/%3E%3C/svg%3E");
}
.site-header .dropdown-menu .dropdown-item.external-link::after {
  display: none;
}
.site-header .dropdown-menu .dropdown-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.site-header .dropdown-menu .dropdown-item-title {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  color: #E5E7EB;
  transition: color 0.2s ease;
}
.site-header .dropdown-menu .dropdown-item.external-link .dropdown-item-title::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  vertical-align: -1px;
  opacity: 0.85;
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.51887%202.625C6.51887%202.41789%206.35098%202.25%206.14387%202.25H1.16659C0.545275%202.25%200.0415955%202.75368%200.0415955%203.375V10.875C0.0415955%2011.4963%200.545275%2012%201.1666%2012H8.6666C9.28792%2012%209.7916%2011.4963%209.7916%2010.875V5.89773C9.7916%205.69062%209.6237%205.52273%209.4166%205.52273C9.20949%205.52273%209.0416%205.69062%209.0416%205.89773V10.875C9.0416%2011.0821%208.8737%2011.25%208.6666%2011.25H1.1666C0.959488%2011.25%200.791595%2011.0821%200.791595%2010.875V3.375C0.791595%203.16789%200.959488%203%201.16659%203H6.14387C6.35098%203%206.51887%202.83211%206.51887%202.625Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0416%200.375C12.0416%200.167893%2011.8737%200%2011.6666%200H7.9166C7.70949%200%207.5416%200.167893%207.5416%200.375C7.5416%200.582107%207.70949%200.75%207.9166%200.75H10.7613L4.65143%206.85983C4.50498%207.00628%204.50498%207.24372%204.65143%207.39017C4.79788%207.53661%205.03531%207.53661%205.18176%207.39017L11.2916%201.28033V4.125C11.2916%204.33211%2011.4595%204.5%2011.6666%204.5C11.8737%204.5%2012.0416%204.33211%2012.0416%204.125V0.375Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-header .dropdown-menu .dropdown-item-description {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #E5E7EB;
  margin: 0;
  transition: color 0.2s ease;
}
.site-header .dropdown-menu .dropdown-item:hover .dropdown-item-title,
.site-header .dropdown-menu .dropdown-item:active .dropdown-item-title {
  color: #E1FFFE;
}
.site-header .dropdown-menu .dropdown-item:hover .dropdown-item-description,
.site-header .dropdown-menu .dropdown-item:active .dropdown-item-description {
  color: #F0FFFE;
}
.site-header .apache-projects-item {
  cursor: default;
  padding: 0 !important;
  background: transparent !important;
}
.site-header .apache-projects-item.dropdown-item:hover {
  background: transparent !important;
  transform: none !important;
}
.site-header .apache-projects-item .dropdown-item-content {
  width: 100%;
}
.site-header .apache-projects-item .dropdown-item-title {
  margin-bottom: 0.75rem !important;
}
.site-header .apache-projects-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.site-header .apache-pill,
.site-header .apache-pill-small {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 6px;
  text-decoration: none;
  color: #E5E7EB;
  background: transparent;
  border: 1px solid #9DA4AE;
  font-size: 12px;
  font-weight: 400;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.site-header .apache-pill.external-link::after,
.site-header .apache-pill-small.external-link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  vertical-align: -1px;
  opacity: 0.85;
  background-image: url("data:image/svg+xml,%3csvg%20width='13'%20height='12'%20viewBox='0%200%2013%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.51887%202.625C6.51887%202.41789%206.35098%202.25%206.14387%202.25H1.16659C0.545275%202.25%200.0415955%202.75368%200.0415955%203.375V10.875C0.0415955%2011.4963%200.545275%2012%201.1666%2012H8.6666C9.28792%2012%209.7916%2011.4963%209.7916%2010.875V5.89773C9.7916%205.69062%209.6237%205.52273%209.4166%205.52273C9.20949%205.52273%209.0416%205.69062%209.0416%205.89773V10.875C9.0416%2011.0821%208.8737%2011.25%208.6666%2011.25H1.1666C0.959488%2011.25%200.791595%2011.0821%200.791595%2010.875V3.375C0.791595%203.16789%200.959488%203%201.16659%203H6.14387C6.35098%203%206.51887%202.83211%206.51887%202.625Z'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.0416%200.375C12.0416%200.167893%2011.8737%200%2011.6666%200H7.9166C7.70949%200%207.5416%200.167893%207.5416%200.375C7.5416%200.582107%207.70949%200.75%207.9166%200.75H10.7613L4.65143%206.85983C4.50498%207.00628%204.50498%207.24372%204.65143%207.39017C4.79788%207.53661%205.03531%207.53661%205.18176%207.39017L11.2916%201.28033V4.125C11.2916%204.33211%2011.4595%204.5%2011.6666%204.5C11.8737%204.5%2012.0416%204.33211%2012.0416%204.125V0.375Z'%20fill='white'/%3e%3c/svg%3e");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.site-header .apache-pill:hover,
.site-header .apache-pill-small:hover {
  background: var(--color-teal-600);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
  text-decoration: none;
}
.site-header .apache-pill:active,
.site-header .apache-pill-small:active {
  background: #003536;
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.site-header .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.1);
  margin: 0.5rem 0;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .site-header .navbar-brand img {
    width: 126px;
    height: 40px;
  }
  .site-header .header-actions {
    gap: 16px;
  }
}
/* Offcanvas theming for dark header */
.offcanvas {
  background-color: rgba(6, 10, 18, 0.96);
  color: #fff;
}
.offcanvas .nav-link {
  color: #fff;
}
.offcanvas .btn-close {
  filter: invert(1) grayscale(1);
}
/* Accessibility: visible focus rings on header interactive items */
.site-header a:focus-visible,
.site-header button:focus-visible {
  outline: 2px solid var(--wp--preset--color--teal-400, var(--color-teal-400));
  outline-offset: 2px;
}
/* Mobile offcanvas behavior when using Bootstrap collapse */
#primary-navigation.show[data-offcanvas=true] {
  position: fixed;
  inset: 0;
  z-index: 1040; /* above header */
  background: rgba(6, 10, 18, 0.96);
  padding: 24px;
  display: block !important;
}
/* Ensure collapsed state doesn't reserve space */
#primary-navigation.collapsing[data-offcanvas=true] {
  position: fixed;
  inset: 0;
}
/**
 * Header Inline Style Replacements
 * Extracted from header.php
 */
.header-spinner {
  width: 4rem;
  height: 4rem;
  border-width: 0.35rem;
}
.mobile-menu-offcanvas {
  top: 66px !important;
}
@media (max-width: 991px) {
  .site-header {
    border-bottom: 1px solid var(--gray-gray-6004-d-5761, #4D5761);
    background: var(--slate-slate-800121723, #121723);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  }
  .mobile-menu-dark {
    background-color: #1a1f2e !important;
    width: 100% !important;
    max-width: 100% !important;
    height: fit-content !important;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
  }
  .mobile-menu-dark.offcanvas-end {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }
  .mobile-menu-dark .offcanvas-body {
    overflow-y: auto;
  }
  .mobile-menu-dark .accordion,
  .mobile-menu-dark #mobileMenuAccordion {
    border-bottom: 1px solid var(--gray-gray-4009-da-4-ae, #9DA4AE);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item:first-of-type, .mobile-menu-dark .accordion.accordion-flush .accordion-item:last-of-type,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item:first-of-type,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item:last-of-type {
    border-radius: 0;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-header .accordion-button,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-header .accordion-button {
    background: transparent;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    padding: 1rem 0;
    border: none;
    box-shadow: none;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-header .accordion-button::after,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-header .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    width: 1.25rem;
    height: 1.25rem;
    filter: none;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed),
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background: transparent;
    color: #fff;
    box-shadow: none;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-header .accordion-button:focus,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
    border-color: transparent;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body {
    padding: 0 0 1rem 0;
    background: #0C101A;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 0.75rem 0.5rem;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius: 6px;
    position: relative;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item::before {
    content: "";
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    border-radius: 8px;
    background-color: #0C101A;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-university::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-university::before {
    background-image: var(--icon-university);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-community::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-community::before {
    background-image: var(--icon-community);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-blog::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-blog::before {
    background-image: var(--icon-blog);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-docs::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-docs::before {
    background-image: var(--icon-docs);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-blogroll::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-blogroll::before {
    background-image: var(--icon-blogroll);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-integrations::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-integrations::before {
    background-image: var(--icon-integrations);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-slack::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-slack::before {
    background-image: var(--icon-slack);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-apache::before,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item.icon-apache::before {
    background-image: var(--icon-apache);
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.4;
    width: fit-content;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title.external-link,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title.external-link {
    position: relative;
    padding-right: 18px;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title.external-link::after,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-title.external-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    opacity: 0.85;
    background-image: var(--icon-external-link);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .mobile-menu-dark .accordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-desc,
  .mobile-menu-dark #mobileMenuAccordion.accordion-flush .accordion-item .accordion-collapse .accordion-body .menu-link-item .menu-link-content .menu-link-desc {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.4;
  }
  .mobile-menu-dark .apache-pills-mobile {
    margin-top: 0.5rem;
  }
  .mobile-menu-dark .apache-pills-mobile .apache-pill-mobile {
    display: inline-block;
    padding: 6px 12px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.75rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
  }
  .mobile-menu-dark .apache-pills-mobile .apache-pill-mobile:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.5);
  }
  .mobile-menu-dark .events-section {
    border-color: rgba(255, 255, 255, 0.08) !important;
  }
  .mobile-menu-dark .events-section a {
    font-size: 0.875rem;
    opacity: 0.9;
    transition: opacity 0.2s ease;
  }
}
/* Default external link icon */
a.external-link:not(.menu-link-item) {
  position: relative;
}
a.external-link:not(.menu-link-item)::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  vertical-align: -1px;
  opacity: 0.85;
  background-image: var(--icon-external-link);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
a.external-link:hover::after,
a.external-link:focus::after,
a.external-link:active::after {
  filter: brightness(0) saturate(100%) invert(83%) sepia(40%) saturate(249%) hue-rotate(134deg) brightness(104%) contrast(91%);
}
/* Feature Duo: move the icon onto the resource title */
.feature-panel .resource-link.external-link::after {
  display: none;
}
.feature-panel .resource-link.external-link .resource-title {
  position: relative;
  padding-right: 16px;
}
.feature-panel .resource-link.external-link .resource-title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  opacity: 0.85;
  background-image: var(--icon-external-link);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.navbar-nav .menu-item > a {
  color: #f3f4f6 !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.3s ease;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}
@media (min-width: 992px) {
  #menu-header-events-menu .menu-item > a {
    padding: 0.5rem 1rem;
  }
}
.navbar-nav .menu-item > a:hover,
.navbar-nav .menu-item > a:focus,
.navbar-nav .menu-item > a:active,
.navbar-nav .menu-item > a.active {
  color: #acf3f4 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  text-decoration: none !important;
}
.hero-section {
  --hero-pt: calc(94px + 80px);
  --hero-pb: 80px;
  --hero-gap-sm: 12px; /* title → subtitle */
  --hero-gap-lg: 32px; /* subtitle → buttons */
  --hero-bleed: 0%;
  --hero-scale: 1;
  --hero-parallax-scale: 1.18;
  position: relative;
  overflow: hidden;
  min-height: 520px;
  padding-top: var(--hero-pt);
  padding-bottom: var(--hero-pb);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-bottom: 1px solid #384250;
  /* Hero Lead Copy: 16/24, regular, Inter */
  /* Hero Title: matches design 40/48, weight 500, Inter */
  /* Constrain content width and center */
}
.hero-section .hero-bg {
  position: absolute;
  inset: calc(0px - var(--hero-bleed));
  pointer-events: none;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  will-change: transform;
  z-index: 0;
}
.hero-section .hero-bg picture, .hero-section .hero-bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
  transform: scale(var(--hero-scale));
}
.hero-section .container {
  position: relative;
  z-index: 1;
}
.hero-section .hero-logos {
  padding-top: 48px;
}
.hero-section .hero-logos img {
  opacity: 1;
  filter: none;
  display: block;
}
.hero-section .hero-logos .hero-logo-link, .hero-section .hero-logos a {
  position: relative;
  display: inline-block;
  transition: transform 0.5s ease;
}
@media (max-width: 767px) {
  .hero-section .hero-logos.flex-md-wrap a, .hero-section .hero-logos.flex-md-wrap .hero-logo-link {
    max-width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
  }
  .hero-section .hero-logos.flex-md-wrap a img, .hero-section .hero-logos.flex-md-wrap .hero-logo-link img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}
.hero-section .hero-logos .hero-logo-link::after,
.hero-section .hero-logos a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 3px;
  border-radius: 3px;
  background: var(--color-purple-500); /* underline color */
  transition: width 0.25s ease;
  margin-left: 0 !important; /* Override external link margin */
}
.hero-section .hero-logos .hero-logo-link:hover::after,
.hero-section .hero-logos .hero-logo-link:focus-visible::after,
.hero-section .hero-logos .hero-logo-link:active::after,
.hero-section .hero-logos a:hover::after,
.hero-section .hero-logos a:focus-visible::after,
.hero-section .hero-logos a:active::after {
  width: 100%;
}
.hero-section .hero-logos .hero-logo-link:hover,
.hero-section .hero-logos .hero-logo-link:active,
.hero-section .hero-logos a:hover,
.hero-section .hero-logos a:active {
  transform: scale(1.07);
}
.hero-section .hero-lead {
  color: #F3F4F6;
  text-align: center;
  font-family: var(--wp--preset--font-family--inter, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: var(--wp--preset--font-size--large, 16px);
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 var(--hero-gap-lg) 0; /* Subtitle → Buttons */
}
.hero-section .hero-title {
  color: var(--color-white); /* explicit white as per spec */
  font-family: var(--wp--preset--font-family--inter, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: var(--wp--preset--font-size--4xl, 40px);
  font-weight: 500;
  line-height: 48px;
  margin: 0 0 var(--hero-gap-sm) 0; /* Title → Subtitle */
}
.hero-section .hero-content {
  max-width: 537px;
  margin-left: auto;
  margin-right: auto;
}
/* Adjust hero below fixed header */
/* no header offset */
/* Tablet to small desktop (992px to 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .hero-section {
    --hero-pt: calc(48px + 60px); /* Reduce padding between these breakpoints */
    aspect-ratio: var(--hero-aspect, 2/1);
    min-height: 0;
    /* Default: no bleed/scale on desktop */
    --hero-bleed: 0%;
    --hero-scale: 1;
  }
  .hero-section .hero-logos {
    padding-top: 24px;
  }
  /* When parallax is enabled, add a subtle margin for safety */
  .hero-section[data-hero-parallax] {
    --hero-bleed: 4%;
    --hero-scale: 1.04;
    --hero-parallax-scale: 1.18;
  }
  .hero-section .hero-bg {
    transform-origin: top center;
  }
}
/* Desktop (1200px to 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero-section {
    --hero-pt: calc(54px + 60px); /* Adjusted padding for this range */
    aspect-ratio: var(--hero-aspect, 2/1);
    min-height: 0;
    /* Default: no bleed/scale on desktop */
    --hero-bleed: 0%;
    --hero-scale: 1;
  }
  .hero-section .hero-logos {
    padding-top: 32px;
  }
  /* When parallax is enabled, add a subtle margin for safety */
  .hero-section[data-hero-parallax] {
    --hero-bleed: 4%;
    --hero-scale: 1.04;
    --hero-parallax-scale: 1.18;
  }
  .hero-section .hero-bg {
    transform-origin: top center;
  }
}
/* On larger screens (1400px+), use original padding */
@media (min-width: 1400px) {
  .hero-section {
    aspect-ratio: var(--hero-aspect, 2/1);
    min-height: 0;
    /* Default: no bleed/scale on desktop */
    --hero-bleed: 0%;
    --hero-scale: 1;
  }
  /* When parallax is enabled, add a subtle margin for safety */
  .hero-section[data-hero-parallax] {
    --hero-bleed: 4%;
    --hero-scale: 1.04;
    --hero-parallax-scale: 1.18;
  }
  .hero-section .hero-bg {
    transform-origin: top center;
  }
}
/* Mobile tuning */
@media (max-width: 576px) {
  .hero-section {
    padding-block: var(--spacing-6);
    min-height: 380px;
    background-image: var(--hero-bg-mobile);
  }
  .hero-section .hero-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px; /* 118.75% */
  }
  .hero-section .btn {
    width: 100%;
    max-width: 320px;
  }
  .feature-duo-section {
    margin-top: calc(-1 * var(--spacing-3));
  }
}
/* hero overlay removed */
/* Desktop fallback background from CSS vars */
@media (min-width: 768px) {
  .hero-section.has-bg-image {
    background-image: var(--hero-bg-desktop);
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* Moved .feature-card styling to _cards.scss where it belongs */
/**
 * Index.php Hero Section Styles
 * Extracted from index.php fallback template
 */
.hero-section-gradient {
  background: linear-gradient(135deg, #0052CC 0%, #2684FF 100%);
}
/* Feature Duo mobile stack - removed to allow col-11 responsive behavior */
/* Feature Cards - Used in ACF blocks and feature duo sections */
.feature-card {
  position: relative;
  background: linear-gradient(139deg, rgba(255, 255, 255, 0.0784313725) 8.96%, rgba(255, 255, 255, 0.031372549) 76.07%);
  border: none;
  border-radius: 16px;
  backdrop-filter: blur(28px);
  -webkit-backdrop-filter: blur(28px);
  filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.2));
}
.feature-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(139deg, #a5a5a5, rgba(165, 165, 165, 0.6));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
}
/* Fallback for browsers without mask support */
@supports not (mask-composite: exclude) {
  .feature-card::before {
    background: #A5A5A5;
    opacity: 0.7;
  }
}
/* Feature Duo: Panel layout */
.feature-panel {
  position: relative;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(17, 25, 40, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.125);
  border-radius: 16px;
  filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.2));
  padding: 24px 31px;
}
.feature-panel::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(139deg, #a5a5a5, rgba(165, 165, 165, 0.6));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  pointer-events: none;
  z-index: -1;
}
/* Fallback for browsers without mask support */
@supports not (mask-composite: exclude) {
  .feature-panel::before {
    background: #A5A5A5;
    opacity: 0.7;
  }
}
.feature-panel h2, .feature-panel .h2 {
  color: #FFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
.feature-panel .section-title {
  color: #FFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .feature-duo-section .col-md-5:first-child {
    padding-left: 5.5rem;
  }
  .feature-duo-section .col-md-5:last-child {
    padding-right: 5.5rem;
  }
}
.resource-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.resource-item {
  margin: 0;
}
.resource-link, .has-chips {
  display: grid;
  grid-template-columns: 56px 1fr;
  align-items: flex-start;
  gap: 0;
  padding: 12px 0px 12px 0;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.resource-item:last-child .resource-link,
.resource-item:last-child .has-chips {
  padding: 12px 0px 0 0;
}
.resource-link[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}
.resource-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 41px;
  height: 41px;
  border-radius: 8px;
  background: #0C101A;
  transition: background-color 0.2s ease;
}
.resource-link:hover .resource-icon {
  background: #003536;
}
.resource-link:active .resource-icon {
  background: #00585A;
}
.resource-title {
  color: #E5E7EB;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  transition: color 0.2s ease;
}
.resource-link:hover .resource-title,
.resource-link:active .resource-title {
  color: #E1FFFE;
}
.resource-desc {
  color: #E5E7EB;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  transition: color 0.2s ease;
}
.resource-link:hover .resource-desc,
.resource-link:active .resource-desc {
  color: #F0FFFE;
}
.chips {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.chip {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  border-radius: 6px;
  text-decoration: none;
  color: #E5E7EB;
  background: transparent;
  border: 1px solid #9DA4AE;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.chip .chip-icon {
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
}
.chip:hover {
  background: #00585A;
  border-color: #31D3DB;
  color: #FFFFFF;
}
.chip:active {
  background: #003536;
  border-color: #31D3DB;
  color: #FFFFFF;
}
.chip[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}
/* Integration cards as links */
.integration-slide a {
  color: inherit;
  transition: all 0.3s ease;
}
.integration-slide a:hover {
  color: inherit;
  text-decoration: none;
}
.integration-slide a:hover .card, .integration-slide a:hover .blogroll-card,
.integration-slide a:hover .integration-card {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
/* Integrations section header */
.hover-text-white {
  transition: color 0.2s ease;
}
.hover-text-white:hover {
  color: white !important;
}
.site-footer {
  background-color: #121723 !important;
  color: #ffffff !important;
  border-top: 1px solid #384250 !important;
  padding: 3rem 0 0rem !important;
}
.site-footer a {
  color: #D2D6DB;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.site-footer a:hover {
  color: #31D3DB;
}
.site-footer a:active {
  transform: translateY(1px);
}
.site-footer a[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}
.site-footer a.external-link:not(.events-external)::after {
  display: none !important;
}
.site-footer a.external-link.events-external::after,
.site-footer a.events-external::after {
  content: "";
  display: inline-block !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12 8v5H3V4h5m1-1H2v11h11V7m-1-6h5v5m0-5L7 11' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  vertical-align: -1px;
}
.site-footer .footer-menu li {
  margin-bottom: 6px;
}
.site-footer .footer-menu li:last-child {
  margin-bottom: 0;
}
.site-footer .footer-menu a {
  color: #D2D6DB !important;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", sans-serif;
}
.site-footer .footer-menu a:hover {
  color: #31D3DB !important;
}
.site-footer .footer-menu a:active {
  color: #2DB9C0 !important;
}
.site-footer .footer-column-title {
  color: #E5E7EB !important;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  margin-bottom: 20px;
}
.site-footer .footer-column-title a:hover {
  color: #31D3DB !important;
}
.site-footer .footer-column-title a:active {
  color: #2DB9C0 !important;
}
.site-footer .footer-social-btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  color: #FFFFFF !important;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
  padding: 8px;
}
.site-footer .footer-social-btn:hover {
  color: #31D3DB !important;
}
.site-footer .footer-social-btn:active {
  color: #2DB9C0 !important;
  transform: translateY(1px);
}
.site-footer .footer-social-btn[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}
.site-footer .footer-social-btn svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  transition: fill 0.2s ease;
}
.site-footer .footer-contact {
  color: #D2D6DB;
  font-size: 14px;
  line-height: 20px;
}
.site-footer .footer-contact-link {
  color: #F3F4F6 !important;
  font-weight: 700;
  text-decoration: none;
  margin-left: 8px;
}
.site-footer .footer-contact-link:hover {
  color: #31D3DB !important;
}
.site-footer .footer-contact-link:active {
  color: #2DB9C0 !important;
}
.site-footer .footer-copyright {
  color: #9CA3AF;
  font-size: 12px;
  line-height: 16px;
}
.site-footer .footer-bottom-section {
  padding: 22px 0;
}
.site-footer .footer-divider {
  border-color: #384250;
  margin: 32px 0;
  opacity: 1;
}
/**
 * Footer Override Styles
 * Extracted from inline styles in footer.php
 *
 * These styles override default Bootstrap and theme styles
 * for specific footer elements
 */
.footer-logo {
  max-width: none;
}
.footer-events-link {
  color: #E5E7EB;
}
.footer-events-link:hover {
  color: #ffffff;
}
.search-modal-content {
  background-color: #1a2332;
  border: none;
}
.search-modal-input {
  background-color: #2a3441;
  border-color: #3a4551;
  color: #ffffff;
}
.search-modal-input::placeholder {
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.search-modal-input:focus {
  background-color: #2a3441;
  border-color: var(--dremio-primary, #00ABA4);
  color: #ffffff;
  box-shadow: 0 0 0 0.2rem rgba(0, 171, 164, 0.25);
}
.search-modal-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #2a3441 inset;
  -webkit-text-fill-color: #ffffff;
}
main {
  background-color: #121723;
}
.page-template-page-oss-blogroll main,
.page-template-page-oss-integrations main {
  padding-top: 76px;
}
.blogroll-block {
  padding-bottom: 56px;
}
.home .blogroll-block,
.front-page .blogroll-block {
  margin-top: 104px;
}
.integrations-header {
  margin-bottom: 40px !important;
}
.oss-blogroll-section {
  margin-top: 41px;
  padding-bottom: 56px;
}
.oss-blogroll-section .card, .oss-blogroll-section .blogroll-card,
.oss-blogroll-section .integration-card,
.oss-blogroll-section .card.bg-dark {
  background: #0C101A !important;
  background-color: #0C101A !important;
}
.oss-blogroll-section .card .card-body .blogroll-badges.mb-2,
.oss-blogroll-section .card .card-body .blogroll-badges,
.oss-blogroll-section .card .blogroll-badges.mb-2,
.oss-blogroll-section .card .blogroll-badges,
.oss-blogroll-section .blogroll-card .blogroll-badges,
.oss-blogroll-section .integration-card .blogroll-badges,
.oss-blogroll-section .card.bg-dark .card-body .blogroll-badges.mb-2,
.oss-blogroll-section .card.bg-dark .card-body .blogroll-badges,
.oss-blogroll-section .card.bg-dark .blogroll-badges.mb-2,
.oss-blogroll-section .card.bg-dark .blogroll-badges {
  margin-bottom: 16px !important;
}
.oss-blogroll-section .card .text-uppercase, .oss-blogroll-section .blogroll-card .text-uppercase,
.oss-blogroll-section .integration-card .text-uppercase,
.oss-blogroll-section .card.bg-dark .text-uppercase {
  font-size: 12px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}
.oss-blogroll-section .card .card-title, .oss-blogroll-section .blogroll-card .card-title,
.oss-blogroll-section .integration-card .card-title,
.oss-blogroll-section .card h3,
.oss-blogroll-section .blogroll-card h3,
.oss-blogroll-section .integration-card h3,
.oss-blogroll-section .card .h3,
.oss-blogroll-section .blogroll-card .h3,
.oss-blogroll-section .integration-card .h3,
.oss-blogroll-section .card.bg-dark .card-title,
.oss-blogroll-section .card.bg-dark h3 {
  font-size: 18px !important;
  line-height: 1.3;
}
.oss-blogroll-section .card .text-body-secondary, .oss-blogroll-section .blogroll-card .text-body-secondary,
.oss-blogroll-section .integration-card .text-body-secondary,
.oss-blogroll-section .card.bg-dark .text-body-secondary {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important; /* 150% */
  text-transform: none !important;
  color: #E5E7EB !important;
}
.oss-blogroll-section .card p:not(.card-title), .oss-blogroll-section .blogroll-card p:not(.card-title),
.oss-blogroll-section .integration-card p:not(.card-title),
.oss-blogroll-section .card.bg-dark p:not(.card-title) {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important; /* 150% */
  color: #E5E7EB !important;
}
.oss-blogroll-section .card .card .card-body, .oss-blogroll-section .blogroll-card .card .card-body,
.oss-blogroll-section .integration-card .card .card-body, .oss-blogroll-section .card .blogroll-card .card-body, .oss-blogroll-section .blogroll-card .blogroll-card .card-body,
.oss-blogroll-section .integration-card .blogroll-card .card-body,
.oss-blogroll-section .card .integration-card .card-body,
.oss-blogroll-section .blogroll-card .integration-card .card-body,
.oss-blogroll-section .integration-card .integration-card .card-body,
.oss-blogroll-section .card.bg-dark .card .card-body {
  padding: 24px !important;
}
@media (min-width: 768px) {
  .oss-blogroll-section .blogroll-featured-card .card-body .blogroll-badges.mb-2,
  .oss-blogroll-section .blogroll-featured-card .card-body .blogroll-badges,
  .oss-blogroll-section .blogroll-featured-card .blogroll-badges.mb-2,
  .oss-blogroll-section .blogroll-featured-card .blogroll-badges {
    margin-bottom: 40px !important;
  }
}
.oss-blogroll-section .blogroll-featured-card .card-title,
.oss-blogroll-section .blogroll-featured-card h3,
.oss-blogroll-section .blogroll-featured-card .h3 {
  font-size: 20px !important;
}
.oss-blogroll-section .blogroll-featured-card .card-body {
  padding: 24px !important;
}
.blogroll-title {
  color: #FFF;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px; /* 114.286% */
}
.blogroll-card-link {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
  color: inherit;
  border-radius: var(--RadiusM, 6px);
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .blogroll-card-link {
    display: flex;
    height: 100%;
  }
}
.blogroll-card-link .card, .blogroll-card-link .blogroll-card,
.blogroll-card-link .integration-card {
  border-radius: inherit;
  transition: background 0.3s ease, transform 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .blogroll-card-link .card, .blogroll-card-link .blogroll-card,
  .blogroll-card-link .integration-card {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
.blogroll-card-link::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(119deg, #00585A 14.11%, #6ECBD9 52.78%, rgba(97, 97, 97, 0.4) 91.46%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.blogroll-card-link::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: #00585A;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.blogroll-card-link:hover:not(:active)::after, .blogroll-card-link:focus-visible:not(:active)::after {
  opacity: 1;
}
.blogroll-card-link:active::before {
  opacity: 1;
}
.blogroll-card-link:active::after {
  opacity: 0;
}
.blogroll-filter .filter-pill {
  padding: 8px 16px;
  border: 1px solid #E5E7EB;
  border-radius: 21.426px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  transition: all 0.3s ease;
  margin-right: 8px;
}
.blogroll-filter .filter-pill:hover {
  background: #00585A;
  border-color: #31D3DB;
  color: #FFFFFF;
}
.blogroll-filter .filter-pill.active, .blogroll-filter .filter-pill[aria-pressed=true] {
  background: #003536;
  border-color: #31D3DB;
  color: #FFFFFF;
}
.blogroll-filter .filter-pill:active {
  background: #003536;
  border-color: #31D3DB;
  color: #FFFFFF;
}
.blogroll-browse-link {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
  transition: color 0.2s ease;
}
.blogroll-browse-link:hover {
  color: var(--teal-teal-40031-d-3-db, #31D3DB);
}
.blogroll-browse-link:active {
  color: var(--teal-teal-5002-db-9-c-0, #2DB9C0);
}
@media (min-width: 1200px) {
  .blogroll-featured-card {
    aspect-ratio: 7/5;
  }
}
@media (max-width: 1199.98px) {
  .blogroll-featured-card {
    aspect-ratio: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .blogroll-featured-card {
    height: 100%;
  }
}
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child {
  display: flex;
}
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row > .col-12 {
  flex: 1;
  display: flex;
}
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row > .col-12 .card, .blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row > .col-12 .blogroll-card,
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row > .col-12 .integration-card {
  flex: 1;
}
.blogroll-block .row:has(.blogroll-featured-card) .col-md-6:last-child > .row > .col-12.blogroll-card-placeholder {
  visibility: hidden;
}
.integrations-block {
  background: linear-gradient(180deg, #0C101A 0%, #121723 94.23%);
  padding-top: 76px;
  padding-bottom: 76px;
}
.integrations-block.reveal-in h2, .integrations-block.reveal-in .h2 {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 114.286% */
}
.integrations-grid {
  /* Grid container styling */
  position: relative;
}
.integration-card {
  min-height: var(--integration-card-height, 180px);
}
.integration-card h4, .integration-card .h4,
.integration-card p,
.integration-card .badge {
  writing-mode: horizontal-tb;
  white-space: normal;
}
.integrations-block, .integrations-block * {
  writing-mode: horizontal-tb;
  text-orientation: mixed;
  white-space: normal;
}
/* Generic filter pill and dropdown state scaffolding */
.filter-pill,
.blogroll-filter .filter-pill,
.filter-buttons .btn.btn-sm,
.filter-buttons .btn.btn--sm {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.filter-pill:hover {
  filter: brightness(1.05);
}
.filter-pill:active {
  transform: translateY(1px);
}
.filter-pill[aria-disabled=true] {
  opacity: 0.6;
  pointer-events: none;
}
.dropdown-menu .dropdown-item {
  transition: background-color 0.15s ease, color 0.15s ease;
}
.dropdown-menu .dropdown-item.is-selected,
.dropdown-menu .dropdown-item[aria-selected=true] {
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
/* Mobile adjustments */
@media (max-width: 576px) {
  .filter-pills {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    gap: var(--spacing-2);
  }
  /* Ensure touch targets meet 44px minimum */
  .filter-pill {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .btn-sm, .btn--sm, .btn-primary.btn--sm {
    min-height: 44px;
    padding: 10px 16px;
  }
}
/* Filter pills */
.filter-pill {
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: transparent;
  color: var(--wp--preset--color--light, #F8F9FA);
}
.filter-pill:hover {
  background: rgba(255, 255, 255, 0.08);
}
.filter-pill.active,
.filter-pill[aria-pressed=true] {
  background: #31D3DB;
  color: #0a1628;
  border-color: transparent;
}
/* Project badge classes */
.badge-project {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  border-radius: 999px;
  padding: 4px 10px;
}
.badge-project-iceberg {
  background-color: var(--badge-iceberg, #B9E6FE);
  color: #062C41;
}
.badge-project-arrow {
  background-color: var(--badge-arrow, #C9C9FF);
  color: #051344;
}
.badge-project-polaris {
  background-color: var(--badge-polaris, #CEEAB0);
  color: #2B4212;
}
/* Mobile sizing to match Figma specs */
@media (max-width: 576px) {
  .filter-pill {
    padding: 6px 14px;
  }
  .badge-project {
    padding: 6px 14px;
  }
}
.events-cta-block {
  background-image: url("data:image/svg+xml,%3csvg%20width='1295'%20height='399'%20viewBox='0%200%201295%20399'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2659_10156)'%3e%3cpath%20d='M0%20399L1295%20399L1295%200.00012207L3.48817e-05%208.85782e-06L0%20399Z'%20fill='%2313164E'/%3e%3cpath%20d='M1295%20561.578C1248.24%20552.587%201097.15%20523.645%201014.42%20507.634C931.681%20491.624%20877.722%20479.554%20798.583%20465.513C719.444%20451.473%20625.917%20437.432%20539.583%20423.392C453.25%20409.352%20370.514%20393.341%20280.583%20381.271C190.653%20369.201%2046.7639%20356.022%201.84117e-05%20350.972L4.90947e-05%208.85782e-06L1295%200.00012207L1295%20561.578Z'%20fill='url(%23paint0_linear_2659_10156)'/%3e%3cpath%20d='M1295%20469.239C1237.44%20458.03%201053.99%20422.435%20949.667%20401.989C845.347%20381.542%20769.806%20361.096%20669.083%20346.561C568.361%20332.026%20456.847%20331.283%20345.333%20314.778C233.819%20298.272%2057.5556%20258.736%201.93826e-05%20247.528L4.10221e-05%203.93754e-05L1295%200.000152588L1295%20469.239Z'%20fill='url(%23paint1_linear_2659_10156)'/%3e%3cpath%20d='M1295%20413.844C1237.44%20406.114%201053.99%20384.893%20949.667%20367.462C845.347%20350.031%20769.806%20332.6%20669.083%20309.258C568.361%20285.916%20456.847%20248.781%20345.333%20227.41C233.819%20206.038%2057.5556%20188.758%202.03535e-05%20181.028L3.61794e-05%20-5.21773e-05L1295%206.10352e-05L1295%20413.844Z'%20fill='url(%23paint2_linear_2659_10156)'/%3e%3cpath%20d='M1295%20395.394C1262.62%20390.589%201169.1%20382.084%201100.75%20366.563C1032.4%20351.041%20964.056%20315.816%20884.917%20302.265C805.778%20288.713%20697.861%20294.866%20625.917%20285.255C553.972%20275.645%20518%20258.153%20453.25%20244.602C388.5%20231.05%20312.958%20219.47%20237.417%20203.948C161.875%20188.426%2039.5695%20160.218%202.13243e-05%20151.472L3.45665e-05%20-5.21773e-05L1295%206.10352e-05L1295%20395.394Z'%20fill='url(%23paint3_linear_2659_10156)'/%3e%3cpath%20d='M1295%20303.055C1248.24%20292.584%201104.35%20259.2%201014.42%20240.228C924.486%20221.255%20841.75%20206.224%20755.417%20189.222C669.083%20172.22%20582.75%20155.218%20496.417%20138.217C410.083%20121.215%20320.153%20102.243%20237.417%2087.2111C154.681%2072.1796%2039.5695%2054.5583%202.22952e-05%2048.0278L2.64939e-05%208.85782e-06L1295%200.00012207L1295%20303.055Z'%20fill='url(%23paint4_linear_2659_10156)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2659_10156'%20x1='647.5'%20y1='561.578'%20x2='647.5'%20y2='6.54641e-05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%231F263A'/%3e%3cstop%20offset='0.389416'%20stop-color='%23012F37'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_2659_10156'%20x1='647.5'%20y1='469.239'%20x2='647.5'%20y2='9.59816e-05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232D3F64'/%3e%3cstop%20offset='1'%20stop-color='%2304102E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_2659_10156'%20x1='647.5'%20y1='413.844'%20x2='709.974'%20y2='38.525'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232D3851'/%3e%3cstop%20offset='0.871114'%20stop-color='%23060620'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_2659_10156'%20x1='647.5'%20y1='395.394'%20x2='647.5'%20y2='4.42891e-06'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23160C17'/%3e%3cstop%20offset='0.765239'%20stop-color='%23121723'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_2659_10156'%20x1='647.5'%20y1='303.055'%20x2='641.976'%20y2='119.659'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2306262A'/%3e%3cstop%20stop-color='%23062529'/%3e%3cstop%20stop-color='%23072529'/%3e%3cstop%20offset='1'%20stop-color='%23121723'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_2659_10156'%3e%3crect%20width='1295'%20height='399'%20fill='white'%20transform='translate(1295%20399)%20rotate(-180)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 100px 0 200px;
  position: relative;
  overflow: hidden;
}
.events-cta-block .container {
  position: relative;
  z-index: 1;
}
.events-cta-block .h1 {
  color: #FFFFFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px; /* 118.75% */
}
.events-cta-block .lead {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.events-cta-block .btn-primary {
  position: relative;
  color: #FFFFFF !important;
}
.events-cta-block .btn-primary .btn-text {
  position: relative;
  z-index: 2;
  color: #FFFFFF !important;
}
.events-cta-block .btn-primary svg {
  display: none !important;
}
@media (max-width: 767.98px) {
  .events-cta-block {
    background-image: url("data:image/svg+xml,%3csvg%20width='640'%20height='399'%20viewBox='0%200%20640%20399'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2676_26764)'%3e%3cpath%20d='M-6.10352e-05%20399L640%20399L640%206.10352e-05L-2.61535e-05%205.08457e-06L-6.10352e-05%20399Z'%20fill='%2313164E'/%3e%3cpath%20d='M640%20561.578C616.889%20552.587%20542.222%20523.645%20501.333%20507.634C460.444%20491.624%20433.778%20479.554%20394.667%20465.513C355.556%20451.473%20309.333%20437.432%20266.667%20423.392C224%20409.352%20183.111%20393.341%20138.667%20381.271C94.2222%20369.201%2023.111%20356.022%20-4.26234e-05%20350.972L-1.19405e-05%205.08457e-06L640%206.10352e-05L640%20561.578Z'%20fill='url(%23paint0_linear_2676_26764)'/%3e%3cpath%20d='M640%20469.239C611.556%20458.03%20520.889%20422.435%20469.333%20401.989C417.778%20381.542%20380.444%20361.096%20330.667%20346.561C280.889%20332.026%20225.778%20331.283%20170.667%20314.778C115.555%20298.272%2028.4444%20258.736%20-4.16526e-05%20247.528L-2.0013e-05%203.56022e-05L640%209.15527e-05L640%20469.239Z'%20fill='url(%23paint1_linear_2676_26764)'/%3e%3cpath%20d='M640%20413.844C611.556%20406.114%20520.889%20384.893%20469.333%20367.462C417.778%20350.031%20380.444%20332.6%20330.667%20309.258C280.889%20285.916%20225.778%20248.781%20170.667%20227.41C115.555%20206.038%2028.4444%20188.758%20-4.06817e-05%20181.028L-2.48557e-05%20-5.59506e-05L640%200L640%20413.844Z'%20fill='url(%23paint2_linear_2676_26764)'/%3e%3cpath%20d='M640%20395.394C624%20390.589%20577.778%20382.084%20544%20366.563C510.222%20351.041%20476.444%20315.816%20437.333%20302.265C398.222%20288.714%20344.889%20294.866%20309.333%20285.255C273.778%20275.645%20256%20258.153%20224%20244.602C192%20231.051%20154.667%20219.47%20117.333%20203.948C80%20188.427%2019.5555%20160.218%20-3.97108e-05%20151.472L-2.64687e-05%206.61197e-05L640%200.00012207L640%20395.394Z'%20fill='url(%23paint3_linear_2676_26764)'/%3e%3cpath%20d='M640%20303.055C616.889%20292.584%20545.778%20259.2%20501.333%20240.228C456.889%20221.255%20416%20206.224%20373.333%20189.222C330.667%20172.22%20288%20155.219%20245.333%20138.217C202.667%20121.215%20158.222%20102.243%20117.333%2087.2112C76.4444%2072.1797%2019.5555%2054.5585%20-3.87399e-05%2048.0279L-3.45412e-05%200.000127155L640%200.000183105L640%20303.055Z'%20fill='url(%23paint4_linear_2676_26764)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2676_26764'%20x1='320'%20y1='561.578'%20x2='320'%20y2='3.30599e-05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%231F263A'/%3e%3cstop%20offset='0.389416'%20stop-color='%23012F37'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_2676_26764'%20x1='320'%20y1='469.239'%20x2='320'%20y2='6.35774e-05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232D3F64'/%3e%3cstop%20offset='1'%20stop-color='%2304102E'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint2_linear_2676_26764'%20x1='320'%20y1='413.844'%20x2='436.679'%20y2='67.4248'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%232D3851'/%3e%3cstop%20offset='0.871114'%20stop-color='%23060620'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint3_linear_2676_26764'%20x1='320'%20y1='395.394'%20x2='320'%20y2='9.4095e-05'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23160C17'/%3e%3cstop%20offset='0.765239'%20stop-color='%23121723'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint4_linear_2676_26764'%20x1='320'%20y1='303.055'%20x2='308.855'%20y2='120.172'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2306262A'/%3e%3cstop%20stop-color='%23062529'/%3e%3cstop%20stop-color='%23072529'/%3e%3cstop%20offset='1'%20stop-color='%23121723'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_2676_26764'%3e%3crect%20width='640'%20height='399'%20fill='white'%20transform='translate(640%20399)%20rotate(-180)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    padding: 80px 0 160px;
  }
  .events-cta-block .h1 {
    font-size: 28px;
    line-height: 34px;
  }
}
/* OSS Integrations Page Dark Theme */
.integrations-page-dark {
  background-color: #2C3441;
  min-height: 100vh;
  color: #FFFFFF;
}
/* Removed .integrations-page-dark .container background-color rule as requested */
.integrations-page-dark .breadcrumb-item a {
  color: #CCCCCC;
  text-decoration: none;
}
.integrations-page-dark .breadcrumb-item.active {
  color: #FFFFFF;
}
.integrations-page-dark h1, .integrations-page-dark .h1 {
  color: #FFFFFF;
  font-weight: 700;
}
.integrations-page-dark .text-muted {
  color: #CCCCCC !important;
}
.integrations-page-dark .form-select {
  background-color: #3A4553;
  border-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.integrations-page-dark .form-select:focus {
  background-color: #3A4553;
  border-color: #31D3DB;
  color: #FFFFFF;
  box-shadow: 0 0 0 0.2rem rgba(49, 211, 219, 0.25);
}
.integrations-page-dark .integration-card-dark {
  background-color: #3A4553;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
}
.integrations-page-dark .integration-card-dark h3, .integrations-page-dark .integration-card-dark .h3 {
  color: #FFFFFF;
}
.integrations-page-dark .integration-card-dark a {
  color: #FFFFFF;
  text-decoration: none;
}
.integrations-page-dark .integration-card-dark .text-muted {
  color: #CCCCCC !important;
}
.integrations-page-dark .btn-outline-primary {
  border-color: #31D3DB;
  color: #31D3DB;
}
.integrations-page-dark .btn-outline-primary:hover {
  background-color: #31D3DB;
  border-color: #31D3DB;
  color: #0a1628;
}
.integrations-page-dark .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
}
.integrations-page-dark .btn-outline-light:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.integrations-page-dark .no-results-message {
  color: #FFFFFF;
}
.integrations-page-dark .no-results-message .text-muted {
  color: #CCCCCC !important;
}
/* Integration logo styling */
.integration-logo {
  max-height: 64px;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
}
/* Card hover effect for clickable cards */
.integrations-page-dark a:hover .integration-card-dark {
  transform: translateY(-4px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.15);
}
/* Disable individual card hover when wrapped in link */
.integrations-page-dark a .integration-card-dark.hover-lift:hover {
  transform: none;
  box-shadow: none !important;
}
/* Global override for blogroll cards to use correct dark background */
.card.bg-dark, .bg-dark.blogroll-card,
.bg-dark.integration-card,
.blogroll-card-link .card.bg-dark,
.oss-blogroll-section .card.bg-dark,
.blogroll-block .card.bg-dark,
article.card.bg-dark {
  background: #0C101A !important;
  background-color: #0C101A !important;
}
/* Ensure blogroll cards have dark background even without bg-dark class */
.blogroll-featured-card.card, .blogroll-featured-card.blogroll-card,
.blogroll-featured-card.integration-card,
.blogroll-block .card.h-100,
.blogroll-block .h-100.blogroll-card,
.blogroll-block .h-100.integration-card,
.oss-blogroll-section .card,
.oss-blogroll-section .blogroll-card,
.oss-blogroll-section .integration-card {
  background: #0C101A !important;
  background-color: #0C101A !important;
}
.integration-see-more {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
  transition: color 0.2s ease;
}
.integration-see-more:hover {
  color: var(--teal-teal-40031-d-3-db, #31D3DB);
}
.integration-see-more:active {
  color: var(--teal-teal-5002-db-9-c-0, #2DB9C0);
}
.blogroll-block .blogroll-card-link .card.h-100 .card-body, .blogroll-block .blogroll-card-link .h-100.blogroll-card .card-body,
.blogroll-block .blogroll-card-link .h-100.integration-card .card-body,
.blogroll-block .card.blogroll-featured-card .card-body,
.blogroll-block .blogroll-featured-card.blogroll-card .card-body,
.blogroll-block .blogroll-featured-card.integration-card .card-body,
.blogroll-block .card.h-100.shadow-sm .card-body,
.blogroll-block .h-100.shadow-sm.blogroll-card .card-body,
.blogroll-block .h-100.shadow-sm.integration-card .card-body {
  padding: 24px !important;
}
article.card.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card .card-body, article.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card.blogroll-card .card-body,
article.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card.integration-card .card-body,
.blogroll-card-link .card.h-100.shadow-sm.text-light.border-secondary-subtle .card-body,
.blogroll-card-link .h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-card .card-body,
.blogroll-card-link .h-100.shadow-sm.text-light.border-secondary-subtle.integration-card .card-body {
  padding: 24px !important;
}
@media (min-width: 768px) {
  article.card.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card .card-body .blogroll-badges.mb-2, article.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card.blogroll-card .card-body .blogroll-badges.mb-2,
  article.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-featured-card.integration-card .card-body .blogroll-badges.mb-2 {
    margin-bottom: 40px !important;
  }
}
@media (max-width: 767px) {
  .home .blogroll-block,
  .front-page .blogroll-block {
    margin-top: 60px;
    padding-bottom: 40px;
  }
  .blogroll-block .card .card-body, .blogroll-block .blogroll-card .card-body,
  .blogroll-block .integration-card .card-body {
    padding: 16px !important;
  }
  .blogroll-block .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  .blogroll-block .card h3, .blogroll-block .blogroll-card h3,
  .blogroll-block .integration-card h3, .blogroll-block .card .h3, .blogroll-block .blogroll-card .h3,
  .blogroll-block .integration-card .h3 {
    font-size: 1.125rem;
  }
  .blogroll-block .card p, .blogroll-block .blogroll-card p,
  .blogroll-block .integration-card p {
    font-size: 0.875rem;
  }
  .blogroll-block .blogroll-badges.mb-2 {
    margin-bottom: 12px !important;
  }
}
article.card.h-100.shadow-sm.text-light.border-secondary-subtle:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2, article.h-100.shadow-sm.text-light.border-secondary-subtle.blogroll-card:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2,
article.h-100.shadow-sm.text-light.border-secondary-subtle.integration-card:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2 {
  margin-bottom: 16px !important;
}
@media (min-width: 768px) {
  .card.blogroll-featured-card .card-body .blogroll-badges.mb-2, .blogroll-featured-card.blogroll-card .card-body .blogroll-badges.mb-2,
  .blogroll-featured-card.integration-card .card-body .blogroll-badges.mb-2 {
    margin-bottom: 40px !important;
  }
  .card:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2, .blogroll-card:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2,
  .integration-card:not(.blogroll-featured-card) .card-body .blogroll-badges.mb-2 {
    margin-bottom: 16px !important;
  }
  .blogroll-featured-card.blogroll-card .card-body .blogroll-badges.mb-2,
  .blogroll-featured-card.integration-card .card-body .blogroll-badges.mb-2 {
    margin-bottom: 40px !important;
  }
}
/**
 * Feature Duo Inline Style Replacements
 * Extracted from blocks/acf/feature-duo.php
 */
.resource-icon .emoji {
  font-size: 22px;
  line-height: 1;
}
.chip-icon {
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
}
.chip-icon .emoji {
  font-size: 14px;
  line-height: 1;
}
.chip-icon i {
  font-size: 14px;
}
.integration-card {
  border-radius: 10.25px;
  border: 0.854px solid transparent;
  height: 100%;
  position: relative;
  background: linear-gradient(139deg, rgba(var(--bs-white-rgb), 0.1) -4.45%, rgba(var(--bs-white-rgb), 0.05) 76.07%);
  transition: background 0.3s ease;
}
.integration-card::before {
  content: "";
  position: absolute;
  inset: -0.854px;
  border-radius: 10.25px;
  padding: 0.854px;
  background: linear-gradient(119deg, var(--color-gray-500, #A5A5A5) 14.11%, rgba(var(--bs-gray-300-rgb, 192, 192, 192), 0.53) 50.55%, rgba(var(--bs-gray-600-rgb, 97, 97, 97), 0.4) 91.46%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.integration-card::after {
  content: "";
  position: absolute;
  inset: -0.854px;
  border-radius: 10.25px;
  padding: 0.854px;
  background: linear-gradient(119deg, var(--color-teal-600) 14.11%, var(--color-teal-400) 52.78%, rgba(var(--bs-gray-600-rgb, 97, 97, 97), 0.4) 91.46%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}
.integration-card:hover {
  background: linear-gradient(139deg, rgba(0, 88, 90, 0.1) -4.45%, rgba(49, 211, 219, 0.05) 76.07%);
}
.integration-card:hover::before {
  opacity: 0;
}
.integration-card:hover::after {
  opacity: 1;
}
.integration-card:active {
  background: linear-gradient(139deg, rgba(0, 88, 90, 0.2) -4.45%, rgba(49, 211, 219, 0.1) 76.07%);
}
.integration-card:active::before {
  opacity: 0;
}
.integration-card:active::after {
  background: var(--color-teal-600);
  opacity: 1;
}
.integration-card .card-body {
  padding: 20px;
  text-align: left;
}
.integration-card .integration-badges {
  margin-bottom: 12px;
}
.integration-card .integration-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 16px;
  color: var(--color-white, #FFF);
  line-height: 32px;
}
.integration-card .integration-logo {
  height: 32px;
  width: auto;
  object-fit: contain;
}
.integration-card-dark.is-link, .integration-card-dark a,
.integration-card.is-link,
.integration-card a {
  text-decoration: none;
  color: inherit;
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.integration-card-dark.is-disabled, .integration-card-dark[aria-disabled=true],
.integration-card.is-disabled,
.integration-card[aria-disabled=true] {
  opacity: 0.5;
  pointer-events: none;
  box-shadow: none;
  transform: none;
}
.integration-card-dark .integration-logo,
.integration-card .integration-logo {
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.integration-card-dark:hover .integration-logo,
.integration-card:hover .integration-logo {
  filter: brightness(1.05);
}
.integration-card-dark:active .integration-logo,
.integration-card:active .integration-logo {
  filter: brightness(0.95);
}
.integration-card-dark a.external-link::after,
.integration-card a.external-link::after {
  display: none !important;
}
@media (max-width: 767px) {
  .integration-card .card-body {
    padding: 16px;
  }
  .integration-card .integration-title {
    font-size: 20px;
    line-height: 28px;
  }
  .integration-card .integration-logo {
    height: 24px;
  }
  #integrationsGrid {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
}
/**
 * OSS Blogroll Component Styles
 * Extracted from inline styles in template-parts/oss-blogroll.php
 *
 * IMPORTANT: Using .blogroll-pill instead of .blogroll-filter
 * to avoid conflict with existing container class in page-oss-blogroll.php
 */
.blogroll-section {
  background: var(--color-slate-900);
}
.blogroll-pill {
  border-radius: 21px;
  padding: 8px 16px;
  font-size: 11px;
  font-weight: 500;
  background: transparent;
  color: var(--color-white);
  border: 1px solid var(--color-neutral-200);
  transition: all 0.3s ease;
}
.blogroll-pill--active, .blogroll-pill.active {
  background: var(--color-teal-400) !important;
  color: var(--color-blue-900) !important;
  border: none !important;
}
.blogroll-pill:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}
.blogroll-browse-link {
  font-size: 16px;
}
.blogroll-card {
  background: var(--color-slate-900);
}
.blogroll-card--featured {
  min-height: 391px;
}
.blogroll-badge {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
}
.blogroll-badge--iceberg {
  background: var(--color-blue-200);
  color: var(--color-blue-900);
}
.blogroll-badge--arrow {
  background: var(--color-purple-200);
  color: var(--color-purple-900);
}
.blogroll-badge--polaris {
  background: var(--color-green-200);
  color: var(--color-green-900);
}
.blogroll-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.blogroll-label--small {
  font-size: 11px;
  font-weight: 400;
}
.blogroll-title--large {
  font-size: var(--heading-5-size);
  font-weight: var(--heading-5-weight);
  line-height: var(--heading-5-line-height);
}
.blogroll-title--small {
  font-size: 15px;
  font-weight: var(--nav-link-small-weight);
  line-height: 22px;
}
.blogroll-excerpt--large {
  font-size: var(--body-lg-size);
  line-height: var(--body-lg-line-height);
}
.blogroll-excerpt--small {
  font-size: var(--body-base-size);
  line-height: var(--body-base-line-height);
}
.bg-info-subtle {
  background: var(--color-blue-200) !important;
}
.bg-primary-subtle {
  background: var(--color-purple-200) !important;
}
.bg-success-subtle {
  background: var(--color-green-200) !important;
}
.integrations-page-dark .container {
  padding-top: 28px;
  padding-bottom: 80px;
}
.blogroll-header {
  padding-top: 28px;
  padding-bottom: 1rem;
}
.blogroll-header h1, .blogroll-header .h1 {
  color: var(--color-white);
  /* Heading 2/Default */
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px; /* 118.75% */
  padding-top: 40px;
}
.blogroll-header p {
  color: var(--color-white);
  /* Body/Base/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.blogroll-header .dremio-breadcrumb .breadcrumb {
  padding: 12px 0;
  margin: 0;
  background: transparent;
  display: flex;
  align-items: center;
}
.blogroll-header .breadcrumb-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-gray-400);
}
.blogroll-header .breadcrumb-item.breadcrumb-current {
  color: var(--color-gray-400);
}
.blogroll-header .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: var(--color-gray-400);
  padding: 0 12px 0 6px;
  font-size: 14px;
  line-height: 20px;
}
.blogroll-header .breadcrumb-item .breadcrumb-link {
  color: var(--color-gray-100);
  text-decoration: none;
  transition: color 0.2s ease;
}
.blogroll-header .breadcrumb-item .breadcrumb-link:hover, .blogroll-header .breadcrumb-item .breadcrumb-link:focus {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
}
.blogroll-eyebrow {
  color: var(--color-white);
  /* Body/SM/Initialism */
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}
.blogroll-featured-card h3, .blogroll-featured-card .h3 {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
}
.blogroll-featured-card p {
  color: var(--color-gray-200);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.card h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3), .blogroll-card h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3),
.integration-card h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3), .card .h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3), .blogroll-card .h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3),
.integration-card .h3:not(.blogroll-featured-card h3):not(.blogroll-featured-card .h3) {
  font-size: 15.427px;
  font-style: normal;
  font-weight: 500;
  line-height: 21.598px; /* 140% */
}
.card p:not(.blogroll-featured-card p), .blogroll-card p:not(.blogroll-featured-card p),
.integration-card p:not(.blogroll-featured-card p) {
  color: var(--color-gray-200);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.blogroll-filters {
  background: transparent;
  position: relative;
  z-index: 200;
}
.blogroll-filters.sticky-top {
  top: var(--header-height);
}
.blogroll-filters .filter-pill {
  padding: 8px 16px;
  border: 1px solid #E5E7EB;
  border-radius: 21.426px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  transition: all 0.3s ease;
  margin-right: 8px;
}
.blogroll-filters .filter-pill:hover {
  background: var(--color-teal-600);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.blogroll-filters .filter-pill.active, .blogroll-filters .filter-pill[aria-pressed=true] {
  background: var(--color-teal-700);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.blogroll-filters .filter-pill:active {
  background: var(--color-teal-700);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.blogroll-filters .custom-dropdown {
  position: relative;
  width: 160px;
}
.blogroll-filters .custom-dropdown .custom-dropdown-toggle {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 12px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s ease;
}
.blogroll-filters .custom-dropdown .custom-dropdown-toggle:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
.blogroll-filters .custom-dropdown .custom-dropdown-toggle:focus, .blogroll-filters .custom-dropdown .custom-dropdown-toggle[aria-expanded=true] {
  border-color: var(--color-teal-400);
  box-shadow: 0 0 0 0.2rem rgba(49, 211, 219, 0.25);
  outline: none;
}
.blogroll-filters .custom-dropdown .custom-dropdown-toggle .dropdown-arrow {
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 8px;
}
.blogroll-filters .custom-dropdown .custom-dropdown-toggle[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #2C3441;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 3000;
  margin: 4px 0 0 0;
  padding: 4px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li {
  padding: 8px 12px;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  margin-bottom: 2px;
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li:last-child {
  margin-bottom: 0;
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li:hover {
  border: 1px solid #2DBCC4;
  background-color: rgba(45, 188, 196, 0.1);
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li.selected {
  border: 1px solid #2DBCC4;
  background: var(--color-teal-600);
  position: relative;
  padding-left: 28px;
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li.selected::before {
  content: "✓";
  position: absolute;
  left: 8px;
  color: #2DBCC4;
  font-weight: bold;
}
.blogroll-filters .custom-dropdown .custom-dropdown-menu li:active, .blogroll-filters .custom-dropdown .custom-dropdown-menu li.clicked {
  border: 1px solid #2DBCC4;
  background: var(--color-teal-700);
}
.blogroll-article-card {
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 1px;
  padding-bottom: 24px;
  border-bottom: 1px solid #384250;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
}
.blogroll-article-card:before {
  content: "";
  position: absolute;
  inset: -0.854px;
  border-radius: 6px;
  padding: 0.854px;
  background: var(--color-teal-600);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.blogroll-article-card:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  background: #0C101A;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}
.blogroll-article-card:hover:before {
  opacity: 1;
}
.blogroll-article-card:hover:after {
  opacity: 1;
}
.blogroll-article-card:active:before {
  opacity: 1;
}
.blogroll-article-card:active:after {
  opacity: 0;
}
.blogroll-article-card + .blogroll-article-card {
  padding-top: 24px;
}
.blogroll-article-card .blogroll-avatar-circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--color-teal-600);
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}
.blogroll-article-card .blogroll-avatar-circle span {
  font-size: 10px;
  font-weight: 700;
  color: var(--color-white);
}
.blogroll-article-card .blogroll-meta .text-white {
  color: #E5E7EB;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.blogroll-article-card .blogroll-meta .text-muted {
  color: #9DA4AE;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.blogroll-article-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.blogroll-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  z-index: 2;
}
.blogroll-article-card .blogroll-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.blogroll-article-card .blogroll-title a {
  transition: color 0.3s ease;
}
.blogroll-article-card .blogroll-title a:hover {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
  text-decoration: underline;
}
.blogroll-excerpt {
  font-size: 14px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blogroll-read-more {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
.blogroll-read-more:hover {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
  text-decoration: underline;
}
.blogroll-badge {
  padding: 4px 10px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.blogroll-badge.blogroll-badge-arrow {
  background-color: #C9C9FF;
  color: var(--badge-arrow-text);
}
.blogroll-badge.blogroll-badge-iceberg {
  background-color: var(--badge-iceberg);
  color: #062C41;
}
.blogroll-badge.blogroll-badge-polaris {
  background-color: var(--badge-polaris);
  color: #2B4212;
}
/* Mobile adjustments for padding and spacing */
@media (max-width: 767px) {
  /* 16px side padding for containers on mobile */
  .blogroll-header .container,
  .blogroll-block .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Mobile spacing for header */
  .blogroll-header {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
  .blogroll-header h1, .blogroll-header .h1 {
    font-size: 24px;
    line-height: 32px;
    padding-top: 20px;
  }
  .blogroll-header p.lead {
    font-size: 14px;
    line-height: 20px;
  }
  /* 24px gutters for mobile grid */
  .blogroll-block .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  /* Card body padding 16px on mobile */
  .blogroll-article-card .blogroll-content {
    padding: 16px !important;
  }
  .blogroll-article-card .blogroll-title {
    font-size: 18px;
    line-height: 24px;
  }
  .blogroll-article-card .blogroll-excerpt {
    font-size: 13px;
    line-height: 18px;
  }
  /* Filter pills on mobile */
  .blogroll-filters {
    padding: 12px 16px;
  }
  .blogroll-filters .filter-pill {
    font-size: 11px;
    padding: 6px 12px;
  }
  .blogroll-filters .custom-dropdown {
    width: 140px;
  }
  .blogroll-filters .custom-dropdown .custom-dropdown-toggle {
    padding: 6px 10px;
    font-size: 12px;
  }
  /* Stacked layout for featured cards */
  .blogroll-featured-cards .col-md-6 {
    margin-bottom: 1.5rem;
  }
}
.blogroll-sidebar {
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}
.blogroll-sidebar-card {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}
.blogroll-sidebar-card h4.blogroll-sidebar-title, .blogroll-sidebar-card .blogroll-sidebar-title.h4 {
  color: #F3F4F6;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
  margin-bottom: 0;
}
.blogroll-sidebar-card .blogroll-sidebar-article-title {
  font-size: 14px;
  line-height: 1.4;
}
.blogroll-sidebar-card .blogroll-sidebar-article-title a:hover {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
  text-decoration: underline;
}
.blogroll-sidebar-card .blogroll-sidebar-excerpt {
  font-size: 13px;
  line-height: 1.4;
}
h4.blogroll-sidebar-title, .blogroll-sidebar-title.h4,
.blogroll-filters h4.blogroll-sidebar-title {
  color: #F3F4F6 !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
  margin-bottom: 0;
}
.blogroll-category-item {
  padding: 0;
  margin-bottom: 12px;
  border: none;
  font-size: 14px;
  line-height: 20px;
}
.blogroll-category-item:last-child {
  margin-bottom: 0;
}
.blogroll-category-item .blogroll-category-text {
  color: #F3F4F6;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 0;
}
.blogroll-category-item .blogroll-category-text .text-white-50 {
  color: #D2D6DB;
  font-weight: 400;
  white-space: nowrap;
}
.pagination {
  justify-content: flex-start;
}
.pagination .pagination-list {
  list-style: none;
  display: flex;
  gap: 0;
  padding-left: 0;
  margin: 0 0 3rem 0;
}
.pagination .page-item.gap .page-ellipsis {
  color: #FFFFFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  padding: var(--Spacing-spacer-2, 8px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-item.gap .page-ellipsis {
  color: #FFFFFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  opacity: 0.8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
}
.pagination .page-link {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
  padding: 10px 16px;
  margin: 0 4px;
  border-radius: 8px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .page-link:hover {
  border-radius: 8px;
  border: 1px solid var(--color-teal-400);
  background: var(--color-teal-600);
  color: #FFFFFF;
}
.pagination .page-link:active {
  border-radius: 8px;
  border: 1px solid var(--color-teal-400);
  background: var(--color-teal-700);
  color: #FFFFFF;
}
.pagination .page-item.active .page-link {
  border-radius: 8px;
  border: 1px solid var(--color-teal-400);
  background: var(--color-teal-600);
  color: #FFFFFF;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.3;
  cursor: not-allowed;
}
.pagination .page-item.disabled .page-link:hover {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 991px) {
  .blogroll-sidebar {
    margin-top: 3rem;
    position: relative !important;
    top: auto !important;
  }
  .blogroll-sidebar .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
  }
  .blogroll-filters .d-flex {
    flex-direction: column;
    align-items: stretch !important;
    gap: 1rem;
  }
  .blogroll-filters .filter-pill {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .blogroll-sidebar .row {
    grid-template-columns: 1fr;
  }
  .blogroll-tags {
    margin-bottom: 0.5rem;
  }
}
.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.integrations-page-dark {
  background-color: #121723;
  color: #F3F4F6;
  min-height: 100vh;
}
.integrations-page-dark .container {
  padding-top: 28px;
  padding-bottom: 80px;
}
.integrations-page-dark h1, .integrations-page-dark .h1 {
  color: var(--Gray-White, #FFF);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px; /* 118.75% */
}
.integrations-page-dark .lead {
  color: var(--Gray-White, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.integrations-header .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.5);
}
.integrations-header .breadcrumb-item a:hover {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400)) !important;
}
@media (max-width: 767px) {
  .integrations-header {
    padding-top: 0rem;
    padding-bottom: 1rem;
  }
}
.integrations-page-dark .filter-pills .filter-pill {
  padding: 8px 16px;
  border: 1px solid #E5E7EB;
  border-radius: 21.426px;
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  transition: all 0.3s ease;
  margin-right: 8px;
}
.integrations-page-dark .filter-pills .filter-pill:hover {
  background: var(--color-teal-600);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.integrations-page-dark .filter-pills .filter-pill.active, .integrations-page-dark .filter-pills .filter-pill[aria-pressed=true] {
  background: var(--color-teal-700);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.integrations-page-dark .filter-pills .filter-pill:active {
  background: var(--color-teal-700);
  border-color: var(--color-teal-400);
  color: #FFFFFF;
}
.dremio-breadcrumb .breadcrumb {
  padding: 12px 0;
  margin: 0;
  background: transparent;
  display: flex;
  align-items: center;
}
.dremio-breadcrumb .breadcrumb-item {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--gray-gray-4009-da-4-ae, #9DA4AE);
}
.dremio-breadcrumb .breadcrumb-item.breadcrumb-current {
  color: var(--gray-gray-4009-da-4-ae, #9DA4AE);
}
.dremio-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: var(--gray-gray-4009-da-4-ae, #9DA4AE);
  padding: 0 12px 0 6px;
  font-size: 14px;
  line-height: 20px;
}
.dremio-breadcrumb .breadcrumb-item .breadcrumb-link {
  color: var(--gray-gray-100-f-3-f-4-f-6, #F3F4F6);
  text-decoration: none;
  transition: color 0.2s ease;
}
.dremio-breadcrumb .breadcrumb-item .breadcrumb-link:hover, .dremio-breadcrumb .breadcrumb-item .breadcrumb-link:focus {
  color: var(--wp--preset--color--teal-400, var(--color-teal-400));
}
.integrations-page-dark .custom-dropdown {
  position: relative;
  width: 160px;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-toggle {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  color: rgba(255, 255, 255, 0.9);
  padding: 8px 12px;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.2s ease;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-toggle:hover {
  border-color: rgba(255, 255, 255, 0.3);
}
.integrations-page-dark .custom-dropdown .custom-dropdown-toggle:focus, .integrations-page-dark .custom-dropdown .custom-dropdown-toggle[aria-expanded=true] {
  border-color: var(--color-teal-400);
  box-shadow: 0 0 0 0.2rem rgba(49, 211, 219, 0.25);
  outline: none;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-toggle .dropdown-arrow {
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 8px;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-toggle[aria-expanded=true] .dropdown-arrow {
  transform: rotate(180deg);
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #2C3441;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 3000;
  margin: 4px 0 0 0;
  padding: 4px;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li {
  padding: 8px 12px;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all 0.15s ease;
  margin-bottom: 2px;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li:last-child {
  margin-bottom: 0;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li:hover {
  border: 1px solid #2DBCC4;
  background-color: rgba(45, 188, 196, 0.1);
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li.selected {
  border: 1px solid #2DBCC4;
  background: var(--color-teal-600);
  position: relative;
  padding-left: 28px;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li.selected::before {
  content: "✓";
  position: absolute;
  left: 8px;
  color: #2DBCC4;
  font-weight: bold;
}
.integrations-page-dark .custom-dropdown .custom-dropdown-menu li:active, .integrations-page-dark .custom-dropdown .custom-dropdown-menu li.clicked {
  border: 1px solid #2DBCC4;
  background: var(--color-teal-700);
}
#integrationsGrid {
  margin-left: -10.25px;
  margin-right: -10.25px;
}
#integrationsGrid > .col-6,
#integrationsGrid > .col-md-6,
#integrationsGrid > .col-xl-3 {
  padding-left: 10.25px;
  padding-right: 10.25px;
  margin-bottom: 24px;
}
.integration-card {
  border-radius: 10.25px;
  border: 0.854px solid transparent;
  height: 100%;
  position: relative;
  background: linear-gradient(139deg, rgba(255, 255, 255, 0.1) -4.45%, rgba(255, 255, 255, 0.05) 76.07%);
  transition: background 0.3s ease;
}
.integration-card::before {
  content: "";
  position: absolute;
  inset: -0.854px;
  border-radius: 10.25px;
  padding: 0.854px;
  background: linear-gradient(119deg, #A5A5A5 14.11%, rgba(192, 192, 192, 0.53) 50.55%, rgba(97, 97, 97, 0.4) 91.46%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.integration-card::after {
  content: "";
  position: absolute;
  inset: -0.854px;
  border-radius: 10.25px;
  padding: 0.854px;
  background: linear-gradient(119deg, var(--color-teal-600) 14.11%, var(--color-teal-400) 52.78%, rgba(97, 97, 97, 0.4) 91.46%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}
.integration-card:hover {
  background: linear-gradient(139deg, rgba(0, 88, 90, 0.1) -4.45%, rgba(49, 211, 219, 0.05) 76.07%);
}
.integration-card:hover::before {
  opacity: 0;
}
.integration-card:hover::after {
  opacity: 1;
}
.integration-card:active {
  background: linear-gradient(139deg, rgba(0, 88, 90, 0.2) -4.45%, rgba(49, 211, 219, 0.1) 76.07%);
}
.integration-card:active::before {
  opacity: 0;
}
.integration-card:active::after {
  background: var(--color-teal-600);
  opacity: 1;
}
.integration-card .card-body {
  padding: 20px;
  text-align: left;
  position: relative;
  z-index: 3;
}
.integration-card .integration-badges {
  margin-bottom: 12px;
}
.integration-card .integration-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
  color: #FFF;
  line-height: 32px;
}
.integration-card .integration-logo {
  height: 60px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
  transition: filter 0.2s ease, opacity 0.2s ease;
}
.integration-card:hover .integration-logo {
  filter: brightness(0) invert(1);
}
.integration-card:active .integration-logo {
  filter: brightness(0) invert(1);
}
.integration-card a.external-link::after {
  display: none !important;
}
@media (max-width: 576px) {
  .integrations-page-dark .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .integrations-page-dark .blogroll-filters .d-flex {
    flex-direction: column;
    align-items: stretch !important;
    gap: 1rem;
  }
  .integrations-page-dark .blogroll-filters .filter-pill {
    margin-bottom: 0.5rem;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .integrations-page-dark .blogroll-filters .d-flex {
    flex-direction: column;
    align-items: stretch !important;
    gap: 1rem;
  }
  .integrations-page-dark .blogroll-filters .filter-pill {
    margin-bottom: 0.5rem;
  }
}
/**
 * PWA Install Button Styles
 * Extracted from inc/pwa-support.php
 */
#pwa-install-button {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 9999;
}
.reveal-armed [data-reveal] {
  opacity: 0 !important;
  transform: translateY(16px) !important;
  will-change: transform, opacity;
}
.reveal-armed [data-reveal].reveal-in,
.reveal-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 999999;
}
.skip-link:focus, .skip-link:focus-visible {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 999999;
  padding: 1rem 1.5rem;
  background: var(--wp--preset--color--teal-400, var(--color-teal-400));
  color: white;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  clip: auto !important;
  clip-path: none;
  height: auto;
  width: auto;
  display: block;
}
:focus-visible {
  outline: 3px solid var(--wp--preset--color--teal-400, var(--color-teal-400));
  outline-offset: 2px;
  border-radius: 2px;
}
:focus:not(:focus-visible) {
  outline: none;
}
button:focus-visible,
a:focus-visible,
[role=button]:focus-visible,
[role=tab]:focus-visible,
[role=menuitem]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--wp--preset--color--teal-400, var(--color-teal-400));
  outline-offset: 2px;
}
.visually-hidden {
  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: 0 !important;
}
/* ==========================================================================
   Base Styles - trigger rebuild 2025-09-24 15:10
   ========================================================================== */
:root {
  --dremio-primary: var(--wp--preset--color--primary);
  --dremio-secondary: var(--wp--preset--color--secondary);
  --dremio-success: var(--wp--preset--color--success);
  --dremio-danger: var(--wp--preset--color--danger);
  --dremio-warning: var(--wp--preset--color--warning);
  --dremio-info: var(--wp--preset--color--info);
  --dremio-light: var(--wp--preset--color--light);
  --dremio-dark: var(--wp--preset--color--dark);
  /* Design System Colors from Figma */
  --color-teal-400: #31d3db;
  --color-teal-500: #00aba4;
  --color-teal-600: #00585a;
  --color-teal-700: #003536;
  --color-purple-200: #c9c9ff;
  --color-purple-500: #6b46ff;
  --color-purple-700: #3317aa;
  --color-purple-900: #051344;
  --color-blue-200: #b9e6fe;
  --color-blue-900: #062c41;
  --color-green-200: #ceeab0;
  --color-green-900: #2b4212;
  /* Legacy aliases for backwards compatibility */
  --brand-teal-600: var(--color-teal-500);
  --badge-iceberg: var(--color-blue-200);
  --badge-iceberg-text: var(--color-blue-900);
  --badge-arrow: var(--color-purple-200);
  --badge-arrow-text: var(--color-purple-900);
  --badge-polaris: var(--color-green-200);
  --badge-polaris-text: var(--color-green-900);
  /* Component specific */
  --integration-card-height: 180px;
  --feature-duo-gap: 24px;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  background-color: #121723;
}
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--dremio-dark);
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Admin bar compensation - push fixed header down when logged in */
/* When the WP admin bar is present, do not push content down */
body.admin-bar {
  padding-top: 0 !important;
}
body.admin-bar .site-header {
  top: 0 !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 0 !important;
  }
}
/* Dev 8px grid overlay (toggle with ?grid=1) */
.dev-grid::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: none;
  background-image: linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06)), repeating-linear-gradient(0deg, transparent, transparent 7px, rgba(255, 255, 255, 0.08) 7px, rgba(255, 255, 255, 0.08) 8px), repeating-linear-gradient(90deg, transparent, transparent 7px, rgba(255, 255, 255, 0.08) 7px, rgba(255, 255, 255, 0.08) 8px);
  mix-blend-mode: overlay;
}
/* ==========================================================================
   Typography
   ========================================================================== */
h1,
.h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 3rem;
  }
  h2,
  .h2 {
    font-size: 2.5rem;
  }
  h3,
  .h3 {
    font-size: 2rem;
  }
}
/* ==========================================================================
   Hero Section
   ========================================================================== */
.hero-section {
  position: relative;
  overflow: hidden;
}
.hero-section .container {
  position: relative;
  z-index: 2;
}
.hero-section .hero-buttons {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 768px) {
  .hero-section .hero-buttons {
    justify-content: flex-start;
  }
}
/* ==========================================================================
   Cards
   ========================================================================== */
.card, .blogroll-card,
.integration-card {
  border: none;
  transition: box-shadow 0.3s ease;
  height: 100%;
}
.card .card-image, .blogroll-card .card-image,
.integration-card .card-image {
  overflow: hidden;
  border-radius: 0.375rem 0.375rem 0 0;
}
.card .card-image img, .blogroll-card .card-image img,
.integration-card .card-image img {
  transition: transform 0.3s ease;
}
.card .card-image:hover img, .blogroll-card .card-image:hover img,
.integration-card .card-image:hover img {
  transform: scale(1.05);
}
.blogroll-card .card-meta,
.integration-card .card-meta {
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0.5rem;
}
.blogroll-card .card-title,
.integration-card .card-title {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}
.blogroll-card .card-title a,
.integration-card .card-title a {
  color: inherit;
  text-decoration: none;
}
.blogroll-card .card-title a:hover,
.integration-card .card-title a:hover {
  color: var(--dremio-primary);
}
/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
  padding: 0.625rem 1.25rem;
  font-weight: 600;
  border-radius: 0.375rem;
  transition: all 0.3s ease;
}
.btn.btn-lg {
  padding: 0.875rem 1.75rem;
  font-size: 1.125rem;
}
.btn.btn-primary {
  background: var(--dremio-primary);
  border-color: var(--dremio-primary);
}
.btn.btn-primary:hover {
  background: rgb(0, 61.5, 153);
  border-color: rgb(0, 61.5, 153);
}
.btn.btn-light:hover {
  background: var(--dremio-light);
}
.btn.btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.2);
}
/* ==========================================================================
   Navigation
   ========================================================================== */
.navbar {
  padding: 1rem 0;
  transition: all 0.3s ease;
}
.navbar.scrolled {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.navbar .navbar-brand {
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--dremio-primary);
}
.navbar .navbar-nav .nav-link {
  padding: 0.5rem 1rem;
  font-weight: 500;
  transition: color 0.3s ease;
}
.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active {
  color: var(--dremio-primary);
}
/* ==========================================================================
   Utilities
   ========================================================================== */
.min-vh-50 {
  min-height: 50vh;
}
.shadow-sm {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}
/* ==========================================================================
   Animations
   ========================================================================== */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated {
  animation-duration: 0.6s;
  animation-fill-mode: both;
}
.animated.fadeIn {
  animation-name: fadeIn;
}
/* ==========================================================================
   Loading States
   ========================================================================== */
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}
@keyframes loading {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
/* Custom Gnarly Spinner */
.gnarly-spinner {
  width: 80px !important;
  height: 80px !important;
  min-width: 80px !important;
  min-height: 80px !important;
  display: inline-block;
  object-fit: contain;
  animation: gnarly-spin 1s linear infinite;
}
@keyframes gnarly-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 767px) {
  .hero-section {
    padding: 3rem 0;
  }
  .hero-section h1, .hero-section .h1 {
    font-size: 2rem;
  }
  .btn-lg {
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
  }
}
/* Page-specific mobile container padding for Figma parity */
@media (max-width: 576px) {
  body[class*=page-template-page-oss-blogroll] .container,
  body[class*=page-template-page-oss-integrations] .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}