/* Colors system */
code[class*="language-"],
pre[class*="language-"] {
  font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace;
  font-size: 14px;
}

pre[class*="language-"] {
  display: block;
  padding: 1rem;
  background-color: #091e42;
  color: #f1f2f4;
  white-space: normal;
  word-wrap: normal;
  overflow: auto;
}

@media (min-width: 992px) {
  pre[class*="language-"] {
    padding: 1.5rem;
  }
}

pre[class*="language-"] > code {
  padding: 0;
  white-space: pre;
  background-color: transparent;
}

pre[class*="language-"] > code mark {
  background-color: rgba(65, 255, 244, 0.35);
}

pre[class*="language-"] > code .token {
  display: inline;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

pre[class*="language-"] > code .token.entity,
pre[class*="language-"] > code .token.operator,
pre[class*="language-"] > code .token.punctuation,
pre[class*="language-"] > code .token.url, pre[class*="language-"] > code.language-css .token.string, pre[class*="language-"] > code.style .token.string {
  color: #b3b9c4;
}

pre[class*="language-"] > code .token.cdata,
pre[class*="language-"] > code .token.comment,
pre[class*="language-"] > code .token.doctype,
pre[class*="language-"] > code .token.prolog {
  color: #626f86;
}

pre[class*="language-"] > code .token.atrule,
pre[class*="language-"] > code .token.builtin,
pre[class*="language-"] > code .token.char,
pre[class*="language-"] > code .token.constant,
pre[class*="language-"] > code .token.deleted,
pre[class*="language-"] > code .token.delimiter,
pre[class*="language-"] > code .token.inserted,
pre[class*="language-"] > code .token.keyword,
pre[class*="language-"] > code .token.property,
pre[class*="language-"] > code .token.selector,
pre[class*="language-"] > code .token.symbol,
pre[class*="language-"] > code .token.tag {
  color: #9f8fef;
}

pre[class*="language-"] > code .token.attr-name,
pre[class*="language-"] > code .token.boolean,
pre[class*="language-"] > code .token.color,
pre[class*="language-"] > code .token.string,
pre[class*="language-"] > code .token.variable {
  color: #579dff;
}

pre[class*="language-"] > code .token.attr-value,
pre[class*="language-"] > code .token.class-name,
pre[class*="language-"] > code .token.function {
  color: #60c6d2;
}

pre[class*="language-"] > code .token.important,
pre[class*="language-"] > code .token.number,
pre[class*="language-"] > code .token.regex {
  color: #8bdbe5;
}

pre[class*="language-"] > code.language-css .token.string, pre[class*="language-"] > code.style .token.string {
  background-color: transparent;
}

pre[class*="language-"] > code .token.namespace {
  opacity: 0.7;
}

pre[class*="language-"] > code .token.entity,
pre[class*="language-"] > code .token.operator,
pre[class*="language-"] > code .token.url {
  background-color: transparent;
}

pre[class*="language-"] > code .token.bold,
pre[class*="language-"] > code .token.important {
  font-weight: 700;
}

pre[class*="language-"] > code .token.italic {
  font-style: italic;
}

[data-bs-theme="dark"] pre[class*="language-"] {
  background-color: #22272b;
  color: #c7d1db;
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem);
}

.grid .g-col-1 {
  grid-column: auto/span 1;
}

.grid .g-col-2 {
  grid-column: auto/span 2;
}

.grid .g-col-3 {
  grid-column: auto/span 3;
}

.grid .g-col-4 {
  grid-column: auto/span 4;
}

.grid .g-col-5 {
  grid-column: auto/span 5;
}

.grid .g-col-6 {
  grid-column: auto/span 6;
}

.grid .g-col-7 {
  grid-column: auto/span 7;
}

.grid .g-col-8 {
  grid-column: auto/span 8;
}

.grid .g-col-9 {
  grid-column: auto/span 9;
}

.grid .g-col-10 {
  grid-column: auto/span 10;
}

.grid .g-col-11 {
  grid-column: auto/span 11;
}

.grid .g-col-12 {
  grid-column: auto/span 12;
}

.grid .g-start-1 {
  grid-column-start: 1;
}

.grid .g-start-2 {
  grid-column-start: 2;
}

.grid .g-start-3 {
  grid-column-start: 3;
}

.grid .g-start-4 {
  grid-column-start: 4;
}

.grid .g-start-5 {
  grid-column-start: 5;
}

.grid .g-start-6 {
  grid-column-start: 6;
}

.grid .g-start-7 {
  grid-column-start: 7;
}

.grid .g-start-8 {
  grid-column-start: 8;
}

.grid .g-start-9 {
  grid-column-start: 9;
}

.grid .g-start-10 {
  grid-column-start: 10;
}

.grid .g-start-11 {
  grid-column-start: 11;
}

@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-sm-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-sm-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-sm-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-sm-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-sm-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-sm-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-sm-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-sm-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-sm-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-sm-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-sm-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }
  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }
  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }
  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }
  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }
  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }
  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }
  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }
  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }
  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }
  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-md-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-md-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-md-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-md-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-md-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-md-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-md-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-md-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-md-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-md-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-md-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-md-1 {
    grid-column-start: 1;
  }
  .grid .g-start-md-2 {
    grid-column-start: 2;
  }
  .grid .g-start-md-3 {
    grid-column-start: 3;
  }
  .grid .g-start-md-4 {
    grid-column-start: 4;
  }
  .grid .g-start-md-5 {
    grid-column-start: 5;
  }
  .grid .g-start-md-6 {
    grid-column-start: 6;
  }
  .grid .g-start-md-7 {
    grid-column-start: 7;
  }
  .grid .g-start-md-8 {
    grid-column-start: 8;
  }
  .grid .g-start-md-9 {
    grid-column-start: 9;
  }
  .grid .g-start-md-10 {
    grid-column-start: 10;
  }
  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-lg-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-lg-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-lg-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-lg-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-lg-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-lg-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-lg-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-lg-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-lg-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-lg-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-lg-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }
  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }
  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }
  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }
  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }
  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }
  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }
  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }
  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }
  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }
  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto/span 1;
  }
  .grid .g-col-xxl-2 {
    grid-column: auto/span 2;
  }
  .grid .g-col-xxl-3 {
    grid-column: auto/span 3;
  }
  .grid .g-col-xxl-4 {
    grid-column: auto/span 4;
  }
  .grid .g-col-xxl-5 {
    grid-column: auto/span 5;
  }
  .grid .g-col-xxl-6 {
    grid-column: auto/span 6;
  }
  .grid .g-col-xxl-7 {
    grid-column: auto/span 7;
  }
  .grid .g-col-xxl-8 {
    grid-column: auto/span 8;
  }
  .grid .g-col-xxl-9 {
    grid-column: auto/span 9;
  }
  .grid .g-col-xxl-10 {
    grid-column: auto/span 10;
  }
  .grid .g-col-xxl-11 {
    grid-column: auto/span 11;
  }
  .grid .g-col-xxl-12 {
    grid-column: auto/span 12;
  }
  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }
  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }
  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }
  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }
  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }
  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }
  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }
  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }
  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }
  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }
  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}

:root {
  --color-neutral-100: #f7f8f9;
  --color-neutral-200: #f1f2f4;
  --color-neutral-300: #dcdfe4;
  --color-neutral-400: #b3b9c4;
  --color-neutral-500: #8590a2;
  --color-neutral-600: #758195;
  --color-neutral-700: #626f86;
  --color-neutral-800: #44546f;
  --color-neutral-900: #2c3e5d;
  --color-neutral-1000: #172b4d;
  --color-neutral-1100: #091e42;
  --color-neutral-100a: rgba(9, 30, 66, 0.03);
  --color-neutral-200a: rgba(9, 30, 66, 0.06);
  --color-neutral-300a: rgba(9, 30, 66, 0.14);
  --color-neutral-400a: rgba(9, 30, 66, 0.31);
  --color-neutral-500a: rgba(9, 30, 66, 0.49);
  --color-dark-neutral-n100: #101214;
  --color-dark-neutral-0: #161a1d;
  --color-dark-neutral-100: #1d2125;
  --color-dark-neutral-200: #22272b;
  --color-dark-neutral-250: #282e33;
  --color-dark-neutral-300: #2c333a;
  --color-dark-neutral-350: #38414a;
  --color-dark-neutral-400: #454f59;
  --color-dark-neutral-500: #596773;
  --color-dark-neutral-600: #738496;
  --color-dark-neutral-700: #8c9bab;
  --color-dark-neutral-800: #9fadbc;
  --color-dark-neutral-900: #b6c2cf;
  --color-dark-neutral-1000: #c7d1db;
  --color-dark-neutral-1100: #dee4ea;
  --color-dark-neutral-n100a: rgba(3, 4, 4, 0.26);
  --color-dark-neutral-100a: rgba(188, 214, 240, 0.04);
  --color-dark-neutral-200a: rgba(161, 189, 217, 0.08);
  --color-dark-neutral-250a: rgba(200, 225, 249, 0.1);
  --color-dark-neutral-300a: rgba(166, 197, 226, 0.16);
  --color-dark-neutral-350a: rgba(195, 222, 254, 0.2);
  --color-dark-neutral-400a: rgba(191, 219, 248, 0.28);
  --color-dark-neutral-500a: rgba(155, 180, 202, 0.5);
  --color-blue-100: #e9f2ff;
  --color-blue-200: #cce0ff;
  --color-blue-300: #85b8ff;
  --color-blue-400: #579dff;
  --color-blue-500: #388bff;
  --color-blue-600: #1d7afc;
  --color-blue-700: #0c66e4;
  --color-blue-800: #0055cc;
  --color-blue-900: #09326c;
  --color-blue-1000: #092957;
  --color-yellow-100: #fff7d6;
  --color-yellow-200: #f8e6a0;
  --color-yellow-300: #f5cd47;
  --color-yellow-400: #e2b203;
  --color-yellow-500: #cf9f02;
  --color-yellow-600: #b38600;
  --color-yellow-700: #946f00;
  --color-yellow-800: #7f5f01;
  --color-yellow-900: #533f04;
  --color-yellow-1000: #3f3102;
  --color-green-100: #dffcf0;
  --color-green-200: #baf3db;
  --color-green-300: #7ee2b8;
  --color-green-400: #4bce97;
  --color-green-500: #2abb7f;
  --color-green-600: #22a06b;
  --color-green-700: #1f845a;
  --color-green-800: #216e4e;
  --color-green-900: #164b35;
  --color-green-1000: #143c2b;
  --color-purple-100: #f3f0ff;
  --color-purple-200: #dfd8fd;
  --color-purple-300: #b8acf6;
  --color-purple-400: #9f8fef;
  --color-purple-500: #8f7ee7;
  --color-purple-600: #8270db;
  --color-purple-700: #6e5dc6;
  --color-purple-800: #5e4db2;
  --color-purple-900: #352c63;
  --color-purple-1000: #2b2451;
  --color-teal-100: #e3fafc;
  --color-teal-200: #c1f0f5;
  --color-teal-300: #8bdbe5;
  --color-teal-400: #60c6d2;
  --color-teal-500: #37b4c3;
  --color-teal-600: #1d9aaa;
  --color-teal-700: #1d7f8c;
  --color-teal-800: #206b74;
  --color-teal-900: #1d474c;
  --color-teal-1000: #15373b;
  --color-red-100: #ffedeb;
  --color-red-200: #ffd2cc;
  --color-red-300: #ff9c8f;
  --color-red-400: #f87462;
  --color-red-500: #ef5c48;
  --color-red-600: #e34935;
  --color-red-700: #ca3521;
  --color-red-800: #ae2a19;
  --color-red-900: #601e16;
  --color-red-1000: #4f1c16;
  --color-lime-100: #eefbda;
  --color-lime-200: #d3f1a7;
  --color-lime-300: #b3df72;
  --color-lime-400: #94c748;
  --color-lime-500: #82b536;
  --color-lime-600: #6a9a23;
  --color-lime-700: #5b7f24;
  --color-lime-800: #4c6b1f;
  --color-lime-900: #37471f;
  --color-lime-1000: #2a3818;
  --color-magenta-100: #ffecf8;
  --color-magenta-200: #fdd0ec;
  --color-magenta-300: #f797d2;
  --color-magenta-400: #e774bb;
  --color-magenta-500: #da62ac;
  --color-magenta-600: #cd519d;
  --color-magenta-700: #ae4787;
  --color-magenta-800: #943d73;
  --color-magenta-900: #50253f;
  --color-magenta-1000: #421f34;
  --color-orange-100: #fff4e5;
  --color-orange-200: #ffe2bd;
  --color-orange-300: #fec57b;
  --color-orange-400: #faa53d;
  --color-orange-500: #f18d13;
  --color-orange-600: #d97008;
  --color-orange-700: #b65c02;
  --color-orange-800: #974f0c;
  --color-orange-900: #5f3811;
  --color-orange-1000: #4a2b0f;
}

[data-bs-theme="dark"] .bd-masthead h1 {
  color: #fff;
}

[data-bs-theme="dark"] #bd-theme > *:first-child {
  display: none;
}

[data-bs-theme="dark"] #bd-theme > *:last-child {
  display: block;
}

[data-bs-theme="dark"] .bg-neutral-subtler {
  background-color: #03040442;
}

[data-bs-theme="dark"] .bg-grid-slate-100 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%2322272B'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
}

#search-button {
  transition: border-color 0.2s ease-in-out;
}

#search-button:hover {
  --bs-border-color: var(--ds-border-focused);
}

.bd-layout {
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .bd-layout {
    display: grid;
    grid-template-areas: "sidebar main";
    grid-template-columns: min-content 1fr;
    gap: 0;
  }
}

.bd-sidebar {
  grid-area: sidebar;
}

.bd-main {
  grid-area: main;
  display: grid;
  grid-template-areas: "intro" "content" "footer";
  grid-template-rows: auto 1fr;
}

.bd-main .tab-content {
  grid-area: content;
}

.bd-card {
  box-shadow: var(--ds-shadow-raised);
  transition: box-shadow 0.2s;
}

.bd-card:hover {
  box-shadow: var(--ds-shadow-overlay);
}

#bd-theme > * {
  display: none;
}

#bd-theme > *:first-child {
  display: block;
}

#bd-theme > *:last-child {
  display: none;
}

#searchModal mark {
  padding: 0;
  color: #0065ff;
  font-weight: 500;
  background-color: transparent;
  border-bottom: 2px solid #b3d4ff;
}

.code-toolbar {
  position: relative;
  font-size: 14px;
}

.code-toolbar:hover > .toolbar {
  opacity: 1;
}

.code-toolbar > .toolbar {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  padding: 8px;
  opacity: 0;
  transition: all 0.25s;
}

.code-toolbar > .toolbar .toolbar-item {
  display: inline-block;
}

.code-toolbar > .toolbar button {
  background: 0 0;
  border: 0;
  padding: 4px 6px;
  border-radius: 3px;
  box-shadow: none;
  color: var(--ds-text-accent-blue-bolder);
  font-weight: 500;
  transition: color 0.25s, background-color 0.25s;
}

.code-toolbar > .toolbar button:hover {
  color: var(--ds-text-inverse);
  background-color: var(--ds-background-accent-gray-bolder);
}

.code-toolbar > .toolbar button:focus, .code-toolbar > .toolbar button[data-copy-state="copy-success"] {
  color: var(--ds-text-inverse);
  background-color: var(--ds-background-neutral-bold);
}

.bd-masthead {
  background-image: url("/images/bg-05.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  min-height: 400px;
  padding-bottom: 20px;
}

@media (max-width: 767.98px) {
  .bd-masthead {
    min-height: 200px;
  }
}

.bd-masthead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.bd-masthead .container {
  position: relative;
  z-index: 2;
}

.bd-masthead h1 {
  color: white !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.bd-masthead h3, .bd-masthead h4 {
  color: white !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.bd-masthead .bd-clipboard {
  background-color: var(--ds-background-neutral);
  color: var(--ds-text);
}

.bd-masthead .bd-clipboard > code {
  background-color: transparent;
}

.bd-icon-blue {
  color: var(--ds-text-inverse);
  background-color: var(--ds-icon-accent-blue);
}

.bd-icon-yellow {
  color: var(--ds-text-inverse);
  background-color: var(--ds-icon-accent-yellow);
}

.bd-icon-purple {
  color: var(--ds-text-inverse);
  background-color: var(--ds-icon-accent-purple);
}

.bd-icon-green {
  color: var(--ds-text-inverse);
  background-color: var(--ds-icon-accent-green);
}

.masthead-followup-icon {
  background-color: var(--ds-background-accent-purple-subtlest);
  color: var(--ds-text-accent-purple);
}

.bg-striped-purple {
  background-color: var(--ds-background-accent-gray-subtlest);
  background-image: linear-gradient(135deg, var(--ds-background-discovery-bold) 10%, #0000 0, #0000 50%, var(--ds-background-discovery-bold) 0, var(--ds-background-discovery-bold) 60%, #0000 0, #0000);
  background-size: 7.07px 7.07px;
}

.bg-striped-teal {
  background-color: var(--ds-background-accent-gray-subtlest);
  background-image: linear-gradient(135deg, var(--ds-background-accent-teal-bolder) 10%, #0000 0, #0000 50%, var(--ds-background-accent-teal-bolder) 0, var(--ds-background-accent-teal-bolder) 60%, #0000 0, #0000);
  background-size: 7.07px 7.07px;
}

.bg-striped-white {
  background-image: linear-gradient(135deg, #fff 10%, #0000 0, #0000 50%, #fff 0, #fff 60%, #0000 0, #0000);
  background-size: 7.07px 7.07px;
}

.bg-grid-slate-100 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23F1F2F4'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
}

.bg-neutral-subtler {
  background-color: #091e4208;
}

.text-bg-purple {
  background-color: var(--ds-background-accent-purple-bolder);
  color: var(--ds-text-inverse);
}

.bg-purple {
  background-color: var(--ds-background-accent-purple-bolder);
}

.bg-purple-subtler {
  background-color: var(--ds-background-accent-purple-subtler);
}

.bg-purple-subtle {
  background-color: var(--ds-background-accent-purple-subtle);
}

.bg-blue-subtle {
  background-color: var(--ds-background-accent-blue-subtle);
}

.bg-checkered {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F0F0F0' d='M0 0h8v8H0zm8 8h8v8H8z'/%3E%3C/svg%3E");
  background-size: 16px 16px;
}

.bd-bg-light {
  background-color: var(--ds-background-neutral);
}

.bd-coding-cdn pre[class*="language-"] {
  background-color: var(--ds-background-neutral);
  color: var(--ds-text);
}

.bd-coding-cdn pre[class*="language-"] > code mark {
  background-color: rgba(65, 255, 244, 0.35);
}

.bd-coding-cdn pre[class*="language-"] > code .token.entity,
.bd-coding-cdn pre[class*="language-"] > code .token.operator,
.bd-coding-cdn pre[class*="language-"] > code .token.punctuation,
.bd-coding-cdn pre[class*="language-"] > code .token.url, .bd-coding-cdn pre[class*="language-"] > code.language-css .token.string, .bd-coding-cdn pre[class*="language-"] > code.style .token.string {
  color: var(--ds-text);
}

.bd-coding-cdn pre[class*="language-"] > code .token.cdata,
.bd-coding-cdn pre[class*="language-"] > code .token.comment,
.bd-coding-cdn pre[class*="language-"] > code .token.doctype,
.bd-coding-cdn pre[class*="language-"] > code .token.prolog {
  color: var(--ds-text-subtlest);
}

.bd-coding-cdn pre[class*="language-"] > code .token.atrule,
.bd-coding-cdn pre[class*="language-"] > code .token.builtin,
.bd-coding-cdn pre[class*="language-"] > code .token.char,
.bd-coding-cdn pre[class*="language-"] > code .token.constant,
.bd-coding-cdn pre[class*="language-"] > code .token.deleted,
.bd-coding-cdn pre[class*="language-"] > code .token.delimiter,
.bd-coding-cdn pre[class*="language-"] > code .token.inserted,
.bd-coding-cdn pre[class*="language-"] > code .token.keyword,
.bd-coding-cdn pre[class*="language-"] > code .token.property,
.bd-coding-cdn pre[class*="language-"] > code .token.selector,
.bd-coding-cdn pre[class*="language-"] > code .token.symbol,
.bd-coding-cdn pre[class*="language-"] > code .token.tag {
  color: var(--ds-text-accent-purple);
}

.bd-coding-cdn pre[class*="language-"] > code .token.attr-name,
.bd-coding-cdn pre[class*="language-"] > code .token.boolean,
.bd-coding-cdn pre[class*="language-"] > code .token.color,
.bd-coding-cdn pre[class*="language-"] > code .token.string,
.bd-coding-cdn pre[class*="language-"] > code .token.variable {
  color: var(--ds-text-accent-blue);
}

.bd-coding-cdn pre[class*="language-"] > code .token.attr-value,
.bd-coding-cdn pre[class*="language-"] > code .token.class-name,
.bd-coding-cdn pre[class*="language-"] > code .token.function {
  color: var(--ds-text-accent-teal);
}

.bd-coding-cdn pre[class*="language-"] > code .token.important,
.bd-coding-cdn pre[class*="language-"] > code .token.number,
.bd-coding-cdn pre[class*="language-"] > code .token.regex {
  color: #00c6ff;
}

.sidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 14px;
}

@media (min-width: 992px) {
  .sidebar {
    position: sticky;
    height: calc(100vh - 56px);
    width: 242px;
    top: 56px;
    overflow-y: auto;
  }
}

@media (min-width: 1200px) {
  .sidebar {
    width: 272px;
  }
}

.sidebar > ul {
  margin-bottom: 0;
}

.sidebar__section-heading {
  padding-left: 24px;
}

.sidebar__link {
  position: relative;
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.2;
  color: var(--ds-text);
  background-color: transparent;
}

.sidebar__link:hover {
  color: var(--ds-text);
  text-decoration: none;
  background-color: var(--ds-background-neutral-subtle-hovered);
}

.sidebar__link.active {
  color: var(--ds-text-selected);
  background-color: var(--ds-background-selected);
}

.sidebar__link.active::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--ds-border-selected);
  z-index: 2;
}

code {
  background-color: transparent;
  color: var(--color-neutral-700) !important;
  border-radius: 3px;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

.bd-intro {
  grid-area: intro;
}

.bd-main-content {
  display: grid;
  grid-area: content;
  grid-template-areas: "content toc";
  grid-template-columns: 1fr min-content;
}

.bd-toc {
  grid-area: toc;
  width: 220px;
}

.bd-content {
  min-width: 1px;
  grid-area: content;
  position: relative;
}

.bd-content strong {
  font-weight: 500;
}

.bd-content > h2,
.bd-content > h3,
.bd-content > h4,
.bd-content > h5,
.bd-content > h6 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.bd-content > h2:first-child,
.bd-content > h3:first-child,
.bd-content > h4:first-child,
.bd-content > h5:first-child,
.bd-content > h6:first-child {
  margin-top: 0;
}

.bd-content > h2 + ul, .bd-content > h2 + ol,
.bd-content > h3 + ul,
.bd-content > h3 + ol,
.bd-content > h4 + ul,
.bd-content > h4 + ol,
.bd-content > h5 + ul,
.bd-content > h5 + ol,
.bd-content > h6 + ul,
.bd-content > h6 + ol {
  margin-top: 0;
}

.bd-content > p {
  margin-bottom: 16px;
  word-break: break-word;
  line-height: 1.6;
}

.bd-content > p > img {
  max-width: 100%;
}

.bd-content > p:first-child {
  margin-top: 0;
}

.bd-content > h2 {
  font-size: 24px;
}

.bd-content > h3 {
  font-size: 20px;
  color: var(--bs-primary);
}

.bd-content > h4 {
  font-size: 18px;
}

.bd-content > h5 {
  font-size: 16px;
}

.bd-content > h6 {
  font-size: 14px;
}

.bd-content > ul > li {
  margin-bottom: 4px;
}

.bd-content > ul > li:last-child {
  margin-bottom: 0;
}

.bd-content table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}

.bd-content table th, .bd-content table td {
  padding: 0.75rem;
  border: 1px solid var(--ds-border);
}

.bd-content table th {
  background-color: var(--ds-background-neutral);
  font-weight: 500;
}

.bd-content table tr:nth-child(even) {
  background-color: var(--ds-background-neutral-subtle);
}

img {
  margin: 20px 0;
}

@media (min-width: 992px) {
  .doc-nav {
    position: sticky;
    top: 80px;
  }
}

.doc-nav-content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: var(--ds-border);
  z-index: 1;
}

.doc-nav-content nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.doc-nav-content nav li {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 4px;
}

.doc-nav-content nav li > ul > li > a {
  padding-left: 26px;
}

.doc-nav-content nav li > ul > li > ul > li > a {
  padding-left: 38px;
}

.doc-nav-content nav a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 24px;
  color: var(--ds-text-subtlest);
  text-decoration: none;
  padding-left: 12px;
}

.doc-nav-content nav a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  display: block;
  background-color: var(--ds-background-selected-bold);
  opacity: 0;
  transition: all 0.3s linear;
  z-index: 2;
}

.doc-nav-content nav a:hover {
  color: var(--ds-text-subtle);
  text-decoration: none;
}

.doc-nav-content nav a.active {
  color: var(--ds-text-selected);
}

.doc-nav-content nav a.active::after {
  opacity: 1;
}

.lozenge {
  display: inline-block;
  padding: 0 4px;
  border-radius: var(--bs-border-radius);
  font-size: 14px;
}

.lozenge.beta, .lozenge.new {
  background-color: var(--ds-background-discovery);
  color: var(--ds-text-discovery);
}

.api-class-table code {
  background-color: var(--ds-background-discovery);
  color: var(--ds-text-discovery);
}

.api-class-table .desc {
  color: var(--ds-text-accent-teal);
  font-family: var(--bs-font-monospace);
  letter-spacing: -0.15px;
}

.api-class-table-scroll {
  --scrollbar-thumb: var(--ds-background-accent-gray-subtle);
  --scrollbar-track: var(--ds-background-accent-gray-subtlest);
  max-height: 24rem;
}

.api-class-table-scroll::-webkit-scrollbar {
  width: 6px;
}

.api-class-table-scroll::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: 4px;
}

.api-class-table-scroll::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: 4px;
}

.bd-example {
  position: relative;
  padding: 1rem;
  margin-top: 1rem;
  border: 1px solid var(--ds-border);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

@media (min-width: 992px) {
  .bd-example {
    padding: 1.5rem;
  }
}

.bd-example code {
  background-color: var(--ds-background-accent-blue-subtler);
  font-weight: 600;
}

.bd-code-snippet {
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (min-width: 992px) {
  .bd-code-snippet {
    padding: 1.5rem !important;
  }
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

.custom-tooltip-secondary {
  --bs-tooltip-bg: var(--bs-secondary);
}

.bd-example-card > .card {
  max-width: 346px;
}

.bd-example-row [class^="col"], .bd-example-grid [class^="col"] {
  border: 1px solid var(--ds-background-accent-purple-subtlest);
  padding: var(--ds-space-150);
  background-color: var(--ds-background-accent-purple-subtle);
}

.bd-example-row .row + .row {
  margin-top: 1rem;
}

.bd-example-row-flex-cols .row {
  min-height: 10rem;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-anchor: middle;
}

.bd-example-position-examples::after {
  display: none;
}

.simple-list-example-scrollspy .active {
  background-color: var(--ds-background-accent-purple-subtler);
}

.bd-example-carousel .carousel-item > img {
  max-height: 480px;
}

.bd-example-list-group .list-group {
  width: 100%;
  max-width: 360px;
}

.bd-example-modal-static .modal {
  display: block;
  position: static;
}

.bd-example-sidenav .layout {
  height: 100%;
}

.bd-example-sidenav .layout-sidebar {
  height: 100%;
}

.bd-example-offcanvas .offcanvas {
  position: static;
  display: block;
  height: 200px;
  visibility: visible;
  transform: translate(0);
}

.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: #6e5dc6;
  --bs-popover-header-bg: #6e5dc6;
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 0.5rem;
}

.bd-example-toast-container {
  min-height: 240px;
  background-color: #091e420f;
}

.bd-w-0 {
  width: 0 !important;
}

.bd-w-px {
  width: 1px !important;
}

.bd-w-0.5 {
  width: 0.125rem !important;
}

.bd-w-1 {
  width: 0.25rem !important;
}

.bd-w-1.5 {
  width: 0.375rem !important;
}

.bd-w-2 {
  width: 0.5rem !important;
}

.bd-w-2.5 {
  width: 0.625rem !important;
}

.bd-w-3 {
  width: 0.75rem !important;
}

.bd-w-3.5 {
  width: 0.875rem !important;
}

.bd-w-4 {
  width: 1rem !important;
}

.bd-w-5 {
  width: 1.25rem !important;
}

.bd-w-6 {
  width: 1.5rem !important;
}

.bd-w-7 {
  width: 1.75rem !important;
}

.bd-w-8 {
  width: 2rem !important;
}

.bd-w-9 {
  width: 2.25rem !important;
}

.bd-w-10 {
  width: 2.5rem !important;
}

.bd-w-11 {
  width: 2.75rem !important;
}

.bd-w-12 {
  width: 3rem !important;
}

.bd-w-14 {
  width: 3.5rem !important;
}

.bd-w-16 {
  width: 4rem !important;
}

.bd-w-20 {
  width: 5rem !important;
}

.bd-w-24 {
  width: 6rem !important;
}

.bd-w-28 {
  width: 7rem !important;
}

.bd-w-32 {
  width: 8rem !important;
}

.bd-w-36 {
  width: 9rem !important;
}

.bd-w-40 {
  width: 10rem !important;
}

.bd-w-44 {
  width: 11rem !important;
}

.bd-w-48 {
  width: 12rem !important;
}

.bd-w-52 {
  width: 13rem !important;
}

.bd-w-56 {
  width: 14rem !important;
}

.bd-w-60 {
  width: 15rem !important;
}

.bd-w-64 {
  width: 16rem !important;
}

.bd-w-72 {
  width: 18rem !important;
}

.bd-w-80 {
  width: 20rem !important;
}

.bd-w-96 {
  width: 24rem !important;
}

.bd-h-0 {
  height: 0 !important;
}

.bd-h-px {
  height: 1px !important;
}

.bd-h-0.5 {
  height: 0.125rem !important;
}

.bd-h-1 {
  height: 0.25rem !important;
}

.bd-h-1.5 {
  height: 0.375rem !important;
}

.bd-h-2 {
  height: 0.5rem !important;
}

.bd-h-2.5 {
  height: 0.625rem !important;
}

.bd-h-3 {
  height: 0.75rem !important;
}

.bd-h-3.5 {
  height: 0.875rem !important;
}

.bd-h-4 {
  height: 1rem !important;
}

.bd-h-5 {
  height: 1.25rem !important;
}

.bd-h-6 {
  height: 1.5rem !important;
}

.bd-h-7 {
  height: 1.75rem !important;
}

.bd-h-8 {
  height: 2rem !important;
}

.bd-h-9 {
  height: 2.25rem !important;
}

.bd-h-10 {
  height: 2.5rem !important;
}

.bd-h-11 {
  height: 2.75rem !important;
}

.bd-h-12 {
  height: 3rem !important;
}

.bd-h-14 {
  height: 3.5rem !important;
}

.bd-h-16 {
  height: 4rem !important;
}

.bd-h-20 {
  height: 5rem !important;
}

.bd-h-24 {
  height: 6rem !important;
}

.bd-h-28 {
  height: 7rem !important;
}

.bd-h-32 {
  height: 8rem !important;
}

.bd-h-36 {
  height: 9rem !important;
}

.bd-h-40 {
  height: 10rem !important;
}

.bd-h-44 {
  height: 11rem !important;
}

.bd-h-48 {
  height: 12rem !important;
}

.bd-h-52 {
  height: 13rem !important;
}

.bd-h-56 {
  height: 14rem !important;
}

.bd-h-60 {
  height: 15rem !important;
}

.bd-h-64 {
  height: 16rem !important;
}

.bd-h-72 {
  height: 18rem !important;
}

.bd-h-80 {
  height: 20rem !important;
}

.bd-h-96 {
  height: 24rem !important;
}

.bd-max-w-0 {
  width: 0 !important;
}

.bd-max-w-px {
  width: 1px !important;
}

.bd-max-w-0.5 {
  width: 0.125rem !important;
}

.bd-max-w-1 {
  width: 0.25rem !important;
}

.bd-max-w-1.5 {
  width: 0.375rem !important;
}

.bd-max-w-2 {
  width: 0.5rem !important;
}

.bd-max-w-2.5 {
  width: 0.625rem !important;
}

.bd-max-w-3 {
  width: 0.75rem !important;
}

.bd-max-w-3.5 {
  width: 0.875rem !important;
}

.bd-max-w-4 {
  width: 1rem !important;
}

.bd-max-w-5 {
  width: 1.25rem !important;
}

.bd-max-w-6 {
  width: 1.5rem !important;
}

.bd-max-w-7 {
  width: 1.75rem !important;
}

.bd-max-w-8 {
  width: 2rem !important;
}

.bd-max-w-9 {
  width: 2.25rem !important;
}

.bd-max-w-10 {
  width: 2.5rem !important;
}

.bd-max-w-11 {
  width: 2.75rem !important;
}

.bd-max-w-12 {
  width: 3rem !important;
}

.bd-max-w-14 {
  width: 3.5rem !important;
}

.bd-max-w-16 {
  width: 4rem !important;
}

.bd-max-w-20 {
  width: 5rem !important;
}

.bd-max-w-24 {
  width: 6rem !important;
}

.bd-max-w-28 {
  width: 7rem !important;
}

.bd-max-w-32 {
  width: 8rem !important;
}

.bd-max-w-36 {
  width: 9rem !important;
}

.bd-max-w-40 {
  width: 10rem !important;
}

.bd-max-w-44 {
  width: 11rem !important;
}

.bd-max-w-48 {
  width: 12rem !important;
}

.bd-max-w-52 {
  width: 13rem !important;
}

.bd-max-w-56 {
  width: 14rem !important;
}

.bd-max-w-60 {
  width: 15rem !important;
}

.bd-max-w-64 {
  width: 16rem !important;
}

.bd-max-w-72 {
  width: 18rem !important;
}

.bd-max-w-80 {
  width: 20rem !important;
}

.bd-max-w-96 {
  width: 24rem !important;
}

@media (min-width: 576px) {
  .bd-w-sm-0 {
    width: 0 !important;
  }
  .bd-w-sm-px {
    width: 1px !important;
  }
  .bd-w-sm-0.5 {
    width: 0.125rem !important;
  }
  .bd-w-sm-1 {
    width: 0.25rem !important;
  }
  .bd-w-sm-1.5 {
    width: 0.375rem !important;
  }
  .bd-w-sm-2 {
    width: 0.5rem !important;
  }
  .bd-w-sm-2.5 {
    width: 0.625rem !important;
  }
  .bd-w-sm-3 {
    width: 0.75rem !important;
  }
  .bd-w-sm-3.5 {
    width: 0.875rem !important;
  }
  .bd-w-sm-4 {
    width: 1rem !important;
  }
  .bd-w-sm-5 {
    width: 1.25rem !important;
  }
  .bd-w-sm-6 {
    width: 1.5rem !important;
  }
  .bd-w-sm-7 {
    width: 1.75rem !important;
  }
  .bd-w-sm-8 {
    width: 2rem !important;
  }
  .bd-w-sm-9 {
    width: 2.25rem !important;
  }
  .bd-w-sm-10 {
    width: 2.5rem !important;
  }
  .bd-w-sm-11 {
    width: 2.75rem !important;
  }
  .bd-w-sm-12 {
    width: 3rem !important;
  }
  .bd-w-sm-14 {
    width: 3.5rem !important;
  }
  .bd-w-sm-16 {
    width: 4rem !important;
  }
  .bd-w-sm-20 {
    width: 5rem !important;
  }
  .bd-w-sm-24 {
    width: 6rem !important;
  }
  .bd-w-sm-28 {
    width: 7rem !important;
  }
  .bd-w-sm-32 {
    width: 8rem !important;
  }
  .bd-w-sm-36 {
    width: 9rem !important;
  }
  .bd-w-sm-40 {
    width: 10rem !important;
  }
  .bd-w-sm-44 {
    width: 11rem !important;
  }
  .bd-w-sm-48 {
    width: 12rem !important;
  }
  .bd-w-sm-52 {
    width: 13rem !important;
  }
  .bd-w-sm-56 {
    width: 14rem !important;
  }
  .bd-w-sm-60 {
    width: 15rem !important;
  }
  .bd-w-sm-64 {
    width: 16rem !important;
  }
  .bd-w-sm-72 {
    width: 18rem !important;
  }
  .bd-w-sm-80 {
    width: 20rem !important;
  }
  .bd-w-sm-96 {
    width: 24rem !important;
  }
  .bd-h-sm-0 {
    height: 0 !important;
  }
  .bd-h-sm-px {
    height: 1px !important;
  }
  .bd-h-sm-0.5 {
    height: 0.125rem !important;
  }
  .bd-h-sm-1 {
    height: 0.25rem !important;
  }
  .bd-h-sm-1.5 {
    height: 0.375rem !important;
  }
  .bd-h-sm-2 {
    height: 0.5rem !important;
  }
  .bd-h-sm-2.5 {
    height: 0.625rem !important;
  }
  .bd-h-sm-3 {
    height: 0.75rem !important;
  }
  .bd-h-sm-3.5 {
    height: 0.875rem !important;
  }
  .bd-h-sm-4 {
    height: 1rem !important;
  }
  .bd-h-sm-5 {
    height: 1.25rem !important;
  }
  .bd-h-sm-6 {
    height: 1.5rem !important;
  }
  .bd-h-sm-7 {
    height: 1.75rem !important;
  }
  .bd-h-sm-8 {
    height: 2rem !important;
  }
  .bd-h-sm-9 {
    height: 2.25rem !important;
  }
  .bd-h-sm-10 {
    height: 2.5rem !important;
  }
  .bd-h-sm-11 {
    height: 2.75rem !important;
  }
  .bd-h-sm-12 {
    height: 3rem !important;
  }
  .bd-h-sm-14 {
    height: 3.5rem !important;
  }
  .bd-h-sm-16 {
    height: 4rem !important;
  }
  .bd-h-sm-20 {
    height: 5rem !important;
  }
  .bd-h-sm-24 {
    height: 6rem !important;
  }
  .bd-h-sm-28 {
    height: 7rem !important;
  }
  .bd-h-sm-32 {
    height: 8rem !important;
  }
  .bd-h-sm-36 {
    height: 9rem !important;
  }
  .bd-h-sm-40 {
    height: 10rem !important;
  }
  .bd-h-sm-44 {
    height: 11rem !important;
  }
  .bd-h-sm-48 {
    height: 12rem !important;
  }
  .bd-h-sm-52 {
    height: 13rem !important;
  }
  .bd-h-sm-56 {
    height: 14rem !important;
  }
  .bd-h-sm-60 {
    height: 15rem !important;
  }
  .bd-h-sm-64 {
    height: 16rem !important;
  }
  .bd-h-sm-72 {
    height: 18rem !important;
  }
  .bd-h-sm-80 {
    height: 20rem !important;
  }
  .bd-h-sm-96 {
    height: 24rem !important;
  }
}

@media (min-width: 768px) {
  .bd-w-md-0 {
    width: 0 !important;
  }
  .bd-w-md-px {
    width: 1px !important;
  }
  .bd-w-md-0.5 {
    width: 0.125rem !important;
  }
  .bd-w-md-1 {
    width: 0.25rem !important;
  }
  .bd-w-md-1.5 {
    width: 0.375rem !important;
  }
  .bd-w-md-2 {
    width: 0.5rem !important;
  }
  .bd-w-md-2.5 {
    width: 0.625rem !important;
  }
  .bd-w-md-3 {
    width: 0.75rem !important;
  }
  .bd-w-md-3.5 {
    width: 0.875rem !important;
  }
  .bd-w-md-4 {
    width: 1rem !important;
  }
  .bd-w-md-5 {
    width: 1.25rem !important;
  }
  .bd-w-md-6 {
    width: 1.5rem !important;
  }
  .bd-w-md-7 {
    width: 1.75rem !important;
  }
  .bd-w-md-8 {
    width: 2rem !important;
  }
  .bd-w-md-9 {
    width: 2.25rem !important;
  }
  .bd-w-md-10 {
    width: 2.5rem !important;
  }
  .bd-w-md-11 {
    width: 2.75rem !important;
  }
  .bd-w-md-12 {
    width: 3rem !important;
  }
  .bd-w-md-14 {
    width: 3.5rem !important;
  }
  .bd-w-md-16 {
    width: 4rem !important;
  }
  .bd-w-md-20 {
    width: 5rem !important;
  }
  .bd-w-md-24 {
    width: 6rem !important;
  }
  .bd-w-md-28 {
    width: 7rem !important;
  }
  .bd-w-md-32 {
    width: 8rem !important;
  }
  .bd-w-md-36 {
    width: 9rem !important;
  }
  .bd-w-md-40 {
    width: 10rem !important;
  }
  .bd-w-md-44 {
    width: 11rem !important;
  }
  .bd-w-md-48 {
    width: 12rem !important;
  }
  .bd-w-md-52 {
    width: 13rem !important;
  }
  .bd-w-md-56 {
    width: 14rem !important;
  }
  .bd-w-md-60 {
    width: 15rem !important;
  }
  .bd-w-md-64 {
    width: 16rem !important;
  }
  .bd-w-md-72 {
    width: 18rem !important;
  }
  .bd-w-md-80 {
    width: 20rem !important;
  }
  .bd-w-md-96 {
    width: 24rem !important;
  }
  .bd-h-md-0 {
    height: 0 !important;
  }
  .bd-h-md-px {
    height: 1px !important;
  }
  .bd-h-md-0.5 {
    height: 0.125rem !important;
  }
  .bd-h-md-1 {
    height: 0.25rem !important;
  }
  .bd-h-md-1.5 {
    height: 0.375rem !important;
  }
  .bd-h-md-2 {
    height: 0.5rem !important;
  }
  .bd-h-md-2.5 {
    height: 0.625rem !important;
  }
  .bd-h-md-3 {
    height: 0.75rem !important;
  }
  .bd-h-md-3.5 {
    height: 0.875rem !important;
  }
  .bd-h-md-4 {
    height: 1rem !important;
  }
  .bd-h-md-5 {
    height: 1.25rem !important;
  }
  .bd-h-md-6 {
    height: 1.5rem !important;
  }
  .bd-h-md-7 {
    height: 1.75rem !important;
  }
  .bd-h-md-8 {
    height: 2rem !important;
  }
  .bd-h-md-9 {
    height: 2.25rem !important;
  }
  .bd-h-md-10 {
    height: 2.5rem !important;
  }
  .bd-h-md-11 {
    height: 2.75rem !important;
  }
  .bd-h-md-12 {
    height: 3rem !important;
  }
  .bd-h-md-14 {
    height: 3.5rem !important;
  }
  .bd-h-md-16 {
    height: 4rem !important;
  }
  .bd-h-md-20 {
    height: 5rem !important;
  }
  .bd-h-md-24 {
    height: 6rem !important;
  }
  .bd-h-md-28 {
    height: 7rem !important;
  }
  .bd-h-md-32 {
    height: 8rem !important;
  }
  .bd-h-md-36 {
    height: 9rem !important;
  }
  .bd-h-md-40 {
    height: 10rem !important;
  }
  .bd-h-md-44 {
    height: 11rem !important;
  }
  .bd-h-md-48 {
    height: 12rem !important;
  }
  .bd-h-md-52 {
    height: 13rem !important;
  }
  .bd-h-md-56 {
    height: 14rem !important;
  }
  .bd-h-md-60 {
    height: 15rem !important;
  }
  .bd-h-md-64 {
    height: 16rem !important;
  }
  .bd-h-md-72 {
    height: 18rem !important;
  }
  .bd-h-md-80 {
    height: 20rem !important;
  }
  .bd-h-md-96 {
    height: 24rem !important;
  }
}

@media (min-width: 992px) {
  .bd-w-lg-0 {
    width: 0 !important;
  }
  .bd-w-lg-px {
    width: 1px !important;
  }
  .bd-w-lg-0.5 {
    width: 0.125rem !important;
  }
  .bd-w-lg-1 {
    width: 0.25rem !important;
  }
  .bd-w-lg-1.5 {
    width: 0.375rem !important;
  }
  .bd-w-lg-2 {
    width: 0.5rem !important;
  }
  .bd-w-lg-2.5 {
    width: 0.625rem !important;
  }
  .bd-w-lg-3 {
    width: 0.75rem !important;
  }
  .bd-w-lg-3.5 {
    width: 0.875rem !important;
  }
  .bd-w-lg-4 {
    width: 1rem !important;
  }
  .bd-w-lg-5 {
    width: 1.25rem !important;
  }
  .bd-w-lg-6 {
    width: 1.5rem !important;
  }
  .bd-w-lg-7 {
    width: 1.75rem !important;
  }
  .bd-w-lg-8 {
    width: 2rem !important;
  }
  .bd-w-lg-9 {
    width: 2.25rem !important;
  }
  .bd-w-lg-10 {
    width: 2.5rem !important;
  }
  .bd-w-lg-11 {
    width: 2.75rem !important;
  }
  .bd-w-lg-12 {
    width: 3rem !important;
  }
  .bd-w-lg-14 {
    width: 3.5rem !important;
  }
  .bd-w-lg-16 {
    width: 4rem !important;
  }
  .bd-w-lg-20 {
    width: 5rem !important;
  }
  .bd-w-lg-24 {
    width: 6rem !important;
  }
  .bd-w-lg-28 {
    width: 7rem !important;
  }
  .bd-w-lg-32 {
    width: 8rem !important;
  }
  .bd-w-lg-36 {
    width: 9rem !important;
  }
  .bd-w-lg-40 {
    width: 10rem !important;
  }
  .bd-w-lg-44 {
    width: 11rem !important;
  }
  .bd-w-lg-48 {
    width: 12rem !important;
  }
  .bd-w-lg-52 {
    width: 13rem !important;
  }
  .bd-w-lg-56 {
    width: 14rem !important;
  }
  .bd-w-lg-60 {
    width: 15rem !important;
  }
  .bd-w-lg-64 {
    width: 16rem !important;
  }
  .bd-w-lg-72 {
    width: 18rem !important;
  }
  .bd-w-lg-80 {
    width: 20rem !important;
  }
  .bd-w-lg-96 {
    width: 24rem !important;
  }
  .bd-h-lg-0 {
    height: 0 !important;
  }
  .bd-h-lg-px {
    height: 1px !important;
  }
  .bd-h-lg-0.5 {
    height: 0.125rem !important;
  }
  .bd-h-lg-1 {
    height: 0.25rem !important;
  }
  .bd-h-lg-1.5 {
    height: 0.375rem !important;
  }
  .bd-h-lg-2 {
    height: 0.5rem !important;
  }
  .bd-h-lg-2.5 {
    height: 0.625rem !important;
  }
  .bd-h-lg-3 {
    height: 0.75rem !important;
  }
  .bd-h-lg-3.5 {
    height: 0.875rem !important;
  }
  .bd-h-lg-4 {
    height: 1rem !important;
  }
  .bd-h-lg-5 {
    height: 1.25rem !important;
  }
  .bd-h-lg-6 {
    height: 1.5rem !important;
  }
  .bd-h-lg-7 {
    height: 1.75rem !important;
  }
  .bd-h-lg-8 {
    height: 2rem !important;
  }
  .bd-h-lg-9 {
    height: 2.25rem !important;
  }
  .bd-h-lg-10 {
    height: 2.5rem !important;
  }
  .bd-h-lg-11 {
    height: 2.75rem !important;
  }
  .bd-h-lg-12 {
    height: 3rem !important;
  }
  .bd-h-lg-14 {
    height: 3.5rem !important;
  }
  .bd-h-lg-16 {
    height: 4rem !important;
  }
  .bd-h-lg-20 {
    height: 5rem !important;
  }
  .bd-h-lg-24 {
    height: 6rem !important;
  }
  .bd-h-lg-28 {
    height: 7rem !important;
  }
  .bd-h-lg-32 {
    height: 8rem !important;
  }
  .bd-h-lg-36 {
    height: 9rem !important;
  }
  .bd-h-lg-40 {
    height: 10rem !important;
  }
  .bd-h-lg-44 {
    height: 11rem !important;
  }
  .bd-h-lg-48 {
    height: 12rem !important;
  }
  .bd-h-lg-52 {
    height: 13rem !important;
  }
  .bd-h-lg-56 {
    height: 14rem !important;
  }
  .bd-h-lg-60 {
    height: 15rem !important;
  }
  .bd-h-lg-64 {
    height: 16rem !important;
  }
  .bd-h-lg-72 {
    height: 18rem !important;
  }
  .bd-h-lg-80 {
    height: 20rem !important;
  }
  .bd-h-lg-96 {
    height: 24rem !important;
  }
}

@media (min-width: 1200px) {
  .bd-w-xl-0 {
    width: 0 !important;
  }
  .bd-w-xl-px {
    width: 1px !important;
  }
  .bd-w-xl-0.5 {
    width: 0.125rem !important;
  }
  .bd-w-xl-1 {
    width: 0.25rem !important;
  }
  .bd-w-xl-1.5 {
    width: 0.375rem !important;
  }
  .bd-w-xl-2 {
    width: 0.5rem !important;
  }
  .bd-w-xl-2.5 {
    width: 0.625rem !important;
  }
  .bd-w-xl-3 {
    width: 0.75rem !important;
  }
  .bd-w-xl-3.5 {
    width: 0.875rem !important;
  }
  .bd-w-xl-4 {
    width: 1rem !important;
  }
  .bd-w-xl-5 {
    width: 1.25rem !important;
  }
  .bd-w-xl-6 {
    width: 1.5rem !important;
  }
  .bd-w-xl-7 {
    width: 1.75rem !important;
  }
  .bd-w-xl-8 {
    width: 2rem !important;
  }
  .bd-w-xl-9 {
    width: 2.25rem !important;
  }
  .bd-w-xl-10 {
    width: 2.5rem !important;
  }
  .bd-w-xl-11 {
    width: 2.75rem !important;
  }
  .bd-w-xl-12 {
    width: 3rem !important;
  }
  .bd-w-xl-14 {
    width: 3.5rem !important;
  }
  .bd-w-xl-16 {
    width: 4rem !important;
  }
  .bd-w-xl-20 {
    width: 5rem !important;
  }
  .bd-w-xl-24 {
    width: 6rem !important;
  }
  .bd-w-xl-28 {
    width: 7rem !important;
  }
  .bd-w-xl-32 {
    width: 8rem !important;
  }
  .bd-w-xl-36 {
    width: 9rem !important;
  }
  .bd-w-xl-40 {
    width: 10rem !important;
  }
  .bd-w-xl-44 {
    width: 11rem !important;
  }
  .bd-w-xl-48 {
    width: 12rem !important;
  }
  .bd-w-xl-52 {
    width: 13rem !important;
  }
  .bd-w-xl-56 {
    width: 14rem !important;
  }
  .bd-w-xl-60 {
    width: 15rem !important;
  }
  .bd-w-xl-64 {
    width: 16rem !important;
  }
  .bd-w-xl-72 {
    width: 18rem !important;
  }
  .bd-w-xl-80 {
    width: 20rem !important;
  }
  .bd-w-xl-96 {
    width: 24rem !important;
  }
  .bd-h-xl-0 {
    height: 0 !important;
  }
  .bd-h-xl-px {
    height: 1px !important;
  }
  .bd-h-xl-0.5 {
    height: 0.125rem !important;
  }
  .bd-h-xl-1 {
    height: 0.25rem !important;
  }
  .bd-h-xl-1.5 {
    height: 0.375rem !important;
  }
  .bd-h-xl-2 {
    height: 0.5rem !important;
  }
  .bd-h-xl-2.5 {
    height: 0.625rem !important;
  }
  .bd-h-xl-3 {
    height: 0.75rem !important;
  }
  .bd-h-xl-3.5 {
    height: 0.875rem !important;
  }
  .bd-h-xl-4 {
    height: 1rem !important;
  }
  .bd-h-xl-5 {
    height: 1.25rem !important;
  }
  .bd-h-xl-6 {
    height: 1.5rem !important;
  }
  .bd-h-xl-7 {
    height: 1.75rem !important;
  }
  .bd-h-xl-8 {
    height: 2rem !important;
  }
  .bd-h-xl-9 {
    height: 2.25rem !important;
  }
  .bd-h-xl-10 {
    height: 2.5rem !important;
  }
  .bd-h-xl-11 {
    height: 2.75rem !important;
  }
  .bd-h-xl-12 {
    height: 3rem !important;
  }
  .bd-h-xl-14 {
    height: 3.5rem !important;
  }
  .bd-h-xl-16 {
    height: 4rem !important;
  }
  .bd-h-xl-20 {
    height: 5rem !important;
  }
  .bd-h-xl-24 {
    height: 6rem !important;
  }
  .bd-h-xl-28 {
    height: 7rem !important;
  }
  .bd-h-xl-32 {
    height: 8rem !important;
  }
  .bd-h-xl-36 {
    height: 9rem !important;
  }
  .bd-h-xl-40 {
    height: 10rem !important;
  }
  .bd-h-xl-44 {
    height: 11rem !important;
  }
  .bd-h-xl-48 {
    height: 12rem !important;
  }
  .bd-h-xl-52 {
    height: 13rem !important;
  }
  .bd-h-xl-56 {
    height: 14rem !important;
  }
  .bd-h-xl-60 {
    height: 15rem !important;
  }
  .bd-h-xl-64 {
    height: 16rem !important;
  }
  .bd-h-xl-72 {
    height: 18rem !important;
  }
  .bd-h-xl-80 {
    height: 20rem !important;
  }
  .bd-h-xl-96 {
    height: 24rem !important;
  }
}

@media (min-width: 1400px) {
  .bd-w-xxl-0 {
    width: 0 !important;
  }
  .bd-w-xxl-px {
    width: 1px !important;
  }
  .bd-w-xxl-0.5 {
    width: 0.125rem !important;
  }
  .bd-w-xxl-1 {
    width: 0.25rem !important;
  }
  .bd-w-xxl-1.5 {
    width: 0.375rem !important;
  }
  .bd-w-xxl-2 {
    width: 0.5rem !important;
  }
  .bd-w-xxl-2.5 {
    width: 0.625rem !important;
  }
  .bd-w-xxl-3 {
    width: 0.75rem !important;
  }
  .bd-w-xxl-3.5 {
    width: 0.875rem !important;
  }
  .bd-w-xxl-4 {
    width: 1rem !important;
  }
  .bd-w-xxl-5 {
    width: 1.25rem !important;
  }
  .bd-w-xxl-6 {
    width: 1.5rem !important;
  }
  .bd-w-xxl-7 {
    width: 1.75rem !important;
  }
  .bd-w-xxl-8 {
    width: 2rem !important;
  }
  .bd-w-xxl-9 {
    width: 2.25rem !important;
  }
  .bd-w-xxl-10 {
    width: 2.5rem !important;
  }
  .bd-w-xxl-11 {
    width: 2.75rem !important;
  }
  .bd-w-xxl-12 {
    width: 3rem !important;
  }
  .bd-w-xxl-14 {
    width: 3.5rem !important;
  }
  .bd-w-xxl-16 {
    width: 4rem !important;
  }
  .bd-w-xxl-20 {
    width: 5rem !important;
  }
  .bd-w-xxl-24 {
    width: 6rem !important;
  }
  .bd-w-xxl-28 {
    width: 7rem !important;
  }
  .bd-w-xxl-32 {
    width: 8rem !important;
  }
  .bd-w-xxl-36 {
    width: 9rem !important;
  }
  .bd-w-xxl-40 {
    width: 10rem !important;
  }
  .bd-w-xxl-44 {
    width: 11rem !important;
  }
  .bd-w-xxl-48 {
    width: 12rem !important;
  }
  .bd-w-xxl-52 {
    width: 13rem !important;
  }
  .bd-w-xxl-56 {
    width: 14rem !important;
  }
  .bd-w-xxl-60 {
    width: 15rem !important;
  }
  .bd-w-xxl-64 {
    width: 16rem !important;
  }
  .bd-w-xxl-72 {
    width: 18rem !important;
  }
  .bd-w-xxl-80 {
    width: 20rem !important;
  }
  .bd-w-xxl-96 {
    width: 24rem !important;
  }
  .bd-h-xxl-0 {
    height: 0 !important;
  }
  .bd-h-xxl-px {
    height: 1px !important;
  }
  .bd-h-xxl-0.5 {
    height: 0.125rem !important;
  }
  .bd-h-xxl-1 {
    height: 0.25rem !important;
  }
  .bd-h-xxl-1.5 {
    height: 0.375rem !important;
  }
  .bd-h-xxl-2 {
    height: 0.5rem !important;
  }
  .bd-h-xxl-2.5 {
    height: 0.625rem !important;
  }
  .bd-h-xxl-3 {
    height: 0.75rem !important;
  }
  .bd-h-xxl-3.5 {
    height: 0.875rem !important;
  }
  .bd-h-xxl-4 {
    height: 1rem !important;
  }
  .bd-h-xxl-5 {
    height: 1.25rem !important;
  }
  .bd-h-xxl-6 {
    height: 1.5rem !important;
  }
  .bd-h-xxl-7 {
    height: 1.75rem !important;
  }
  .bd-h-xxl-8 {
    height: 2rem !important;
  }
  .bd-h-xxl-9 {
    height: 2.25rem !important;
  }
  .bd-h-xxl-10 {
    height: 2.5rem !important;
  }
  .bd-h-xxl-11 {
    height: 2.75rem !important;
  }
  .bd-h-xxl-12 {
    height: 3rem !important;
  }
  .bd-h-xxl-14 {
    height: 3.5rem !important;
  }
  .bd-h-xxl-16 {
    height: 4rem !important;
  }
  .bd-h-xxl-20 {
    height: 5rem !important;
  }
  .bd-h-xxl-24 {
    height: 6rem !important;
  }
  .bd-h-xxl-28 {
    height: 7rem !important;
  }
  .bd-h-xxl-32 {
    height: 8rem !important;
  }
  .bd-h-xxl-36 {
    height: 9rem !important;
  }
  .bd-h-xxl-40 {
    height: 10rem !important;
  }
  .bd-h-xxl-44 {
    height: 11rem !important;
  }
  .bd-h-xxl-48 {
    height: 12rem !important;
  }
  .bd-h-xxl-52 {
    height: 13rem !important;
  }
  .bd-h-xxl-56 {
    height: 14rem !important;
  }
  .bd-h-xxl-60 {
    height: 15rem !important;
  }
  .bd-h-xxl-64 {
    height: 16rem !important;
  }
  .bd-h-xxl-72 {
    height: 18rem !important;
  }
  .bd-h-xxl-80 {
    height: 20rem !important;
  }
  .bd-h-xxl-96 {
    height: 24rem !important;
  }
}
