/* Vuexy v10 core.css (Bootstrap 5.3) — PurgeCSS, tools/vendor_vuexy.py */
@charset "UTF-8";
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/* (C) */
:root,
[data-bs-theme=light] {
  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #7367f0;
  --bs-pink: #e83e8c;
  --bs-red: #ff4c51;
  --bs-orange: #fd7e14;
  --bs-yellow: #ff9f43;
  --bs-green: #28c76f;
  --bs-teal: #20c997;
  --bs-cyan: #00bad1;
  --bs-black: #2f2b3d;
  --bs-white: #fff;
  --bs-gray: #82808b;
  --bs-gray-dark: #595564;
  --bs-gray-25: #fcfcfc;
  --bs-gray-50: #f3f2f3;
  --bs-gray-75: #eeeeef;
  --bs-gray-100: #eaeaec;
  --bs-gray-200: #e6e6e8;
  --bs-gray-300: #c1bfc5;
  --bs-gray-400: #acaab1;
  --bs-gray-500: #97959e;
  --bs-gray-600: #82808b;
  --bs-gray-700: #6d6b77;
  --bs-gray-800: #595564;
  --bs-gray-900: #444050;
  --bs-primary: #7367f0;
  --bs-secondary: #808390;
  --bs-success: #28c76f;
  --bs-info: #00bad1;
  --bs-warning: #ff9f43;
  --bs-danger: #ff4c51;
  --bs-light: #dfdfe3;
  --bs-dark: #2f3349;
  --bs-gray: #97959e;
  --bs-primary-rgb: 115, 103, 240;
  --bs-secondary-rgb: 128, 131, 144;
  --bs-success-rgb: 40, 199, 111;
  --bs-info-rgb: 0, 186, 209;
  --bs-warning-rgb: 255, 159, 67;
  --bs-danger-rgb: 255, 76, 81;
  --bs-light-rgb: 223, 223, 227;
  --bs-dark-rgb: 47, 51, 73;
  --bs-gray-rgb: 151, 149, 158;
  --bs-primary-text-emphasis: #2e2960;
  --bs-secondary-text-emphasis: #33343a;
  --bs-success-text-emphasis: #10502c;
  --bs-info-text-emphasis: #004a54;
  --bs-warning-text-emphasis: #66401b;
  --bs-danger-text-emphasis: #661e20;
  --bs-light-text-emphasis: #6d6b77;
  --bs-dark-text-emphasis: #6d6b77;
  --bs-primary-bg-subtle: #e9e7fd;
  --bs-secondary-bg-subtle: #ebebed;
  --bs-success-bg-subtle: #ddf6e8;
  --bs-info-bg-subtle: #d6f4f8;
  --bs-warning-bg-subtle: #fff0e1;
  --bs-danger-bg-subtle: #ffe2e3;
  --bs-light-bg-subtle: #f5f5f6;
  --bs-dark-bg-subtle: #dedee2;
  --bs-primary-border-subtle: #c8c4f9;
  --bs-secondary-border-subtle: #cdcfd4;
  --bs-success-border-subtle: #abe9c7;
  --bs-info-border-subtle: #9ce4ed;
  --bs-warning-border-subtle: #ffdab6;
  --bs-danger-border-subtle: #ffb9bb;
  --bs-light-border-subtle: #e6e6e8;
  --bs-dark-border-subtle: #aeafb8;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 47, 43, 61;
  --bs-font-sans-serif: "Public Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --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-root-font-size: 16px;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.375;
  --bs-body-color: #6d6b77;
  --bs-body-color-rgb: 109, 107, 119;
  --bs-body-bg: #f8f7fa;
  --bs-body-bg-rgb: 248, 247, 250;
  --bs-emphasis-color: #2f2b3d;
  --bs-emphasis-color-rgb: 47, 43, 61;
  --bs-secondary-color: #acaab1;
  --bs-secondary-color-rgb: 172, 170, 177;
  --bs-secondary-bg: #e6e6e8;
  --bs-secondary-bg-rgb: 230, 230, 232;
  --bs-tertiary-color: rgba(109, 107, 119, 0.5);
  --bs-tertiary-color-rgb: 109, 107, 119;
  --bs-tertiary-bg: #dfdfe3;
  --bs-tertiary-bg-rgb: 223, 223, 227;
  --bs-heading-color: #444050;
  --bs-link-color: #7367f0;
  --bs-link-color-rgb: 115, 103, 240;
  --bs-link-decoration: none;
  --bs-link-hover-color: #685dd8;
  --bs-link-hover-color-rgb: 104, 93, 216;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #6d6b77;
  --bs-highlight-bg: #ffecd9;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(47, 43, 61, 0.075);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.625rem;
  --bs-border-radius-xxl: 1rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
  --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(47, 43, 61, 0.075);
  --bs-focus-ring-width: 0.15rem;
  --bs-focus-ring-opacity: 0.75;
  --bs-focus-ring-color: rgba(109, 107, 119, 0.75);
  --bs-form-valid-color: #28c76f;
  --bs-form-valid-border-color: #28c76f;
  --bs-form-invalid-color: #ff4c51;
  --bs-form-invalid-border-color: #ff4c51;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  font-size: var(--bs-root-font-size);
}
@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(47, 43, 61, 0);
}

hr {
  margin: 1rem 0;
  color: var(--bs-border-color);
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 1;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.37;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.4125rem + 1.95vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.875rem;
  }
}

h2, .h2 {
  font-size: calc(1.3625rem + 1.35vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2.375rem;
  }
}

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.125rem;
}

h6, .h6 {
  font-size: 0.9375rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.8125rem;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
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;
}


code {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

code {
  font-size: 0.8125rem;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

th {
  font-weight: 500;
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
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,
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;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* 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;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.125rem;
  font-weight: 300;
}

.display-6 {
  font-weight: 500;
  line-height: 1.37;
  font-size: calc(1.3875rem + 1.65vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.625rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.container,
.container-xxl {
  --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 {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
   .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
   .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
   .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container {
    max-width: 1440px;
  }
}
: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%;
}

.g-0 {
  --bs-gutter-x: 0;
}

.g-0 {
  --bs-gutter-y: 0;
}

.g-50 {
  --bs-gutter-x: 0.125rem;
}

.g-50 {
  --bs-gutter-y: 0.125rem;
}

.g-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1 {
  --bs-gutter-y: 0.25rem;
}

.g-1_5 {
  --bs-gutter-x: 0.375rem;
}

.g-1_5 {
  --bs-gutter-y: 0.375rem;
}

.g-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3 {
  --bs-gutter-x: 0.75rem;
}

.g-3 {
  --bs-gutter-y: 0.75rem;
}

.g-4 {
  --bs-gutter-x: 1rem;
}

.g-4 {
  --bs-gutter-y: 1rem;
}

.g-5 {
  --bs-gutter-x: 1.25rem;
}

.g-5 {
  --bs-gutter-y: 1.25rem;
}

.g-6 {
  --bs-gutter-x: 1.5rem;
}

.g-6 {
  --bs-gutter-y: 1.5rem;
}

.g-7 {
  --bs-gutter-x: 1.75rem;
}

.g-7 {
  --bs-gutter-y: 1.75rem;
}

.g-8 {
  --bs-gutter-x: 2rem;
}

.g-8 {
  --bs-gutter-y: 2rem;
}

.g-9 {
  --bs-gutter-x: 2.25rem;
}

.g-9 {
  --bs-gutter-y: 2.25rem;
}

.g-10 {
  --bs-gutter-x: 2.5rem;
}

.g-10 {
  --bs-gutter-y: 2.5rem;
}

.g-11 {
  --bs-gutter-x: 2.75rem;
}

.g-11 {
  --bs-gutter-y: 2.75rem;
}

.g-12 {
  --bs-gutter-x: 3rem;
}

.g-12 {
  --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%;
  }
  .g-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-50 {
    --bs-gutter-x: 0.125rem;
  }
  .g-sm-50 {
    --bs-gutter-y: 0.125rem;
  }
  .g-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-1_5 {
    --bs-gutter-x: 0.375rem;
  }
  .g-sm-1_5 {
    --bs-gutter-y: 0.375rem;
  }
  .g-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3 {
    --bs-gutter-x: 0.75rem;
  }
  .g-sm-3 {
    --bs-gutter-y: 0.75rem;
  }
  .g-sm-4 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-4 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-5 {
    --bs-gutter-x: 1.25rem;
  }
  .g-sm-5 {
    --bs-gutter-y: 1.25rem;
  }
  .g-sm-6 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-6 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-7 {
    --bs-gutter-x: 1.75rem;
  }
  .g-sm-7 {
    --bs-gutter-y: 1.75rem;
  }
  .g-sm-8 {
    --bs-gutter-x: 2rem;
  }
  .g-sm-8 {
    --bs-gutter-y: 2rem;
  }
  .g-sm-9 {
    --bs-gutter-x: 2.25rem;
  }
  .g-sm-9 {
    --bs-gutter-y: 2.25rem;
  }
  .g-sm-10 {
    --bs-gutter-x: 2.5rem;
  }
  .g-sm-10 {
    --bs-gutter-y: 2.5rem;
  }
  .g-sm-11 {
    --bs-gutter-x: 2.75rem;
  }
  .g-sm-11 {
    --bs-gutter-y: 2.75rem;
  }
  .g-sm-12 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-12 {
    --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%;
  }
  .g-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-50 {
    --bs-gutter-x: 0.125rem;
  }
  .g-md-50 {
    --bs-gutter-y: 0.125rem;
  }
  .g-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-1_5 {
    --bs-gutter-x: 0.375rem;
  }
  .g-md-1_5 {
    --bs-gutter-y: 0.375rem;
  }
  .g-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3 {
    --bs-gutter-x: 0.75rem;
  }
  .g-md-3 {
    --bs-gutter-y: 0.75rem;
  }
  .g-md-4 {
    --bs-gutter-x: 1rem;
  }
  .g-md-4 {
    --bs-gutter-y: 1rem;
  }
  .g-md-5 {
    --bs-gutter-x: 1.25rem;
  }
  .g-md-5 {
    --bs-gutter-y: 1.25rem;
  }
  .g-md-6 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-6 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-7 {
    --bs-gutter-x: 1.75rem;
  }
  .g-md-7 {
    --bs-gutter-y: 1.75rem;
  }
  .g-md-8 {
    --bs-gutter-x: 2rem;
  }
  .g-md-8 {
    --bs-gutter-y: 2rem;
  }
  .g-md-9 {
    --bs-gutter-x: 2.25rem;
  }
  .g-md-9 {
    --bs-gutter-y: 2.25rem;
  }
  .g-md-10 {
    --bs-gutter-x: 2.5rem;
  }
  .g-md-10 {
    --bs-gutter-y: 2.5rem;
  }
  .g-md-11 {
    --bs-gutter-x: 2.75rem;
  }
  .g-md-11 {
    --bs-gutter-y: 2.75rem;
  }
  .g-md-12 {
    --bs-gutter-x: 3rem;
  }
  .g-md-12 {
    --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-1 {
    margin-left: 8.33333333%;
  }
  .g-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-50 {
    --bs-gutter-x: 0.125rem;
  }
  .g-lg-50 {
    --bs-gutter-y: 0.125rem;
  }
  .g-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-1_5 {
    --bs-gutter-x: 0.375rem;
  }
  .g-lg-1_5 {
    --bs-gutter-y: 0.375rem;
  }
  .g-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3 {
    --bs-gutter-x: 0.75rem;
  }
  .g-lg-3 {
    --bs-gutter-y: 0.75rem;
  }
  .g-lg-4 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-4 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-5 {
    --bs-gutter-x: 1.25rem;
  }
  .g-lg-5 {
    --bs-gutter-y: 1.25rem;
  }
  .g-lg-6 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-6 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-7 {
    --bs-gutter-x: 1.75rem;
  }
  .g-lg-7 {
    --bs-gutter-y: 1.75rem;
  }
  .g-lg-8 {
    --bs-gutter-x: 2rem;
  }
  .g-lg-8 {
    --bs-gutter-y: 2rem;
  }
  .g-lg-9 {
    --bs-gutter-x: 2.25rem;
  }
  .g-lg-9 {
    --bs-gutter-y: 2.25rem;
  }
  .g-lg-10 {
    --bs-gutter-x: 2.5rem;
  }
  .g-lg-10 {
    --bs-gutter-y: 2.5rem;
  }
  .g-lg-11 {
    --bs-gutter-x: 2.75rem;
  }
  .g-lg-11 {
    --bs-gutter-y: 2.75rem;
  }
  .g-lg-12 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-12 {
    --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%;
  }
  .g-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-50 {
    --bs-gutter-x: 0.125rem;
  }
  .g-xl-50 {
    --bs-gutter-y: 0.125rem;
  }
  .g-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-1_5 {
    --bs-gutter-x: 0.375rem;
  }
  .g-xl-1_5 {
    --bs-gutter-y: 0.375rem;
  }
  .g-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3 {
    --bs-gutter-x: 0.75rem;
  }
  .g-xl-3 {
    --bs-gutter-y: 0.75rem;
  }
  .g-xl-4 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-4 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-5 {
    --bs-gutter-x: 1.25rem;
  }
  .g-xl-5 {
    --bs-gutter-y: 1.25rem;
  }
  .g-xl-6 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-6 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-7 {
    --bs-gutter-x: 1.75rem;
  }
  .g-xl-7 {
    --bs-gutter-y: 1.75rem;
  }
  .g-xl-8 {
    --bs-gutter-x: 2rem;
  }
  .g-xl-8 {
    --bs-gutter-y: 2rem;
  }
  .g-xl-9 {
    --bs-gutter-x: 2.25rem;
  }
  .g-xl-9 {
    --bs-gutter-y: 2.25rem;
  }
  .g-xl-10 {
    --bs-gutter-x: 2.5rem;
  }
  .g-xl-10 {
    --bs-gutter-y: 2.5rem;
  }
  .g-xl-11 {
    --bs-gutter-x: 2.75rem;
  }
  .g-xl-11 {
    --bs-gutter-y: 2.75rem;
  }
  .g-xl-12 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-12 {
    --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%;
  }
  .g-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-50 {
    --bs-gutter-x: 0.125rem;
  }
  .g-xxl-50 {
    --bs-gutter-y: 0.125rem;
  }
  .g-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-1_5 {
    --bs-gutter-x: 0.375rem;
  }
  .g-xxl-1_5 {
    --bs-gutter-y: 0.375rem;
  }
  .g-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3 {
    --bs-gutter-x: 0.75rem;
  }
  .g-xxl-3 {
    --bs-gutter-y: 0.75rem;
  }
  .g-xxl-4 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-4 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-5 {
    --bs-gutter-x: 1.25rem;
  }
  .g-xxl-5 {
    --bs-gutter-y: 1.25rem;
  }
  .g-xxl-6 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-6 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-7 {
    --bs-gutter-x: 1.75rem;
  }
  .g-xxl-7 {
    --bs-gutter-y: 1.75rem;
  }
  .g-xxl-8 {
    --bs-gutter-x: 2rem;
  }
  .g-xxl-8 {
    --bs-gutter-y: 2rem;
  }
  .g-xxl-9 {
    --bs-gutter-x: 2.25rem;
  }
  .g-xxl-9 {
    --bs-gutter-y: 2.25rem;
  }
  .g-xxl-10 {
    --bs-gutter-x: 2.5rem;
  }
  .g-xxl-10 {
    --bs-gutter-y: 2.5rem;
  }
  .g-xxl-11 {
    --bs-gutter-x: 2.75rem;
  }
  .g-xxl-11 {
    --bs-gutter-y: 2.75rem;
  }
  .g-xxl-12 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-12 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(var(--bs-base-color-rgb), 0.06);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(var(--bs-primary-rgb), 0.08);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(47, 43, 61, 0.06);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: middle;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.782rem 1.25rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.form-label {
  margin-bottom: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-heading-color);
}

.col-form-label {
  padding-top: calc(0.426rem + var(--bs-border-width));
  padding-bottom: calc(0.426rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.625;
  color: var(--bs-heading-color);
}

.col-form-label-lg {
  padding-top: calc(0.575rem + var(--bs-border-width));
  padding-bottom: calc(0.575rem + var(--bs-border-width));
  font-size: 1.0625rem;
}

.col-form-label-sm {
  padding-top: calc(0.215rem + var(--bs-border-width));
  padding-bottom: calc(0.215rem + var(--bs-border-width));
  font-size: 0.8125rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-body-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.426rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--bs-heading-color);
  appearance: none;
  background-color: transparent;
  background-clip: padding-box;
  border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  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-heading-color);
  background-color: transparent;
  border-color: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.625em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  color: var(--bs-secondary-color);
  background-color: var(--bs-gray-50);
  border-color: color-mix(in sRGB, var(--bs-base-color) 24%, var(--bs-paper-bg));
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.426rem 0.9375rem;
  margin: -0.426rem -0.9375rem;
  margin-inline-end: 0.9375rem;
  color: var(--bs-heading-color);
  background-color: transparent;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: all 0.2s 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: rgba(0, 0, 0, 0.05);
}

.form-control-sm {
  min-height: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
  padding: 0.215rem 0.75rem;
  font-size: 0.8125rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.215rem 0.75rem;
  margin: -0.215rem -0.75rem;
  margin-inline-end: 0.75rem;
}

textarea.form-control {
  min-height: calc(1.625em + 0.852rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.625em + 0.43rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%232f2b3d" fill-opacity="0.9"/%3e%3c/svg%3e');
  display: block;
  width: 100%;
  padding: 0.426rem 2.625rem 0.426rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--bs-heading-color);
  appearance: none;
  background-color: transparent;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.9375rem center;
  background-size: 22px 24px;
  border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  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: var(--bs-primary);
  outline: 0;
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.9375rem;
  background-image: none;
}
.form-select:disabled {
  color: var(--bs-secondary-color);
  background-color: var(--bs-gray-50);
  border-color: color-mix(in sRGB, var(--bs-base-color) 24%, var(--bs-paper-bg));
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-heading-color);
}

.form-check-input {
  --bs-form-check-bg: transparent;
  flex-shrink: 0;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.0875em;
  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: 2px solid var(--bs-secondary-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.267em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: var(--bs-body-color);
  outline: 0;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 14' fill='none'%3E%3Cpath d='M3.41667 7L6.33333 9.91667L12.1667 4.08333' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%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='1.6' fill='%23fff'  /%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M2.5 6H9.5' stroke='%23fff' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.45;
}

.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.45;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  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.426rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.625;
  color: var(--bs-heading-color);
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: var(--bs-border-width) solid color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  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.575rem 1rem;
  font-size: 1.0625rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-lg > .form-select {
  padding-right: 3.5625rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-end-end-radius: 0;
  border-start-end-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 * var(--bs-border-width));
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.btn {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.4812rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1.375;
  --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: none;
  --bs-btn-disabled-opacity: 0.45;
  --bs-btn-focus-box-shadow: 0 0 0 0.05rem 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;
  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: all 0.2s 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: #7367f0;
  --bs-btn-border-color: #7367f0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #685dd8;
  --bs-btn-hover-border-color: #5c52c0;
  --bs-btn-focus-shadow-rgb: 136, 126, 242;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #685dd8;
  --bs-btn-active-border-color: #564db4;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7367f0;
  --bs-btn-disabled-border-color: #7367f0;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #808390;
  --bs-btn-border-color: #808390;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #737682;
  --bs-btn-hover-border-color: #666973;
  --bs-btn-focus-shadow-rgb: 147, 150, 161;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #737682;
  --bs-btn-active-border-color: #60626c;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #808390;
  --bs-btn-disabled-border-color: #808390;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #28c76f;
  --bs-btn-border-color: #28c76f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #24b364;
  --bs-btn-hover-border-color: #209f59;
  --bs-btn-focus-shadow-rgb: 72, 207, 133;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #24b364;
  --bs-btn-active-border-color: #1e9553;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #28c76f;
  --bs-btn-disabled-border-color: #28c76f;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #00bad1;
  --bs-btn-border-color: #00bad1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00a7bc;
  --bs-btn-hover-border-color: #0095a7;
  --bs-btn-focus-shadow-rgb: 38, 196, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00a7bc;
  --bs-btn-active-border-color: #008c9d;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #00bad1;
  --bs-btn-disabled-border-color: #00bad1;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff9f43;
  --bs-btn-border-color: #ff9f43;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e68f3c;
  --bs-btn-hover-border-color: #cc7f36;
  --bs-btn-focus-shadow-rgb: 255, 173, 95;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e68f3c;
  --bs-btn-active-border-color: #bf7732;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff9f43;
  --bs-btn-disabled-border-color: #ff9f43;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff4c51;
  --bs-btn-border-color: #ff4c51;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e64449;
  --bs-btn-hover-border-color: #cc3d41;
  --bs-btn-focus-shadow-rgb: 255, 103, 107;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e64449;
  --bs-btn-active-border-color: #bf393d;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff4c51;
  --bs-btn-disabled-border-color: #ff4c51;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #dfdfe3;
  --bs-btn-border-color: #dfdfe3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c9c9cc;
  --bs-btn-hover-border-color: #b2b2b6;
  --bs-btn-focus-shadow-rgb: 190, 190, 193;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c9c9cc;
  --bs-btn-active-border-color: #a7a7aa;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dfdfe3;
  --bs-btn-disabled-border-color: #dfdfe3;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2f3349;
  --bs-btn-border-color: #2f3349;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4e5264;
  --bs-btn-hover-border-color: #44475b;
  --bs-btn-focus-shadow-rgb: 78, 82, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #595c6d;
  --bs-btn-active-border-color: #44475b;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2f3349;
  --bs-btn-disabled-border-color: #2f3349;
}

.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #97959e;
  --bs-btn-border-color: #97959e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #88868e;
  --bs-btn-hover-border-color: #79777e;
  --bs-btn-focus-shadow-rgb: 167, 165, 173;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #88868e;
  --bs-btn-active-border-color: #717077;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #97959e;
  --bs-btn-disabled-border-color: #97959e;
}

.btn-outline-primary {
  --bs-btn-color: #7367f0;
  --bs-btn-border-color: #7367f0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7367f0;
  --bs-btn-hover-border-color: #7367f0;
  --bs-btn-focus-shadow-rgb: 115, 103, 240;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7367f0;
  --bs-btn-active-border-color: #7367f0;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #7367f0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7367f0;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #808390;
  --bs-btn-border-color: #808390;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #808390;
  --bs-btn-hover-border-color: #808390;
  --bs-btn-focus-shadow-rgb: 128, 131, 144;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #808390;
  --bs-btn-active-border-color: #808390;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #808390;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #808390;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #28c76f;
  --bs-btn-border-color: #28c76f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #28c76f;
  --bs-btn-hover-border-color: #28c76f;
  --bs-btn-focus-shadow-rgb: 40, 199, 111;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #28c76f;
  --bs-btn-active-border-color: #28c76f;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #28c76f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #28c76f;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #00bad1;
  --bs-btn-border-color: #00bad1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #00bad1;
  --bs-btn-hover-border-color: #00bad1;
  --bs-btn-focus-shadow-rgb: 0, 186, 209;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00bad1;
  --bs-btn-active-border-color: #00bad1;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #00bad1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00bad1;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #ff9f43;
  --bs-btn-border-color: #ff9f43;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff9f43;
  --bs-btn-hover-border-color: #ff9f43;
  --bs-btn-focus-shadow-rgb: 255, 159, 67;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff9f43;
  --bs-btn-active-border-color: #ff9f43;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ff9f43;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff9f43;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #ff4c51;
  --bs-btn-border-color: #ff4c51;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ff4c51;
  --bs-btn-hover-border-color: #ff4c51;
  --bs-btn-focus-shadow-rgb: 255, 76, 81;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ff4c51;
  --bs-btn-active-border-color: #ff4c51;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #ff4c51;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff4c51;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #dfdfe3;
  --bs-btn-border-color: #dfdfe3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dfdfe3;
  --bs-btn-hover-border-color: #dfdfe3;
  --bs-btn-focus-shadow-rgb: 223, 223, 227;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dfdfe3;
  --bs-btn-active-border-color: #dfdfe3;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #dfdfe3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dfdfe3;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #2f3349;
  --bs-btn-border-color: #2f3349;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2f3349;
  --bs-btn-hover-border-color: #2f3349;
  --bs-btn-focus-shadow-rgb: 47, 51, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2f3349;
  --bs-btn-active-border-color: #2f3349;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #2f3349;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2f3349;
  --bs-gradient: none;
}

.btn-outline-gray {
  --bs-btn-color: #97959e;
  --bs-btn-border-color: #97959e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #97959e;
  --bs-btn-hover-border-color: #97959e;
  --bs-btn-focus-shadow-rgb: 151, 149, 158;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #97959e;
  --bs-btn-active-border-color: #97959e;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #97959e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #97959e;
  --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: #82808b;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 136, 126, 242;
  text-decoration: none;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.708rem;
  --bs-btn-padding-x: 1.625rem;
  --bs-btn-font-size: 1.0625rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.317rem;
  --bs-btn-padding-x: 0.875rem;
  --bs-btn-font-size: 0.8125rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.65625rem;
  padding-left: 0.65625rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.21875rem;
  padding-left: 1.21875rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1.25rem;
  --bs-nav-link-padding-y: 0.5435rem;
  --bs-nav-link-font-size: 0.9375rem;
  --bs-nav-link-font-weight: 500;
  --bs-nav-link-color: var(--bs-heading-color);
  --bs-nav-link-hover-color: var(--bs-primary);
  --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);
  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.15rem rgba(109, 107, 119, 0.75);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: var(--bs-heading-color);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: var(--bs-secondary-color);
  --bs-navbar-active-color: var(--bs-heading-color);
  --bs-navbar-brand-padding-y: 0.50053125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1rem;
  --bs-navbar-brand-color: var(--bs-heading-color);
  --bs-navbar-brand-hover-color: var(--bs-heading-color);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0;
  --bs-navbar-toggler-padding-x: 0;
  --bs-navbar-toggler-font-size: 1rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='var%28--bs-heading-color%29' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: transparent;
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0;
  --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-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);
  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.5435rem;
  --bs-nav-link-font-size: 0.9375rem;
  --bs-nav-link-font-weight: 500;
  --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-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.card {
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: var(--bs-heading-color);
  --bs-card-subtitle-color: color-mix(in sRGB, var(--bs-base-color) 55%, var(--bs-card-bg));
  --bs-card-border-width: 0;
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-border-radius: 0.375rem;
  --bs-card-box-shadow: var(--bs-box-shadow);
  --bs-card-inner-border-radius: 0.375rem;
  --bs-card-cap-padding-y: 1.5rem;
  --bs-card-cap-padding-x: 1.5rem;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: var(--bs-heading-color);
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-paper-bg);
  --bs-card-img-overlay-padding: 1.5rem;
  --bs-card-group-margin: 1.5rem;
  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 {
  margin-right: 0;
  margin-left: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.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;
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: transparent;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-body-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-heading-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);
}

.badge {
  --bs-badge-padding-x: 0.77em;
  --bs-badge-padding-y: 0.4235em;
  --bs-badge-font-size: 0.8667em;
  --bs-badge-font-weight: 500;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.125rem;
  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;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 0.9375rem;
  --bs-alert-padding-y: 0.68755rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 2.8125rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.8594375rem 0.9375rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

.alert-gray {
  --bs-alert-color: var(--bs-gray-text-emphasis);
  --bs-alert-bg: var(--bs-gray-bg-subtle);
  --bs-alert-border-color: var(--bs-gray-border-subtle);
  --bs-alert-link-color: var(--bs-gray-text-emphasis);
}
.progress {
  --bs-progress-height: 0.375rem;
  --bs-progress-font-size: 0.8125rem;
  --bs-progress-bg: rgba(var(--bs-base-color-rgb), 0.08);
  --bs-progress-border-radius: 3.125rem;
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: var(--bs-white);
  --bs-progress-bar-bg: #7367f0;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.btn-close {
  --bs-btn-close-color: #2f2b3d;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232f2b3d'%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: none;
  --bs-btn-close-focus-opacity: 0.75;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 0.65rem;
  height: 0.65rem;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/0.65rem 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: ;
}

.toast {
  --bs-toast-zindex: 1095;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.406rem;
  --bs-toast-spacing: 1rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: var(--bs-font-size-base);
  --bs-toast-color: var(--bs-body-color);
  --bs-toast-bg: rgba(var(--bs-paper-bg-rgb), 0.85);
  --bs-toast-border-width: 0px;
  --bs-toast-border-color: var(--bs-gray-100);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow-lg);
  --bs-toast-header-color: var(--bs-heading-color);
  --bs-toast-header-bg: var(--bs-paper-bg);
  --bs-toast-header-border-color: color-mix(in sRGB, var(--bs-border-color) 40%, var(--bs-paper-bg));
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast:not(.show) {
  display: none;
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

/* rtl:begin:ignore */

/* rtl:end:ignore */

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}


.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  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);
}
.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;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #fff !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !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;
}

.text-bg-gray {
  color: #fff !important;
  background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.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;
}

/* Custom colors
******************************************************************************* */
:root {
  --bs-facebook: #3b5998;
  --bs-facebook-rgb: 59, 89, 152;
  --bs-twitter: #1da1f2;
  --bs-twitter-rgb: 29, 161, 242;
  --bs-google-plus: #dd4b39;
  --bs-google-plus-rgb: 221, 75, 57;
  --bs-instagram: #e1306c;
  --bs-instagram-rgb: 225, 48, 108;
  --bs-linkedin: #0077b5;
  --bs-linkedin-rgb: 0, 119, 181;
  --bs-github: #444050;
  --bs-github-rgb: 68, 64, 80;
  --bs-dribbble: #ea4c89;
  --bs-dribbble-rgb: 234, 76, 137;
  --bs-pinterest: #cb2027;
  --bs-pinterest-rgb: 203, 32, 39;
  --bs-slack: #4a154b;
  --bs-slack-rgb: 74, 21, 75;
  --bs-reddit: #ff4500;
  --bs-reddit-rgb: 255, 69, 0;
  --bs-youtube: #f00;
  --bs-youtube-rgb: 255, 0, 0;
  --bs-vimeo: #1ab7ea;
  --bs-vimeo-rgb: 26, 183, 234;
}

/* (C) */
/* Utilities
****************************************************************************** */
.row-bordered {
  overflow: hidden;
}
.row-bordered > .col,
.row-bordered > [class^=col-],
.row-bordered > [class*=" col-"],
.row-bordered > [class^="col "],
.row-bordered > [class*=" col "],
.row-bordered > [class$=" col"],
.row-bordered > [class=col] {
  position: relative;
  padding-block-start: 1px;
}
.row-bordered > .col::before,
.row-bordered > [class^=col-]::before,
.row-bordered > [class*=" col-"]::before,
.row-bordered > [class^="col "]::before,
.row-bordered > [class*=" col "]::before,
.row-bordered > [class$=" col"]::before,
.row-bordered > [class=col]::before {
  position: absolute;
  display: block;
  block-size: 0;
  border-block-start: 1px solid var(--bs-border-color);
  content: "";
  inset-block-end: -1px;
  inset-inline: 0;
}
.row-bordered > .col::after,
.row-bordered > [class^=col-]::after,
.row-bordered > [class*=" col-"]::after,
.row-bordered > [class^="col "]::after,
.row-bordered > [class*=" col "]::after,
.row-bordered > [class$=" col"]::after,
.row-bordered > [class=col]::after {
  position: absolute;
  display: block;
  border-inline-start: 1px solid var(--bs-border-color);
  content: "";
  inline-size: 0;
  inset-block: 0;
  inset-inline-start: -1px;
}
.row-bordered.row-border-light > .col::before, .row-bordered.row-border-light > .col::after,
.row-bordered.row-border-light > [class^=col-]::before,
.row-bordered.row-border-light > [class^=col-]::after,
.row-bordered.row-border-light > [class*=" col-"]::before,
.row-bordered.row-border-light > [class*=" col-"]::after,
.row-bordered.row-border-light > [class^="col "]::before,
.row-bordered.row-border-light > [class^="col "]::after,
.row-bordered.row-border-light > [class*=" col "]::before,
.row-bordered.row-border-light > [class*=" col "]::after,
.row-bordered.row-border-light > [class$=" col"]::before,
.row-bordered.row-border-light > [class$=" col"]::after,
.row-bordered.row-border-light > [class=col]::before,
.row-bordered.row-border-light > [class=col]::after {
  border-color: #eaeaec;
}


.text-heading[href]:hover {
  color: var(--bs-primary) !important;
}

.icon-base {
  block-size: var(--bs-icon-size);
  font-size: var(--bs-icon-size);
  inline-size: var(--bs-icon-size);
  line-height: 1;
  vertical-align: middle;
}

.icon-sm, .icon-sm::before {
  block-size: var(--bs-icon-size-sm);
  font-size: var(--bs-icon-size-sm);
  inline-size: var(--bs-icon-size-sm);
}
:dir(rtl) .rotate {
  --bs-rotate-90: rotate(-90deg);
  --bs-rotate-270: rotate(-270deg);
  --bs-rotate-n90: rotate(90deg);
  --bs-rotate-n270: rotate(270deg);
}

/* The color-scheme CSS property https://web.dev/color-scheme/ */
:root {
  --prefix: bs-;
  --bs-pure-black: #000;
  --bs-pure-black-rgb: 0, 0, 0;
  --bs-icon-size: 1.25rem;
  --bs-icon-size-xs: 1rem;
  --bs-icon-size-sm: 1.125rem;
  --bs-icon-size-md: 1.375rem;
  --bs-icon-size-lg: 1.5rem;
  --bs-icon-size-xl: 2rem;
  --bs-primary-contrast: var(--bs-white);
  --bs-secondary-contrast: var(--bs-white);
  --bs-success-contrast: var(--bs-white);
  --bs-info-contrast: var(--bs-white);
  --bs-warning-contrast: var(--bs-white);
  --bs-danger-contrast: var(--bs-white);
  --bs-light-contrast: var(--bs-black);
  --bs-dark-contrast: var(--bs-white);
  --bs-gray-contrast: var(--bs-white);
  --bs-facebook-contrast: var(--bs-white);
  --bs-twitter-contrast: var(--bs-white);
  --bs-google-plus-contrast: var(--bs-white);
  --bs-instagram-contrast: var(--bs-white);
  --bs-linkedin-contrast: var(--bs-white);
  --bs-github-contrast: var(--bs-white);
  --bs-dribbble-contrast: var(--bs-white);
  --bs-pinterest-contrast: var(--bs-white);
  --bs-slack-contrast: var(--bs-white);
  --bs-reddit-contrast: var(--bs-white);
  --bs-youtube-contrast: var(--bs-white);
  --bs-vimeo-contrast: var(--bs-white);
}

:root,
[data-bs-theme=light] {
  --bs-bg-label-tint-amount: 84%;
  --bs-border-subtle-amount: 61%;
  --bs-base-color: #2f2b3d;
  --bs-base-color-rgb: 47, 43, 61;
  --bs-paper-bg: #fff;
  --bs-paper-bg-rgb: 255, 255, 255;
  --bs-min-contrast-ratio: 1.7;
  --bs-box-shadow: 0 0.1875rem 0.75rem 0 rgba(47, 43, 61, 0.14);
  --bs-box-shadow-xs: 0 0.0625rem 0.375rem 0 rgba(47, 43, 61, 0.1);
  --bs-box-shadow-sm: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
  --bs-box-shadow-lg: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
  --bs-box-shadow-xl: 0 0.3125rem 1.875rem 0 rgba(47, 43, 61, 0.18);
  --bs-floating-component-shadow: 0 0.31rem 1.25rem 0 #acaab1;
  --bs-custom-link-color: var(--bs-primary);
  --bs-navbar-bg: var(--bs-paper-bg);
  --bs-navbar-box-shadow: 0 0 10px var(--bs-border-color);
  --bs-navbar-border-width: 1px;
  --bs-navbar-border-color: var(--bs-paper-bg);
  --bs-menu-header-color: var(--bs-heading-color);
  --bs-nav-box-shadow: var(--bs-box-shadow);
  --bs-nav-border-color: var(--bs-paper-bg);
}

/*
? styles specifically for apex-chart dark variant */

/* The color-scheme CSS property https://web.dev/color-scheme/ */
:root,
[data-bs-theme=light] {
  /* Bordered Skin Variables */
}

/* Bordered Skin Variables */

/* Reboot */
b,
strong {
  font-weight: 700;
}

a {
  color: var(--bs-custom-link-color);
}
a:hover {
  color: color-mix(in sRGB, var(--bs-custom-link-color) 80%, var(--bs-base-color));
}
a:not([href]), a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

/* Autofill input bg and text color issue on different OS and browsers */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:-internal-autofill-selected {
  background-clip: text !important;
}

h1, .h1 {
  line-height: 4.25rem;
}

h2, .h2 {
  line-height: 3.5rem;
}

h3, .h3 {
  line-height: 2.625rem;
}

h4, .h4 {
  line-height: 2.375rem;
}

h5, .h5 {
  line-height: 1.75rem;
}

h6, .h6 {
  line-height: 1.375rem;
}

/* Type */

.list-unstyled {
  padding-inline-start: 0;
}

/* Tables
******************************************************************************** */
/* ios fix for drodown-menu being clipped off when used in tables */

/* Firefox fix for table head border bottom */
.table > :not(caption) > * > * {
  background-clip: padding-box;
}
.table .btn-icon,
.table .btn:not([class*=btn-]) {
  color: var(--bs-table-color);
}
.table th {
  color: var(--bs-heading-color);
  font-size: 0.8125rem;
  letter-spacing: 0.2px;
  text-transform: uppercase;
}
.table:not(.table-borderless):not(.dataTable) thead th {
  border-block-start-width: var(--bs-border-width);
}
.card .table {
  margin-block-end: 0;
}
.table thead tr th {
  padding-block: 1rem;
  padding-inline-end: 1rem;
}

/* class for to remove table border bottom */

/* Labels
******************************************************************************* */
.form-label,
.col-form-label {
  color: var(--bs-heading-color);
}

.col-form-label {
  white-space: nowrap;
}

/* Default (vertical ) form label size */

/* Form Text
******************************************************************************* */
/* Form control
******************************************************************************* */
.form-control {
  /*
  ? Form control (all size) padding calc due to border increase on focus */
  padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline: calc(0.9375rem - var(--bs-border-width));
}
.form-control::placeholder, .form-control:focus::placeholder {
  transition: all ease 0.2s;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::placeholder, .form-control:focus::placeholder {
    transition: none;
  }
}
.form-control:hover:not(:focus):not(.tagify--focus) {
  border-color: var(--bs-gray-600);
}
.input-group .form-control[type=number] {
  line-height: 1.375rem;
  min-block-size: 2.375rem;
}
.input-group-lg .form-control[type=number] {
  line-height: 1.5rem;
  min-block-size: 3rem;
}
.form-control:not([readonly]):focus::placeholder {
  transform: translateX(4px);
}
:dir(rtl) .form-control:not([readonly]):focus::placeholder {
  transform: translateX(-4px);
}
.form-control:focus {
  border-width: 2px;
  padding-block: calc(0.426rem - 2px);
  padding-inline: calc(0.9375rem - 2px);
}
.form-control:focus::file-selector-button {
  box-shadow: var(--bs-border-width) 0 0 var(--bs-primary);
}
.form-control.form-control-sm {
  padding-block: calc(0.215rem - var(--bs-border-width));
  padding-inline: calc(0.75rem - var(--bs-border-width));
}
.form-control.form-control-sm:focus {
  padding-block: calc(0.215rem - 2px);
  padding-inline: calc(0.75rem - 2px);
}
.form-control.form-control-sm::file-selector-button {
  margin-block: -0.2775rem;
  padding-block: 0.2775rem;
}

/* RTL */
:dir(rtl) input[type=tel] {
  text-align: end;
}

/* Select
******************************************************************************* */
.form-select {
  background-clip: padding-box;
  padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline-end: calc(2.625rem - var(--bs-border-width));
  padding-inline-start: calc(0.9375rem - var(--bs-border-width));
}

.form-select option {
  background-color: var(--bs-paper-bg);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-inline-end: 0.9375rem;
}
.form-select:hover:not(:focus):not(:disabled) {
  border-color: var(--bs-gray-600);
}
.form-select:disabled {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23acaab1" fill-opacity="0.9"/%3e%3c/svg%3e');
}
.form-select:focus, .form-select:focus-within {
  border-width: 2px;
  background-position: right calc(0.9375rem - 1px) center;
  padding-block: calc(0.426rem - 2px);
  padding-inline-end: calc(2.625rem - 2px);
  padding-inline-start: calc(0.9375rem - 2px);
}
.form-select[multiple]:focus {
  padding-inline-end: 0.875rem !important;
}

/* RTL */
:dir(rtl) .form-select {
  background-position: left 0.9375rem center;
}
:dir(rtl) .form-select:focus {
  background-position: left calc(0.9375rem - 1px) center;
}

/* Dark Theme */

/* Checkboxes and Radios
******************************************************************************* */

.form-check-input {
  --bs-form-check-input-checked-bg: var(--bs-primary);
  --bs-form-check-input-checked-border-color: var(--bs-primary);
  --bs-form-check-shadow-color: var(--bs-primary-rgb);
  --bs-form-check-box-shadow: 0 .125rem .375rem 0 rgba(var(--bs-form-check-shadow-color), .3);
  cursor: pointer;
}
.form-check-input:disabled {
  --bs-form-check-bg: var(--bs-gray-300);
  border-color: var(--bs-gray-300);
}
.form-check-input:checked {
  border-color: var(--bs-form-check-input-checked-border-color);
  background-color: var(--bs-form-check-input-checked-bg);
  box-shadow: var(--bs-form-check-box-shadow);
}
.form-check-input[type=checkbox]:indeterminate {
  border-color: var(--bs-form-check-input-checked-border-color);
  background-color: var(--bs-form-check-input-checked-bg);
  box-shadow: var(--bs-form-check-box-shadow);
}
.form-check-input:active {
  filter: none;
}

/* Only for checkbox and radio (not for bs default switch)
? .dt-checkboxes-cell class is used for DataTables checkboxes */

/* Generate contextual modifier classes for colorizing the form check */

/* Range select
******************************************************************************* */

/* Input groups
******************************************************************************* */
/* Using :focus-within to apply focus/validation border and shadow to default and merged input-group */
.input-group {
  --bs-input-group-addon-border-color: color-mix(in sRGB, var(--bs-base-color) 22%, var(--bs-paper-bg));
  --bs-input-group-disabled-border-color: color-mix(in sRGB, var(--bs-base-color) 24%, var(--bs-paper-bg));
  border-radius: var(--bs-border-radius);
  /*
  ? Info :focus-within to apply focus/validation border and shadow to default and merged input & input-group */
}
.input-group:has(.form-check-input):not(:has(.dropdown-toggle)) {
  z-index: 1;
}
.input-group:has(.form-check-input):not(:has(.dropdown-toggle))::before {
  z-index: -1;
}
.input-group .input-group-text {
  border-color: var(--bs-input-group-addon-border-color);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group .input-group-text {
    transition: none;
  }
}
.input-group .form-control:focus, .input-group .form-control:focus-within,
.input-group .form-select:focus,
.input-group .form-select:focus-within,
.input-group .input-group-text:focus,
.input-group .input-group-text:focus-within {
  border-width: var(--bs-border-width);
}
.input-group .form-control, .input-group .form-control:focus, .input-group .form-control:focus-within,
.input-group .input-group-text,
.input-group .input-group-text:focus,
.input-group .input-group-text:focus-within {
  padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline: calc(0.9375rem - var(--bs-border-width));
}
.input-group .form-select, .input-group .form-select:focus, .input-group .form-select:focus-within {
  background-position: right 0.9375rem center;
  padding-block: calc(0.426rem - var(--bs-border-width));
  padding-inline-end: calc(2.625rem - var(--bs-border-width));
  padding-inline-start: calc(0.9375rem - var(--bs-border-width));
}
:dir(rtl) .input-group .form-select, :dir(rtl) .input-group .form-select:focus, :dir(rtl) .input-group .form-select:focus-within {
  background-position: left 0.9375rem center;
}
.input-group.input-group-lg .form-control, .input-group.input-group-lg .form-control:focus, .input-group.input-group-lg .form-control:focus-within,
.input-group.input-group-lg .input-group-text,
.input-group.input-group-lg .input-group-text:focus,
.input-group.input-group-lg .input-group-text:focus-within {
  padding-block: 0.575rem;
  padding-inline: calc(1rem - var(--bs-border-width));
}
.input-group.input-group-lg .form-select, .input-group.input-group-lg .form-select:focus, .input-group.input-group-lg .form-select:focus-within {
  background-position: right 1rem center;
  padding-block: 0.575rem;
  padding-inline: 1rem;
  padding-inline-start: calc(1rem - var(--bs-border-width));
}
:dir(rtl) .input-group.input-group-lg .form-select, :dir(rtl) .input-group.input-group-lg .form-select:focus, :dir(rtl) .input-group.input-group-lg .form-select:focus-within {
  background-position: left 1rem center;
}
.input-group::before {
  position: absolute;
  display: block;
  block-size: 100%;
  content: "";
  inline-size: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-radius: var(--bs-border-radius);
}
.input-group.input-group-lg, .input-group.input-group-lg::before {
  border-radius: var(--bs-border-radius-lg);
}
.input-group > .form-control + .btn:has(+ .btn.dropdown-toggle-split):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-group > .form-control ~ .btn:last-child:not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-inline-end: calc(-1 * var(--bs-border-width));
}
.input-group:hover .input-group-text,
.input-group:hover .form-control,
.input-group:hover .form-select {
  border-color: var(--bs-gray-600);
}
.input-group:focus-within, .input-group:focus {
  box-shadow: 0 0 0 var(--bs-border-width) var(--bs-primary);
}
.input-group:focus-within::before, .input-group:focus::before {
  box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--bs-primary-rgb), 0.3);
}
.input-group:focus-within:not(.input-group-merge) .form-control,
.input-group:focus-within:not(.input-group-merge) .form-select,
.input-group:focus-within:not(.input-group-merge) .input-group-text,
.input-group:focus-within:not(.input-group-merge) .btn,
.input-group:focus-within:not(.input-group-merge) .form-control::file-selector-button, .input-group:focus:not(.input-group-merge) .form-control,
.input-group:focus:not(.input-group-merge) .form-select,
.input-group:focus:not(.input-group-merge) .input-group-text,
.input-group:focus:not(.input-group-merge) .btn,
.input-group:focus:not(.input-group-merge) .form-control::file-selector-button {
  box-shadow: var(--bs-border-width) 0 0 var(--bs-primary);
}
.input-group:focus-within .input-group-text,
.input-group:focus-within .form-control,
.input-group:focus-within .form-select, .input-group:focus .input-group-text,
.input-group:focus .form-control,
.input-group:focus .form-select {
  border-color: var(--bs-primary);
}
.input-group:focus-within .input-group-text:hover,
.input-group:focus-within .form-control:hover,
.input-group:focus-within .form-select:hover, .input-group:focus .input-group-text:hover,
.input-group:focus .form-control:hover,
.input-group:focus .form-select:hover {
  border-color: var(--bs-primary);
}
.input-group.input-group-merge > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-inline: 0;
}
.input-group.input-group-merge:not(.disabled) > :not(:first-child):not(.dropdown-menu):not(.btn):not(.dropdown-menu + .form-control):not(.btn + .form-control):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-inline-start: -2px;
}
.input-group.input-group-merge .input-group-text, .input-group.input-group-merge .input-group-text:focus, .input-group.input-group-merge .input-group-text:focus-within,
.input-group.input-group-merge .form-control,
.input-group.input-group-merge .form-control:focus,
.input-group.input-group-merge .form-control:focus-within,
.input-group.input-group-merge .form-select,
.input-group.input-group-merge .form-select:focus,
.input-group.input-group-merge .form-select:focus-within {
  box-shadow: none;
}
.input-group.input-group-merge .input-group-text:first-child,
.input-group.input-group-merge .form-control:first-child,
.input-group.input-group-merge .form-select:first-child {
  border-inline-end: 0;
}
.input-group.input-group-merge .input-group-text:last-child,
.input-group.input-group-merge .form-control:last-child,
.input-group.input-group-merge .form-select:last-child {
  border-inline-start: 0;
}
.input-group.input-group-merge .input-group-text:not(:first-child),
.input-group.input-group-merge .form-control:not(:first-child),
.input-group.input-group-merge .form-select:not(:first-child) {
  border-inline-start: 0;
  padding-inline-start: 0;
}
.input-group.input-group-merge .input-group-text:not(:last-child),
.input-group.input-group-merge .form-control:not(:last-child),
.input-group.input-group-merge .form-select:not(:last-child) {
  border-inline-end: 0;
}
.input-group.input-group-merge.disabled, .input-group.input-group-merge[disabled] {
  margin-inline: 0 !important;
}
.input-group.disabled .input-group-text,
.input-group.disabled .form-control,
.input-group.disabled .form-select, .input-group[disabled] .input-group-text,
.input-group[disabled] .form-control,
.input-group[disabled] .form-select {
  border-color: var(--bs-input-group-disabled-border-color);
  background-color: var(--bs-gray-50);
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.input-group.disabled .form-select, .input-group[disabled] .form-select {
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"%3e%3cpath d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23acaab1" fill-opacity="0.9"/%3e%3c/svg%3e');
}

/* input-group-text icon size */
.input-group-text {
  background-clip: padding-box;
  /* Adding transition (On focus border color change) */
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group-text {
    transition: none;
  }
}

.input-group-lg > .input-group-text .icon-base {
  block-size: 1.375rem;
  font-size: 1.375rem;
  inline-size: 1.375rem;
}

/* RTL theme */
:dir(Rtl) .input-group > :not(:first-child, .dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-inline-end: 0;
}
:dir(Rtl) .input-group > .btn:has(+ .btn):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-inline-end: -1px;
}

/* Dark Theme */

/* Floating Labels
******************************************************************************* */
/* Display placeholder on focus */

/* Validation states
******************************************************************************* */
/* Currently supported for form-validation and jq-validation */
form {
  --bs-form-validation-shadow: none;
  --bs-form-validation-border-color: var(--bs-form-invalid-border-color);
}
form .error:not(li):not(input) {
  color: #ff4c51;
  font-size: 85%;
  margin-block-start: 0.25rem;
}
form .form-label.invalid {
  border-width: 2px;
  border-color: #ff4c51;
  box-shadow: 0 0 0 2px rgba(255, 76, 81, 0.4);
}

form .input-group:has(.is-invalid) {
  --bs-form-validation-border-color: var(--bs-form-invalid-border-color);
}

form .input-group:has(.is-valid) {
  --bs-form-validation-border-color: var(--bs-form-valid-border-color);
}

form .input-group:has(.is-invalid),
form .input-group:has(.is-valid) {
  box-shadow: 0 0 0 var(--bs-border-width) var(--bs-form-validation-border-color);
}

form .input-group:has(.is-invalid) .input-group-text,
form .input-group:has(.is-invalid) .input-group-text:focus,
form .input-group:has(.is-invalid) .input-group-text:focus-within,
form .input-group:has(.is-invalid) .form-control ~ .input-group-text,
form .input-group:has(.is-invalid) .form-control ~ .input-group-text:focus,
form .input-group:has(.is-invalid) .form-control ~ .input-group-text:focus-within,
form .input-group:has(.is-invalid) .form-control,
form .input-group:has(.is-invalid) .form-control:focus,
form .input-group:has(.is-invalid) .form-control:focus-within,
form .input-group:has(.is-invalid) .form-control:hover,
form .input-group:has(.is-invalid) .form-control:hover:focus,
form .input-group:has(.is-invalid) .form-control:hover:focus-within,
form .input-group:has(.is-invalid) .form-select,
form .input-group:has(.is-invalid) .form-select:focus,
form .input-group:has(.is-invalid) .form-select:focus-within,
form .input-group:has(.is-valid) .input-group-text,
form .input-group:has(.is-valid) .input-group-text:focus,
form .input-group:has(.is-valid) .input-group-text:focus-within,
form .input-group:has(.is-valid) .form-control ~ .input-group-text,
form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus,
form .input-group:has(.is-valid) .form-control ~ .input-group-text:focus-within,
form .input-group:has(.is-valid) .form-control,
form .input-group:has(.is-valid) .form-control:focus,
form .input-group:has(.is-valid) .form-control:focus-within,
form .input-group:has(.is-valid) .form-control:hover,
form .input-group:has(.is-valid) .form-control:hover:focus,
form .input-group:has(.is-valid) .form-control:hover:focus-within,
form .input-group:has(.is-valid) .form-select,
form .input-group:has(.is-valid) .form-select:focus,
form .input-group:has(.is-valid) .form-select:focus-within {
  border-width: var(--bs-border-width);
  border-color: var(--bs-form-validation-border-color);
}

form .input-group:has(.is-invalid)::before,
form .input-group:has(.is-valid)::before {
  box-shadow: var(--bs-form-validation-shadow);
}

.btn {
  --bs-btn-box-shadow-rgb: transparent;
  --bs-btn-focus-shadow-rgb: transparent;
  --bs-btn-active-shadow-rgb: transparent;
  --bs-btn-box-shadow: 0 .125rem .375rem rgba(var(--bs-btn-box-shadow-rgb), .3);
  --bs-btn-focus-box-shadow: 0 .125rem .375rem rgba(var(--bs-btn-focus-shadow-rgb), .3);
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: 0 .125rem .375rem rgba(var(--bs-btn-active-shadow-rgb), .3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--bs-btn-box-shadow);
  /* Table Action Dropdown fix */
  /* Buttons Variant */
  /* Label */
  /* Outline */
  /* Text */
}
.btn-group .btn, .input-group .btn {
  border-inline-end: var(--bs-border-width) solid var(--bs-btn-group-border-color);
  border-inline-start: var(--bs-border-width) solid var(--bs-btn-group-border-color);
}
.btn-group-vertical .btn {
  border-block-end: var(--bs-border-width) solid var(--bs-btn-group-border-color);
  border-block-start: var(--bs-border-width) solid var(--bs-btn-group-border-color);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active:not([class*=btn-label-]), .btn:first-child:active:not([class*=btn-label-]), .btn.active:not([class*=btn-label-]), .btn.show {
  box-shadow: var(--bs-btn-active-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  box-shadow: none;
}
.btn:focus {
  --bs-btn-color: var(--bs-btn-active-color);
  --bs-btn-bg: var(--bs-btn-active-bg);
}
.btn:not([class*=btn-]):active, .btn:not([class*=btn-]).active, .btn:not([class*=btn-]).show, .btn:not([class*=btn-]) {
  --bs-btn-border-width: 0;
}
.btn[class*=btn-label-] {
  --bs-btn-box-shadow: none;
}
.btn[class*=btn-label-]:focus {
  --bs-btn-color: var(--bs-btn-active-color);
  --bs-btn-bg: var(--bs-btn-active-bg);
}
.btn[class*=btn-label-]:focus-visible {
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-box-shadow: none;
}
.btn[class*=btn-label-].show {
  --bs-btn-active-shadow: none;
}
.btn[class*=btn-outline-] .badge {
  --bs-badge-bg-color: var(--bs-btn-hover-bg);
  --bs-badge-color: var(--bs-btn-hover-color);
}
.btn[class*=btn-outline-]:hover .badge:not([class*=badge-outline]), .btn[class*=btn-outline-]:focus:hover .badge:not([class*=badge-outline]), .btn[class*=btn-outline-]:focus:not(:hover) .badge:not([class*=badge-outline]), .btn[class*=btn-outline-]:active .badge:not([class*=badge-outline]), .btn[class*=btn-outline-].active .badge:not([class*=badge-outline]), .show > .btn[class*=btn-outline-].dropdown-toggle .badge:not([class*=badge-outline]) {
  --bs-badge-bg-color: var(--bs-btn-hover-color);
  --bs-badge-color: var(--bs-btn-badge-color);
}
.btn.btn-white {
  --bs-btn-bg: var(--bs-white);
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-border-color: var(--bs-white);
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: var(--bs-btn-bg);
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-hover-border-color);
  --bs-btn-box-shadow-rgb: var(--bs-white-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-btn-box-shadow-rgb);
}
.btn[class*=btn-text-] {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
}
.btn[class*=btn-]:active:not([class*=btn-text]):not(.dropdown-toggle), .btn[class*=btn-].active:not([class*=btn-text]):not(.dropdown-toggle) {
  transform: scale(0.98);
  transition: all 0.135s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn[class*=btn-]:active:not([class*=btn-text]):not(.dropdown-toggle), .btn[class*=btn-].active:not([class*=btn-text]):not(.dropdown-toggle) {
    transition: none;
  }
}
.btn:not(.dropdown-toggle):not([class*=btn-text-]) {
  transform: scale(1.001);
  transition: all 0.135s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn:not(.dropdown-toggle):not([class*=btn-text-]) {
    transition: none;
  }
}

/* Badge within button */
.btn .badge {
  transition: all 0.2s ease-in-out;
  inset-block-start: 0;
}
@media (prefers-reduced-motion: reduce) {
  .btn .badge {
    transition: none;
  }
}

label.btn {
  margin-block-end: 0;
}

/* Button Sizes */
.btn-xl, .btn-group-xl > .btn {
  --bs-btn-padding-y: 0.809rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-font-size: 1.1875rem;
  --bs-btn-border-radius: 0.625rem;
}

.btn-sm, .btn-group-sm > .btn {
  line-height: 1.375;
}

.btn-xs, .btn-group-xs > .btn {
  --bs-btn-padding-y: 0.153rem;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-font-size: 0.6875rem;
  --bs-btn-border-radius: 0.125rem;
}

/* Icon button */
.btn-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: calc(2.2514625rem + calc(var(--bs-border-width) * 2));
  font-size: 1.2890625rem;
  inline-size: calc(2.2514625rem + calc(var(--bs-border-width) * 2));
}
.btn-icon .icon-base {
  block-size: 1.2890625rem;
  font-size: 1.2890625rem;
  inline-size: 1.2890625rem;
}
.btn-icon.btn-xl, .btn-group-xl > .btn-icon.btn {
  block-size: calc(3.2508125rem + calc(var(--bs-border-width) * 2));
  inline-size: calc(3.2508125rem + calc(var(--bs-border-width) * 2));
}
.btn-icon.btn-xl .icon-base, .btn-group-xl > .btn-icon.btn .icon-base {
  block-size: 1.6328125rem;
  font-size: 1.6328125rem;
  inline-size: 1.6328125rem;
}
.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
  block-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2));
  font-size: 1.4609375rem;
  inline-size: calc(2.8769375rem + calc(var(--bs-border-width) * 2));
}
.btn-icon.btn-lg .icon-base, .btn-group-lg > .btn-icon.btn .icon-base {
  block-size: 1.4609375rem;
  font-size: 1.4609375rem;
  inline-size: 1.4609375rem;
}
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  block-size: calc(1.7511875rem + calc(var(--bs-border-width) * 2));
  font-size: 0.8125rem;
  inline-size: calc(1.7511875rem + calc(var(--bs-border-width) * 2));
}
.btn-icon.btn-sm .icon-base, .btn-group-sm > .btn-icon.btn .icon-base {
  block-size: 0.8125rem;
  font-size: 0.8125rem;
  inline-size: 0.8125rem;
}
.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn {
  block-size: calc(1.2513125rem + calc(var(--bs-border-width) * 2));
  font-size: 0.6875rem;
  inline-size: calc(1.2513125rem + calc(var(--bs-border-width) * 2));
}
.btn-icon.btn-xs .icon-base, .btn-group-xs > .btn-icon.btn .icon-base {
  block-size: 0.6875rem;
  font-size: 0.6875rem;
  inline-size: 0.6875rem;
}

/* Link buttons */
.btn.btn-link {
  font-size: inherit;
}

.btn-pinned {
  position: absolute;
  inset-block-start: 1.25rem;
  inset-inline-end: 1.23rem;
}

/* Button focus */
button:focus,
button:focus-visible {
  outline: 0;
}

/* Generate contextual modifier classes for colorizing the button */
/* The $custom-theme-colors variable is used to ensure that the colors for the social buttons
 come from a separate array. To achieve this, both the $custom-colors and $theme-colors
 arrays are merged in the _color.scss file. */
/* Default */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-color: var(--bs-primary-contrast);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-primary-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-disabled-color: var(--bs-primary-contrast);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-primary));
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
}

/* Label */
.btn-label-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-primary));
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
}

/* Outline */
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-badge-color: var(--bs-primary-contrast);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-group-border-color: var(--bs-primary);
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
}

/* Text */
.btn-text-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-group-border-color: var(--bs-primary);
  --bs-btn-waves-effect-color: var(--bs-primary-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-primary);
}

/* Default */
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-color: var(--bs-secondary-contrast);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-secondary-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-disabled-color: var(--bs-secondary-contrast);
  --bs-btn-disabled-bg: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-secondary));
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
}

/* Label */
.btn-label-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-secondary-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-secondary));
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
}

/* Outline */
.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-badge-color: var(--bs-secondary-contrast);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-group-border-color: var(--bs-secondary);
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
}

/* Text */
.btn-text-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-group-border-color: var(--bs-secondary);
  --bs-btn-waves-effect-color: var(--bs-secondary-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-secondary);
}

/* Default */
.btn-success {
  --bs-btn-bg: var(--bs-success);
  --bs-btn-color: var(--bs-success-contrast);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-success));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-success-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-success));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-disabled-color: var(--bs-success-contrast);
  --bs-btn-disabled-bg: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-success));
  --bs-btn-waves-effect-color: var(--bs-success-rgb);
}

/* Label */
.btn-label-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-success);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-success));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-success);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-success));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-success-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-success));
  --bs-btn-waves-effect-color: var(--bs-success-rgb);
}

/* Outline */
.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-badge-color: var(--bs-success-contrast);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-success);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
  --bs-btn-group-border-color: var(--bs-success);
  --bs-btn-waves-effect-color: var(--bs-success-rgb);
}

/* Text */
.btn-text-success {
  --bs-btn-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-success);
  --bs-btn-active-color: var(--bs-success);
  --bs-btn-group-border-color: var(--bs-success);
  --bs-btn-waves-effect-color: var(--bs-success-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-success));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-success);
}

/* Default */
.btn-info {
  --bs-btn-bg: var(--bs-info);
  --bs-btn-color: var(--bs-info-contrast);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-info));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-info-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-info));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-disabled-color: var(--bs-info-contrast);
  --bs-btn-disabled-bg: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-info));
  --bs-btn-waves-effect-color: var(--bs-info-rgb);
}

/* Label */
.btn-label-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-info);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-info));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-info);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-info));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-info-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-info));
  --bs-btn-waves-effect-color: var(--bs-info-rgb);
}

/* Outline */
.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-badge-color: var(--bs-info-contrast);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-info);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
  --bs-btn-group-border-color: var(--bs-info);
  --bs-btn-waves-effect-color: var(--bs-info-rgb);
}

/* Text */
.btn-text-info {
  --bs-btn-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-info);
  --bs-btn-active-color: var(--bs-info);
  --bs-btn-group-border-color: var(--bs-info);
  --bs-btn-waves-effect-color: var(--bs-info-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-info));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-info);
}

/* Default */
.btn-warning {
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-color: var(--bs-warning-contrast);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-warning));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-warning-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-warning));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-disabled-color: var(--bs-warning-contrast);
  --bs-btn-disabled-bg: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-warning));
  --bs-btn-waves-effect-color: var(--bs-warning-rgb);
}

/* Label */
.btn-label-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-warning);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-warning));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-warning);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-warning));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-warning-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-warning));
  --bs-btn-waves-effect-color: var(--bs-warning-rgb);
}

/* Outline */
.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-badge-color: var(--bs-warning-contrast);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-warning);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
  --bs-btn-group-border-color: var(--bs-warning);
  --bs-btn-waves-effect-color: var(--bs-warning-rgb);
}

/* Text */
.btn-text-warning {
  --bs-btn-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-warning);
  --bs-btn-active-color: var(--bs-warning);
  --bs-btn-group-border-color: var(--bs-warning);
  --bs-btn-waves-effect-color: var(--bs-warning-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-warning));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-warning);
}

/* Default */
.btn-danger {
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-color: var(--bs-danger-contrast);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-danger-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-disabled-color: var(--bs-danger-contrast);
  --bs-btn-disabled-bg: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-danger));
  --bs-btn-waves-effect-color: var(--bs-danger-rgb);
}

/* Label */
.btn-label-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-danger);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-danger));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-danger);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-danger-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-danger));
  --bs-btn-waves-effect-color: var(--bs-danger-rgb);
}

/* Outline */
.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-badge-color: var(--bs-danger-contrast);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-danger);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
  --bs-btn-group-border-color: var(--bs-danger);
  --bs-btn-waves-effect-color: var(--bs-danger-rgb);
}

/* Text */
.btn-text-danger {
  --bs-btn-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-danger);
  --bs-btn-active-color: var(--bs-danger);
  --bs-btn-group-border-color: var(--bs-danger);
  --bs-btn-waves-effect-color: var(--bs-danger-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-danger);
}

/* Default */
.btn-light {
  --bs-btn-bg: var(--bs-light);
  --bs-btn-color: var(--bs-light-contrast);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-light-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-light));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-light-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-light));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-disabled-color: var(--bs-light-contrast);
  --bs-btn-disabled-bg: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-light));
  --bs-btn-waves-effect-color: var(--bs-light-rgb);
}

/* Label */
.btn-label-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-light);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-light));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-light);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-light));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-light-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-light));
  --bs-btn-waves-effect-color: var(--bs-light-rgb);
}

/* Outline */
.btn-outline-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-badge-color: var(--bs-light-contrast);
  --bs-btn-border-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-light);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-light);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
  --bs-btn-group-border-color: var(--bs-light);
  --bs-btn-waves-effect-color: var(--bs-light-rgb);
}

/* Text */
.btn-text-light {
  --bs-btn-color: var(--bs-light);
  --bs-btn-hover-color: var(--bs-light);
  --bs-btn-active-color: var(--bs-light);
  --bs-btn-group-border-color: var(--bs-light);
  --bs-btn-waves-effect-color: var(--bs-light-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-light));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-light);
}

/* Default */
.btn-dark {
  --bs-btn-bg: var(--bs-dark);
  --bs-btn-color: var(--bs-dark-contrast);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dark));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-dark-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dark));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-disabled-color: var(--bs-dark-contrast);
  --bs-btn-disabled-bg: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dark));
  --bs-btn-waves-effect-color: var(--bs-dark-rgb);
}

/* Label */
.btn-label-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-dark));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-dark));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-dark-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-dark));
  --bs-btn-waves-effect-color: var(--bs-dark-rgb);
}

/* Outline */
.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-badge-color: var(--bs-dark-contrast);
  --bs-btn-border-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
  --bs-btn-group-border-color: var(--bs-dark);
  --bs-btn-waves-effect-color: var(--bs-dark-rgb);
}

/* Text */
.btn-text-dark {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-group-border-color: var(--bs-dark);
  --bs-btn-waves-effect-color: var(--bs-dark-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dark));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-dark);
}

/* Default */
.btn-gray {
  --bs-btn-bg: var(--bs-gray);
  --bs-btn-color: var(--bs-gray-contrast);
  --bs-btn-border-color: var(--bs-gray);
  --bs-btn-hover-color: var(--bs-gray-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-gray));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-gray-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-gray));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-gray-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-gray-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-gray-rgb);
  --bs-btn-disabled-color: var(--bs-gray-contrast);
  --bs-btn-disabled-bg: var(--bs-gray);
  --bs-btn-disabled-border-color: var(--bs-gray);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-gray));
  --bs-btn-waves-effect-color: var(--bs-gray-rgb);
}

/* Label */
.btn-label-gray {
  --bs-btn-color: var(--bs-gray);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-gray);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-gray));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-gray);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-gray));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-gray-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-gray-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-gray));
  --bs-btn-waves-effect-color: var(--bs-gray-rgb);
}

/* Outline */
.btn-outline-gray {
  --bs-btn-color: var(--bs-gray);
  --bs-btn-badge-color: var(--bs-gray-contrast);
  --bs-btn-border-color: var(--bs-gray);
  --bs-btn-hover-color: var(--bs-gray);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-gray);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-gray);
  --bs-btn-disabled-border-color: var(--bs-gray);
  --bs-btn-group-border-color: var(--bs-gray);
  --bs-btn-waves-effect-color: var(--bs-gray-rgb);
}

/* Text */
.btn-text-gray {
  --bs-btn-color: var(--bs-gray);
  --bs-btn-hover-color: var(--bs-gray);
  --bs-btn-active-color: var(--bs-gray);
  --bs-btn-group-border-color: var(--bs-gray);
  --bs-btn-waves-effect-color: var(--bs-gray-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-gray));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-gray);
}

/* Default */
.btn-facebook {
  --bs-btn-bg: var(--bs-facebook);
  --bs-btn-color: var(--bs-facebook-contrast);
  --bs-btn-border-color: var(--bs-facebook);
  --bs-btn-hover-color: var(--bs-facebook-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-facebook-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-facebook));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-facebook-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-facebook-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-facebook-rgb);
  --bs-btn-disabled-color: var(--bs-facebook-contrast);
  --bs-btn-disabled-bg: var(--bs-facebook);
  --bs-btn-disabled-border-color: var(--bs-facebook);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-facebook));
  --bs-btn-waves-effect-color: var(--bs-facebook-rgb);
}

/* Label */
.btn-label-facebook {
  --bs-btn-color: var(--bs-facebook);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-facebook));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-facebook);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-facebook));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-facebook);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-facebook));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-facebook-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-facebook-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-facebook));
  --bs-btn-waves-effect-color: var(--bs-facebook-rgb);
}

/* Outline */
.btn-outline-facebook {
  --bs-btn-color: var(--bs-facebook);
  --bs-btn-badge-color: var(--bs-facebook-contrast);
  --bs-btn-border-color: var(--bs-facebook);
  --bs-btn-hover-color: var(--bs-facebook);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-facebook);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-facebook);
  --bs-btn-disabled-border-color: var(--bs-facebook);
  --bs-btn-group-border-color: var(--bs-facebook);
  --bs-btn-waves-effect-color: var(--bs-facebook-rgb);
}

/* Text */
.btn-text-facebook {
  --bs-btn-color: var(--bs-facebook);
  --bs-btn-hover-color: var(--bs-facebook);
  --bs-btn-active-color: var(--bs-facebook);
  --bs-btn-group-border-color: var(--bs-facebook);
  --bs-btn-waves-effect-color: var(--bs-facebook-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-facebook));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-facebook);
}

/* Default */
.btn-twitter {
  --bs-btn-bg: var(--bs-twitter);
  --bs-btn-color: var(--bs-twitter-contrast);
  --bs-btn-border-color: var(--bs-twitter);
  --bs-btn-hover-color: var(--bs-twitter-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-twitter-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-twitter));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-twitter-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-twitter-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-twitter-rgb);
  --bs-btn-disabled-color: var(--bs-twitter-contrast);
  --bs-btn-disabled-bg: var(--bs-twitter);
  --bs-btn-disabled-border-color: var(--bs-twitter);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-twitter));
  --bs-btn-waves-effect-color: var(--bs-twitter-rgb);
}

/* Label */
.btn-label-twitter {
  --bs-btn-color: var(--bs-twitter);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-twitter));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-twitter);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-twitter));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-twitter);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-twitter));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-twitter-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-twitter-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-twitter));
  --bs-btn-waves-effect-color: var(--bs-twitter-rgb);
}

/* Outline */
.btn-outline-twitter {
  --bs-btn-color: var(--bs-twitter);
  --bs-btn-badge-color: var(--bs-twitter-contrast);
  --bs-btn-border-color: var(--bs-twitter);
  --bs-btn-hover-color: var(--bs-twitter);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-twitter);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-twitter);
  --bs-btn-disabled-border-color: var(--bs-twitter);
  --bs-btn-group-border-color: var(--bs-twitter);
  --bs-btn-waves-effect-color: var(--bs-twitter-rgb);
}

/* Text */
.btn-text-twitter {
  --bs-btn-color: var(--bs-twitter);
  --bs-btn-hover-color: var(--bs-twitter);
  --bs-btn-active-color: var(--bs-twitter);
  --bs-btn-group-border-color: var(--bs-twitter);
  --bs-btn-waves-effect-color: var(--bs-twitter-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-twitter));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-twitter);
}

/* Default */
.btn-google-plus {
  --bs-btn-bg: var(--bs-google-plus);
  --bs-btn-color: var(--bs-google-plus-contrast);
  --bs-btn-border-color: var(--bs-google-plus);
  --bs-btn-hover-color: var(--bs-google-plus-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-google-plus-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-google-plus));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-google-plus-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-google-plus-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-google-plus-rgb);
  --bs-btn-disabled-color: var(--bs-google-plus-contrast);
  --bs-btn-disabled-bg: var(--bs-google-plus);
  --bs-btn-disabled-border-color: var(--bs-google-plus);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-google-plus));
  --bs-btn-waves-effect-color: var(--bs-google-plus-rgb);
}

/* Label */
.btn-label-google-plus {
  --bs-btn-color: var(--bs-google-plus);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-google-plus));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-google-plus);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-google-plus));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-google-plus);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-google-plus));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-google-plus-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-google-plus-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-google-plus));
  --bs-btn-waves-effect-color: var(--bs-google-plus-rgb);
}

/* Outline */
.btn-outline-google-plus {
  --bs-btn-color: var(--bs-google-plus);
  --bs-btn-badge-color: var(--bs-google-plus-contrast);
  --bs-btn-border-color: var(--bs-google-plus);
  --bs-btn-hover-color: var(--bs-google-plus);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-google-plus);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-google-plus);
  --bs-btn-disabled-border-color: var(--bs-google-plus);
  --bs-btn-group-border-color: var(--bs-google-plus);
  --bs-btn-waves-effect-color: var(--bs-google-plus-rgb);
}

/* Text */
.btn-text-google-plus {
  --bs-btn-color: var(--bs-google-plus);
  --bs-btn-hover-color: var(--bs-google-plus);
  --bs-btn-active-color: var(--bs-google-plus);
  --bs-btn-group-border-color: var(--bs-google-plus);
  --bs-btn-waves-effect-color: var(--bs-google-plus-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-google-plus));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-google-plus);
}

/* Default */
.btn-instagram {
  --bs-btn-bg: var(--bs-instagram);
  --bs-btn-color: var(--bs-instagram-contrast);
  --bs-btn-border-color: var(--bs-instagram);
  --bs-btn-hover-color: var(--bs-instagram-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-instagram-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-instagram));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-instagram-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-instagram-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-instagram-rgb);
  --bs-btn-disabled-color: var(--bs-instagram-contrast);
  --bs-btn-disabled-bg: var(--bs-instagram);
  --bs-btn-disabled-border-color: var(--bs-instagram);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-instagram));
  --bs-btn-waves-effect-color: var(--bs-instagram-rgb);
}

/* Label */
.btn-label-instagram {
  --bs-btn-color: var(--bs-instagram);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-instagram));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-instagram);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-instagram));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-instagram);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-instagram));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-instagram-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-instagram-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-instagram));
  --bs-btn-waves-effect-color: var(--bs-instagram-rgb);
}

/* Outline */
.btn-outline-instagram {
  --bs-btn-color: var(--bs-instagram);
  --bs-btn-badge-color: var(--bs-instagram-contrast);
  --bs-btn-border-color: var(--bs-instagram);
  --bs-btn-hover-color: var(--bs-instagram);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-instagram);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-instagram);
  --bs-btn-disabled-border-color: var(--bs-instagram);
  --bs-btn-group-border-color: var(--bs-instagram);
  --bs-btn-waves-effect-color: var(--bs-instagram-rgb);
}

/* Text */
.btn-text-instagram {
  --bs-btn-color: var(--bs-instagram);
  --bs-btn-hover-color: var(--bs-instagram);
  --bs-btn-active-color: var(--bs-instagram);
  --bs-btn-group-border-color: var(--bs-instagram);
  --bs-btn-waves-effect-color: var(--bs-instagram-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-instagram));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-instagram);
}

/* Default */
.btn-linkedin {
  --bs-btn-bg: var(--bs-linkedin);
  --bs-btn-color: var(--bs-linkedin-contrast);
  --bs-btn-border-color: var(--bs-linkedin);
  --bs-btn-hover-color: var(--bs-linkedin-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-linkedin-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-linkedin));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-linkedin-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-linkedin-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-linkedin-rgb);
  --bs-btn-disabled-color: var(--bs-linkedin-contrast);
  --bs-btn-disabled-bg: var(--bs-linkedin);
  --bs-btn-disabled-border-color: var(--bs-linkedin);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-linkedin));
  --bs-btn-waves-effect-color: var(--bs-linkedin-rgb);
}

/* Label */
.btn-label-linkedin {
  --bs-btn-color: var(--bs-linkedin);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-linkedin));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-linkedin);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-linkedin));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-linkedin);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-linkedin));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-linkedin-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-linkedin-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-linkedin));
  --bs-btn-waves-effect-color: var(--bs-linkedin-rgb);
}

/* Outline */
.btn-outline-linkedin {
  --bs-btn-color: var(--bs-linkedin);
  --bs-btn-badge-color: var(--bs-linkedin-contrast);
  --bs-btn-border-color: var(--bs-linkedin);
  --bs-btn-hover-color: var(--bs-linkedin);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-linkedin);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-linkedin);
  --bs-btn-disabled-border-color: var(--bs-linkedin);
  --bs-btn-group-border-color: var(--bs-linkedin);
  --bs-btn-waves-effect-color: var(--bs-linkedin-rgb);
}

/* Text */
.btn-text-linkedin {
  --bs-btn-color: var(--bs-linkedin);
  --bs-btn-hover-color: var(--bs-linkedin);
  --bs-btn-active-color: var(--bs-linkedin);
  --bs-btn-group-border-color: var(--bs-linkedin);
  --bs-btn-waves-effect-color: var(--bs-linkedin-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-linkedin));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-linkedin);
}

/* Default */
.btn-github {
  --bs-btn-bg: var(--bs-github);
  --bs-btn-color: var(--bs-github-contrast);
  --bs-btn-border-color: var(--bs-github);
  --bs-btn-hover-color: var(--bs-github-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-github));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-github-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-github));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-github-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-github-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-github-rgb);
  --bs-btn-disabled-color: var(--bs-github-contrast);
  --bs-btn-disabled-bg: var(--bs-github);
  --bs-btn-disabled-border-color: var(--bs-github);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-github));
  --bs-btn-waves-effect-color: var(--bs-github-rgb);
}

/* Label */
.btn-label-github {
  --bs-btn-color: var(--bs-github);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-github));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-github);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-github));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-github);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-github));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-github-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-github-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-github));
  --bs-btn-waves-effect-color: var(--bs-github-rgb);
}

/* Outline */
.btn-outline-github {
  --bs-btn-color: var(--bs-github);
  --bs-btn-badge-color: var(--bs-github-contrast);
  --bs-btn-border-color: var(--bs-github);
  --bs-btn-hover-color: var(--bs-github);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-github);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-github);
  --bs-btn-disabled-border-color: var(--bs-github);
  --bs-btn-group-border-color: var(--bs-github);
  --bs-btn-waves-effect-color: var(--bs-github-rgb);
}

/* Text */
.btn-text-github {
  --bs-btn-color: var(--bs-github);
  --bs-btn-hover-color: var(--bs-github);
  --bs-btn-active-color: var(--bs-github);
  --bs-btn-group-border-color: var(--bs-github);
  --bs-btn-waves-effect-color: var(--bs-github-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-github));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-github);
}

/* Default */
.btn-dribbble {
  --bs-btn-bg: var(--bs-dribbble);
  --bs-btn-color: var(--bs-dribbble-contrast);
  --bs-btn-border-color: var(--bs-dribbble);
  --bs-btn-hover-color: var(--bs-dribbble-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-dribbble-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-dribbble));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-dribbble-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-dribbble-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-dribbble-rgb);
  --bs-btn-disabled-color: var(--bs-dribbble-contrast);
  --bs-btn-disabled-bg: var(--bs-dribbble);
  --bs-btn-disabled-border-color: var(--bs-dribbble);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-dribbble));
  --bs-btn-waves-effect-color: var(--bs-dribbble-rgb);
}

/* Label */
.btn-label-dribbble {
  --bs-btn-color: var(--bs-dribbble);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dribbble));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-dribbble);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-dribbble));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-dribbble);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-dribbble));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-dribbble-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-dribbble-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-dribbble));
  --bs-btn-waves-effect-color: var(--bs-dribbble-rgb);
}

/* Outline */
.btn-outline-dribbble {
  --bs-btn-color: var(--bs-dribbble);
  --bs-btn-badge-color: var(--bs-dribbble-contrast);
  --bs-btn-border-color: var(--bs-dribbble);
  --bs-btn-hover-color: var(--bs-dribbble);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-dribbble);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-dribbble);
  --bs-btn-disabled-border-color: var(--bs-dribbble);
  --bs-btn-group-border-color: var(--bs-dribbble);
  --bs-btn-waves-effect-color: var(--bs-dribbble-rgb);
}

/* Text */
.btn-text-dribbble {
  --bs-btn-color: var(--bs-dribbble);
  --bs-btn-hover-color: var(--bs-dribbble);
  --bs-btn-active-color: var(--bs-dribbble);
  --bs-btn-group-border-color: var(--bs-dribbble);
  --bs-btn-waves-effect-color: var(--bs-dribbble-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-dribbble));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-dribbble);
}

/* Default */
.btn-pinterest {
  --bs-btn-bg: var(--bs-pinterest);
  --bs-btn-color: var(--bs-pinterest-contrast);
  --bs-btn-border-color: var(--bs-pinterest);
  --bs-btn-hover-color: var(--bs-pinterest-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-pinterest-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-pinterest));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-pinterest-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-pinterest-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-pinterest-rgb);
  --bs-btn-disabled-color: var(--bs-pinterest-contrast);
  --bs-btn-disabled-bg: var(--bs-pinterest);
  --bs-btn-disabled-border-color: var(--bs-pinterest);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-pinterest));
  --bs-btn-waves-effect-color: var(--bs-pinterest-rgb);
}

/* Label */
.btn-label-pinterest {
  --bs-btn-color: var(--bs-pinterest);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-pinterest));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-pinterest);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-pinterest));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-pinterest);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-pinterest));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-pinterest-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-pinterest-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-pinterest));
  --bs-btn-waves-effect-color: var(--bs-pinterest-rgb);
}

/* Outline */
.btn-outline-pinterest {
  --bs-btn-color: var(--bs-pinterest);
  --bs-btn-badge-color: var(--bs-pinterest-contrast);
  --bs-btn-border-color: var(--bs-pinterest);
  --bs-btn-hover-color: var(--bs-pinterest);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-pinterest);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-pinterest);
  --bs-btn-disabled-border-color: var(--bs-pinterest);
  --bs-btn-group-border-color: var(--bs-pinterest);
  --bs-btn-waves-effect-color: var(--bs-pinterest-rgb);
}

/* Text */
.btn-text-pinterest {
  --bs-btn-color: var(--bs-pinterest);
  --bs-btn-hover-color: var(--bs-pinterest);
  --bs-btn-active-color: var(--bs-pinterest);
  --bs-btn-group-border-color: var(--bs-pinterest);
  --bs-btn-waves-effect-color: var(--bs-pinterest-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-pinterest));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-pinterest);
}

/* Default */
.btn-slack {
  --bs-btn-bg: var(--bs-slack);
  --bs-btn-color: var(--bs-slack-contrast);
  --bs-btn-border-color: var(--bs-slack);
  --bs-btn-hover-color: var(--bs-slack-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-slack));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-slack-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-slack));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-slack-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-slack-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-slack-rgb);
  --bs-btn-disabled-color: var(--bs-slack-contrast);
  --bs-btn-disabled-bg: var(--bs-slack);
  --bs-btn-disabled-border-color: var(--bs-slack);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-slack));
  --bs-btn-waves-effect-color: var(--bs-slack-rgb);
}

/* Label */
.btn-label-slack {
  --bs-btn-color: var(--bs-slack);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-slack));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-slack);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-slack));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-slack);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-slack));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-slack-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-slack-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-slack));
  --bs-btn-waves-effect-color: var(--bs-slack-rgb);
}

/* Outline */
.btn-outline-slack {
  --bs-btn-color: var(--bs-slack);
  --bs-btn-badge-color: var(--bs-slack-contrast);
  --bs-btn-border-color: var(--bs-slack);
  --bs-btn-hover-color: var(--bs-slack);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-slack);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-slack);
  --bs-btn-disabled-border-color: var(--bs-slack);
  --bs-btn-group-border-color: var(--bs-slack);
  --bs-btn-waves-effect-color: var(--bs-slack-rgb);
}

/* Text */
.btn-text-slack {
  --bs-btn-color: var(--bs-slack);
  --bs-btn-hover-color: var(--bs-slack);
  --bs-btn-active-color: var(--bs-slack);
  --bs-btn-group-border-color: var(--bs-slack);
  --bs-btn-waves-effect-color: var(--bs-slack-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-slack));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-slack);
}

/* Default */
.btn-reddit {
  --bs-btn-bg: var(--bs-reddit);
  --bs-btn-color: var(--bs-reddit-contrast);
  --bs-btn-border-color: var(--bs-reddit);
  --bs-btn-hover-color: var(--bs-reddit-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-reddit-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-reddit));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-reddit-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-reddit-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-reddit-rgb);
  --bs-btn-disabled-color: var(--bs-reddit-contrast);
  --bs-btn-disabled-bg: var(--bs-reddit);
  --bs-btn-disabled-border-color: var(--bs-reddit);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-reddit));
  --bs-btn-waves-effect-color: var(--bs-reddit-rgb);
}

/* Label */
.btn-label-reddit {
  --bs-btn-color: var(--bs-reddit);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-reddit));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-reddit);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-reddit));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-reddit);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-reddit));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-reddit-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-reddit-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-reddit));
  --bs-btn-waves-effect-color: var(--bs-reddit-rgb);
}

/* Outline */
.btn-outline-reddit {
  --bs-btn-color: var(--bs-reddit);
  --bs-btn-badge-color: var(--bs-reddit-contrast);
  --bs-btn-border-color: var(--bs-reddit);
  --bs-btn-hover-color: var(--bs-reddit);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-reddit);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-reddit);
  --bs-btn-disabled-border-color: var(--bs-reddit);
  --bs-btn-group-border-color: var(--bs-reddit);
  --bs-btn-waves-effect-color: var(--bs-reddit-rgb);
}

/* Text */
.btn-text-reddit {
  --bs-btn-color: var(--bs-reddit);
  --bs-btn-hover-color: var(--bs-reddit);
  --bs-btn-active-color: var(--bs-reddit);
  --bs-btn-group-border-color: var(--bs-reddit);
  --bs-btn-waves-effect-color: var(--bs-reddit-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-reddit));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-reddit);
}

/* Default */
.btn-youtube {
  --bs-btn-bg: var(--bs-youtube);
  --bs-btn-color: var(--bs-youtube-contrast);
  --bs-btn-border-color: var(--bs-youtube);
  --bs-btn-hover-color: var(--bs-youtube-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-youtube-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-youtube));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-youtube-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-youtube-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-youtube-rgb);
  --bs-btn-disabled-color: var(--bs-youtube-contrast);
  --bs-btn-disabled-bg: var(--bs-youtube);
  --bs-btn-disabled-border-color: var(--bs-youtube);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-youtube));
  --bs-btn-waves-effect-color: var(--bs-youtube-rgb);
}

/* Label */
.btn-label-youtube {
  --bs-btn-color: var(--bs-youtube);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-youtube));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-youtube);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-youtube));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-youtube);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-youtube));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-youtube-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-youtube-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-youtube));
  --bs-btn-waves-effect-color: var(--bs-youtube-rgb);
}

/* Outline */
.btn-outline-youtube {
  --bs-btn-color: var(--bs-youtube);
  --bs-btn-badge-color: var(--bs-youtube-contrast);
  --bs-btn-border-color: var(--bs-youtube);
  --bs-btn-hover-color: var(--bs-youtube);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-youtube);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-youtube);
  --bs-btn-disabled-border-color: var(--bs-youtube);
  --bs-btn-group-border-color: var(--bs-youtube);
  --bs-btn-waves-effect-color: var(--bs-youtube-rgb);
}

/* Text */
.btn-text-youtube {
  --bs-btn-color: var(--bs-youtube);
  --bs-btn-hover-color: var(--bs-youtube);
  --bs-btn-active-color: var(--bs-youtube);
  --bs-btn-group-border-color: var(--bs-youtube);
  --bs-btn-waves-effect-color: var(--bs-youtube-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-youtube));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-youtube);
}

/* Default */
.btn-vimeo {
  --bs-btn-bg: var(--bs-vimeo);
  --bs-btn-color: var(--bs-vimeo-contrast);
  --bs-btn-border-color: var(--bs-vimeo);
  --bs-btn-hover-color: var(--bs-vimeo-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-vimeo-contrast);
  --bs-btn-active-bg: color-mix(in sRGB, #000 10%, var(--bs-vimeo));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-box-shadow-rgb: var(--bs-vimeo-rgb);
  --bs-btn-focus-shadow-rgb: var(--bs-vimeo-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-vimeo-rgb);
  --bs-btn-disabled-color: var(--bs-vimeo-contrast);
  --bs-btn-disabled-bg: var(--bs-vimeo);
  --bs-btn-disabled-border-color: var(--bs-vimeo);
  --bs-btn-group-border-color: color-mix(in sRGB, #000 10%, var(--bs-vimeo));
  --bs-btn-waves-effect-color: var(--bs-vimeo-rgb);
}

/* Label */
.btn-label-vimeo {
  --bs-btn-color: var(--bs-vimeo);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-vimeo));
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: var(--bs-vimeo);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-vimeo));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-color: var(--bs-vimeo);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 76%, var(--bs-vimeo));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-focus-shadow-rgb: var(--bs-vimeo-rgb);
  --bs-btn-active-shadow-rgb: var(--bs-vimeo-rgb);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
  --bs-btn-group-border-color: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-vimeo));
  --bs-btn-waves-effect-color: var(--bs-vimeo-rgb);
}

/* Outline */
.btn-outline-vimeo {
  --bs-btn-color: var(--bs-vimeo);
  --bs-btn-badge-color: var(--bs-vimeo-contrast);
  --bs-btn-border-color: var(--bs-vimeo);
  --bs-btn-hover-color: var(--bs-vimeo);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo));
  --bs-btn-hover-border-color: var(--bs-btn-border-color);
  --bs-btn-active-color: var(--bs-vimeo);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo));
  --bs-btn-active-border-color: var(--bs-btn-border-color);
  --bs-btn-disabled-color: var(--bs-vimeo);
  --bs-btn-disabled-border-color: var(--bs-vimeo);
  --bs-btn-group-border-color: var(--bs-vimeo);
  --bs-btn-waves-effect-color: var(--bs-vimeo-rgb);
}

/* Text */
.btn-text-vimeo {
  --bs-btn-color: var(--bs-vimeo);
  --bs-btn-hover-color: var(--bs-vimeo);
  --bs-btn-active-color: var(--bs-vimeo);
  --bs-btn-group-border-color: var(--bs-vimeo);
  --bs-btn-waves-effect-color: var(--bs-vimeo-rgb);
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo));
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 92%, var(--bs-vimeo));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-disabled-color: var(--bs-vimeo);
}

/* Dark Theme */
[data-bs-theme=dark] .btn-text-primary {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-primary) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-secondary {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-secondary) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-success {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-success) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-success) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-info {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-info) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-warning {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-warning) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-warning) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-danger {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-danger) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-danger) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-light {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-light) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-dark {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dark) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-gray {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-gray) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-facebook {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-facebook) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-facebook) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-twitter {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-twitter) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-twitter) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-google-plus {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-google-plus) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-google-plus) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-instagram {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-instagram) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-instagram) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-linkedin {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-linkedin) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-linkedin) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-label-github {
  --bs-btn-color: var(--bs-github-contrast);
  --bs-btn-hover-color: var(--bs-github-contrast);
  --bs-btn-active-color: var(--bs-github-contrast);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-github));
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 40%, var(--bs-github));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 40%, var(--bs-github));
}
[data-bs-theme=dark] .btn-text-github {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-github) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-github) 8%, var(--bs-paper-bg));
  --bs-btn-color: var(--bs-github-contrast);
  --bs-btn-hover-color: var(--bs-github-contrast);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-github) 25%, var(--bs-paper-bg));
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-github) 50%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-github) 50%, var(--bs-paper-bg));
  --bs-btn-active-color: var(--bs-github-contrast);
  --bs-btn-group-border-color: var(--bs-github-contrast);
  --bs-btn-waves-effect-color: var(--bs-github-contrast-rgb);
}
[data-bs-theme=dark] .btn-text-dribbble {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-dribbble) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-dribbble) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-pinterest {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-pinterest) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-pinterest) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-label-slack {
  --bs-btn-color: var(--bs-slack-contrast);
  --bs-btn-hover-color: var(--bs-slack-contrast);
  --bs-btn-active-color: var(--bs-slack-contrast);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-paper-bg) 60%, var(--bs-slack));
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-paper-bg) 40%, var(--bs-slack));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-paper-bg) 40%, var(--bs-slack));
}
[data-bs-theme=dark] .btn-text-slack {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-slack) 8%, var(--bs-paper-bg));
  --bs-btn-color: var(--bs-slack-contrast);
  --bs-btn-hover-color: var(--bs-slack-contrast);
  --bs-btn-bg: color-mix(in sRGB, var(--bs-slack) 25%, var(--bs-paper-bg));
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-slack) 50%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-slack) 50%, var(--bs-paper-bg));
  --bs-btn-active-color: var(--bs-slack-contrast);
  --bs-btn-group-border-color: var(--bs-slack-contrast);
  --bs-btn-waves-effect-color: var(--bs-slack-contrast-rgb);
}
[data-bs-theme=dark] .btn-text-reddit {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-reddit) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-reddit) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-youtube {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-youtube) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-youtube) 8%, var(--bs-paper-bg));
}
[data-bs-theme=dark] .btn-text-vimeo {
  --bs-btn-hover-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg));
  --bs-btn-active-bg: color-mix(in sRGB, var(--bs-vimeo) 8%, var(--bs-paper-bg));
}

.btn-xs.dropdown-toggle::after, .btn-group-xs > .dropdown-toggle.btn::after {
  border: 2px solid;
  block-size: 0.45em;
  border-block-start: 0;
  border-inline-start: 0;
  inline-size: 0.45em;
  margin-block-start: -0.243em;
  margin-inline: 0.8em 0;
  transform: rotate(45deg);
}
:dir(rtl) .btn-xs.dropdown-toggle::after, :dir(rtl) .btn-group-xs > .dropdown-toggle.btn::after {
  transform: rotate(-45deg);
}

/* Split dropdowns */

/* Dropdown item line height */

/* Hidden dropdown toggle arrow */
.btn-group {
  --bs-btn-group-border-radius: var(--bs-border-radius);
}
.btn-group.btn-group-sm {
  --bs-btn-group-border-radius: var(--bs-border-radius-sm);
}
.btn-group.btn-group-xs {
  --bs-btn-group-border-radius: 0.125rem;
}
.btn-group.btn-group-lg {
  --bs-btn-group-border-radius: var(--bs-border-radius-lg);
}
.btn-group.btn-group-xl {
  --bs-btn-group-border-radius: 0.625rem;
}
.btn-group > :not(.btn-check:first-of-type) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin: 0;
  margin-inline-start: calc(var(--bs-border-width) * -1);
}
.btn-group:has(> .dropdown-toggle) .btn[class*=btn-label-] {
  margin-inline-end: calc(var(--bs-border-width) * -1);
}
.btn-group:not(.btn-group-vertical) > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child,
.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn,
.btn-group:not(.btn-group-vertical) > .btn:nth-child(n+3),
.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn,
.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn {
  border-radius: var(--bs-btn-group-border-radius);
}
.btn-group:not(.btn-group-vertical) > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group:not(.btn-group-vertical) > .btn.dropdown-toggle-split:first-child,
.btn-group:not(.btn-group-vertical) > .btn-group:not(:last-child) > .btn {
  border-end-end-radius: 0 !important;
  border-start-end-radius: 0 !important;
}
.btn-group:not(.btn-group-vertical) > .btn:nth-child(n+3),
.btn-group:not(.btn-group-vertical) > :not(.btn-check) + .btn,
.btn-group:not(.btn-group-vertical) > .btn-group:not(:first-child) > .btn {
  border-end-start-radius: 0 !important;
  border-start-start-radius: 0 !important;
}
.btn-group.btn-group-vertical > :not(.btn-check:first-child) + .btn,
.btn-group.btn-group-vertical > .btn-group:not(:first-child) {
  margin: 0;
  margin-block-start: calc(var(--bs-border-width) * -1);
}
.btn-group.btn-group-vertical .btn:not([class*=btn-outline-]) {
  border-inline-color: var(--bs-btn-bg);
}
.btn-group.btn-group-vertical .btn:not([class*=btn-outline-]):hover {
  border-inline-color: var(--bs-btn-hover-bg);
}
.btn-group.btn-group-vertical > .btn:first-child,
.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:first-child,
.btn-group.btn-group-vertical > .btn-group:first-child > .btn {
  border-top-left-radius: var(--bs-btn-group-border-radius);
  border-top-right-radius: var(--bs-btn-group-border-radius);
}
.btn-group.btn-group-vertical > .btn:last-child,
.btn-group.btn-group-vertical > .btn.dropdown-toggle-split:last-child,
.btn-group.btn-group-vertical > .btn-group:last-child > .btn {
  border-bottom-right-radius: var(--bs-btn-group-border-radius);
  border-bottom-left-radius: var(--bs-btn-group-border-radius);
}


.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-xl + .dropdown-toggle-split,
.btn-group-xl > .btn + .dropdown-toggle-split {
  padding-inline: 0.92em;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-inline: 0.6em;
}

.btn-xs + .dropdown-toggle-split,
.btn-group-xs > .btn + .dropdown-toggle-split {
  padding-inline: 0.5em;
}

/* Button groups border */
.btn-group:not(.btn-group-vertical) > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child,
.input-group > .btn:not([class*=btn-outline-]):first-child,
:not(.btn-group, .input-group) > .btn-group:not(.btn-group-vertical) > .btn:not([class*=btn-outline-]):first-child,
.input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
  border-inline-start-color: transparent;
}

.btn-group:not(.btn-group-vertical) > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type,
.input-group > .btn:not([class*=btn-outline-]):last-of-type,
:not(.btn-group, .input-group) > .btn-group:not(.btn-group-vertical) > .btn:not([class*=btn-outline-]):last-of-type,
.input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
  border-inline-end-color: transparent;
}

.btn-group-vertical > .btn-group-vertical:first-child > .btn:not([class*=btn-outline-]):first-child,
:not(.btn-group-vertical, .input-group) > .btn-group-vertical > .btn:not([class*=btn-outline-]):first-child {
  border-block-start-color: transparent;
}

.btn-group-vertical > .btn-group-vertical:last-child > .btn:not([class*=btn-outline-]):last-of-type,
:not(.btn-group-vertical, .input-group) > .btn-group-vertical > .btn:not([class*=btn-outline-]):last-of-type {
  border-block-end-color: transparent;
}

/* Nav
******************************************************************************* */
.nav {
  flex-wrap: inherit;
  padding-inline-start: 0;
}
.nav .nav-item {
  white-space: nowrap;
}
.nav:not(.nav-pills) .nav-link:hover, .nav:not(.nav-pills) .nav-link:focus {
  color: var(--bs-primary);
}

/* nav tabs shadow */

/* Tab and pills style */

/* For scrollable navs/tabs/pills */
.nav-tabs.widget-nav-tabs .nav-link.active .badge {
  background-color: rgba(var(--bs-primary-rgb), 0.16) !important;
  color: var(--bs-primary) !important;
}

/* Top, Right, Bottom & Left Tabbed panels */

/* Top tabs */

/* Right tabs */

/* Bottom tabs */

/* Left tabs */

/* Navbar
******************************************************************************* */

/* Mega dropdown
****************************************************************************** */
.navbar.bg-white {
  --bs-navbar-color: color-mix(in sRGB, var(--bs-pure-black) 84%, var(--bs-white));
  --bs-navbar-hover-color: var(--bs-pure-black);
  --bs-navbar-disabled-color: color-mix(in sRGB, var(--bs-pure-black) 40%, var(--bs-white));
  --bs-navbar-active-color: var(--bs-pure-black);
  --bs-navbar-brand-color: var(--bs-pure-black);
  --bs-navbar-brand-hover-color: color-mix(in sRGB, var(--bs-pure-black) 84%, var(--bs-white));
}
.navbar[class*=bg-]:not(.bg-body-tertiary, .bg-white) {
  background-color: var(--bs-navbar-bg) !important;
}

/* Generate contextual modifier classes for colorizing the navbar */

.card {
  --bs-card-hover-box-shadow: 0 0.25rem 1.125rem 0 rgba(47, 43, 61, 0.16);
  --bs-card-border-bottom-color: var(--bs-border-color);
  --bs-card-hover-border-color: var(--bs-border-color);
  --bs-card-hover-border-bottom-color: var(--bs-border-color);
  box-shadow: var(--bs-card-box-shadow);
  /* Card Statistics specific separator */
  /* List groups */
  /* Card Widget Separator */
  /* color border bottom and shadow in card */
  /* card hover border color */
}
.card .card-header + .card-body {
  padding-block-start: 0;
}
.card .card-header {
  --bs-card-border-width: 0;
}
.card hr {
  color: var(--bs-card-border-color);
}

/* adding class with card background color */

/* Card header elements
******************************************************** */

/* Horizontal card radius issue fix
******************************************************** */

/* Card action */

/* Generate contextual modifier classes for colorizing the border bottom and shadow in the card */

/* Accordion border radius */

/* arrow left */

/* Accordion custom button */

/* Generate contextual modifier classes for colorizing the alert */

/* Dark Theme */

.breadcrumb {
  --bs-breadcrumb-color: var(--bs-primary);
}

.breadcrumb-item a {
  color: var(--bs-breadcrumb-color);
}
.breadcrumb-item a:hover, .breadcrumb-item a:focus {
  color: color-mix(in sRGB, var(--bs-white) 10%, var(--bs-primary));
}

.breadcrumb-item.active a, .breadcrumb-item.active a:hover, .breadcrumb-item.active a:focus, .breadcrumb-item.active a:active {
  color: inherit;
}

:dir(rtl) .breadcrumb-item + .breadcrumb-item {
  padding-inline: 0.5rem 0;
}
:dir(rtl) .breadcrumb-item + .breadcrumb-item::before {
  content: "\\";
  float: inline-start;
  padding-inline: 0 0.5rem;
}

/* Pagination
******************************************************************************* */

/* Pagination disabled style */

/* Pagination basic style */

/* Sizing
******************************************************************************* */
/* Pagination Large */

/* Pagination Small */

/* Add spacing between pagination items */

/* RTL pagination
******************************************************************************* */
/* Add spacing between pagination items */

/* Dark theme
******************************************************************************* */

.badge {
  --bs-badge-border-width: 0;
  --bs-badge-border-color: var(--bs-primary);
  --bs-badge-bg-color: var(--bs-primary);
  border: var(--bs-badge-border-width) var(--bs-border-style) var(--bs-badge-border-color);
  background-color: var(--bs-badge-bg-color);
  --bs-badge-border-radius: 0.25rem;
  --bs-badge-glow-shadow-color: var(--bs-primary-rgb);
}
.badge[class*=badge-outline] {
  --bs-badge-border-width: 1px;
  background-color: transparent;
  --bs-badge-padding-x: calc(0.77em - 0.0625rem);
  --bs-badge-padding-y: calc(0.4235em - 0.0625rem);
}
.badge.bg-glow[class*=bg-] {
  box-shadow: 0 0.125rem 0.188rem 0 rgba(var(--bs-badge-glow-shadow-color), 0.3);
}

/* Badge Center Style */
.badge-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  line-height: 1.375;
  --bs-badge-font-size: 0.8125rem;
}
.badge-center .icon-base {
  block-size: 0.875rem;
  font-size: 0.875rem;
  inline-size: 0.875rem;
}

/* Dots Style */
.badge.badge-dot {
  display: inline-block;
  padding: 0;
  border-radius: 50%;
  margin: 0;
  block-size: 0.5rem;
  inline-size: 0.5rem;
}

/* Notifications */
.badge.badge-notifications {
  position: absolute;
  margin: 0;
  inset-block-start: auto;
  transform: translate(-50%, -30%);
}
:dir(rtl) .badge.badge-notifications {
  transform: translate(50%, -30%);
}
.badge.badge-notifications:not(.badge-center) {
  font-size: 0.582rem;
  line-height: 0.75rem;
  padding-block: 0.05rem;
  padding-inline: 0.2rem;
}
.btn[class*=btn-] .badge.badge-notifications {
  transform: translate(-50%, -50%);
}
:dir(rtl) .btn[class*=btn-] .badge.badge-notifications {
  transform: translate(50%, -50%);
}

.badge-outline-primary,
.btn[class*=-outline] .badge-outline-primary {
  --bs-badge-color: var(--bs-primary);
  --bs-badge-border-color: var(--bs-primary);
}

.badge-outline-secondary,
.btn[class*=-outline] .badge-outline-secondary {
  --bs-badge-color: var(--bs-secondary);
  --bs-badge-border-color: var(--bs-secondary);
}

.badge-outline-success,
.btn[class*=-outline] .badge-outline-success {
  --bs-badge-color: var(--bs-success);
  --bs-badge-border-color: var(--bs-success);
}

.badge-outline-info,
.btn[class*=-outline] .badge-outline-info {
  --bs-badge-color: var(--bs-info);
  --bs-badge-border-color: var(--bs-info);
}

.badge-outline-warning,
.btn[class*=-outline] .badge-outline-warning {
  --bs-badge-color: var(--bs-warning);
  --bs-badge-border-color: var(--bs-warning);
}

.badge-outline-danger,
.btn[class*=-outline] .badge-outline-danger {
  --bs-badge-color: var(--bs-danger);
  --bs-badge-border-color: var(--bs-danger);
}

.badge-outline-light,
.btn[class*=-outline] .badge-outline-light {
  --bs-badge-color: var(--bs-light);
  --bs-badge-border-color: var(--bs-light);
}

.badge-outline-dark,
.btn[class*=-outline] .badge-outline-dark {
  --bs-badge-color: var(--bs-dark);
  --bs-badge-border-color: var(--bs-dark);
}

.badge-outline-gray,
.btn[class*=-outline] .badge-outline-gray {
  --bs-badge-color: var(--bs-gray);
  --bs-badge-border-color: var(--bs-gray);
}

/* Alert icon styles */
.alert {
  --bs-alert-link-hover-color: var(--bs-primary);
  --bs-alert-hr: var(--bs-black);
  --bs-alert-icon-color: var(--bs-white);
  --bs-alert-icon-bg: var(--bs-black);
  --bs-alert-close-icon: var(--bs-black);
  line-height: 1.375rem;
}
.alert[class*=alert-] hr {
  background-color: var(--bs-alert-hr);
  color: var(--bs-alert-hr);
}
.alert .alert-link:hover {
  color: var(--bs-alert-link-hover-color);
}
.alert .alert-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-alert-icon-bg);
  block-size: 1.875rem;
  color: var(--bs-alert-icon-color);
  inline-size: 1.875rem;
  margin-inline-end: 1rem;
}
.alert[class*=alert-solid-] .alert-icon {
  box-shadow: 0 0.0625rem 0.375rem 0 rgba(47, 43, 61, 0.1);
}

/* Adjust close link position */
.alert-dismissible {
  padding-inline-end: 2.8125rem;
  padding-inline-start: 0.9375rem;
}
.alert-dismissible .btn-close {
  padding: 0;
  background: var(--bs-alert-close-icon);
  block-size: 0.8125rem;
  filter: none;
  inline-size: 0.8125rem;
  inset-inline: auto 0;
  margin-block: calc(0.68755rem * 1.35);
  margin-inline: calc(0.9375rem * 1.15);
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path 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'/></svg>");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary);
  --bs-alert-close-icon: var(--bs-primary);
  --bs-alert-link-color: var(--bs-primary);
  --bs-alert-link-hover-color: var(--bs-primary);
  --bs-alert-hr: var(--bs-primary);
  --bs-alert-icon-bg: var(--bs-primary);
  --bs-alert-border-color: var(--bs-primary-bg-subtle);
}

.alert-solid-primary {
  --bs-alert-color: var(--bs-primary-contrast);
  --bs-alert-bg: var(--bs-primary);
  --bs-alert-border-color: var(--bs-primary);
  --bs-alert-icon-color: var(--bs-primary);
}

.alert-outline-primary {
  --bs-alert-color: var(--bs-primary);
  --bs-alert-close-icon: var(--bs-primary);
  --bs-alert-link-color: var(--bs-primary);
  --bs-alert-link-hover-color: var(--bs-primary);
  --bs-alert-border-color: var(--bs-primary);
  --bs-alert-hr: var(--bs-primary);
  --bs-alert-icon-color: var(--bs-primary);
  --bs-alert-icon-bg: var(--bs-primary-bg-subtle);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary);
  --bs-alert-close-icon: var(--bs-secondary);
  --bs-alert-link-color: var(--bs-secondary);
  --bs-alert-link-hover-color: var(--bs-secondary);
  --bs-alert-hr: var(--bs-secondary);
  --bs-alert-icon-bg: var(--bs-secondary);
  --bs-alert-border-color: var(--bs-secondary-bg-subtle);
}

.alert-solid-secondary {
  --bs-alert-color: var(--bs-secondary-contrast);
  --bs-alert-bg: var(--bs-secondary);
  --bs-alert-border-color: var(--bs-secondary);
  --bs-alert-icon-color: var(--bs-secondary);
}

.alert-outline-secondary {
  --bs-alert-color: var(--bs-secondary);
  --bs-alert-close-icon: var(--bs-secondary);
  --bs-alert-link-color: var(--bs-secondary);
  --bs-alert-link-hover-color: var(--bs-secondary);
  --bs-alert-border-color: var(--bs-secondary);
  --bs-alert-hr: var(--bs-secondary);
  --bs-alert-icon-color: var(--bs-secondary);
  --bs-alert-icon-bg: var(--bs-secondary-bg-subtle);
}

.alert-success {
  --bs-alert-color: var(--bs-success);
  --bs-alert-close-icon: var(--bs-success);
  --bs-alert-link-color: var(--bs-success);
  --bs-alert-link-hover-color: var(--bs-success);
  --bs-alert-hr: var(--bs-success);
  --bs-alert-icon-bg: var(--bs-success);
  --bs-alert-border-color: var(--bs-success-bg-subtle);
}

.alert-solid-success {
  --bs-alert-color: var(--bs-success-contrast);
  --bs-alert-bg: var(--bs-success);
  --bs-alert-border-color: var(--bs-success);
  --bs-alert-icon-color: var(--bs-success);
}

.alert-outline-success {
  --bs-alert-color: var(--bs-success);
  --bs-alert-close-icon: var(--bs-success);
  --bs-alert-link-color: var(--bs-success);
  --bs-alert-link-hover-color: var(--bs-success);
  --bs-alert-border-color: var(--bs-success);
  --bs-alert-hr: var(--bs-success);
  --bs-alert-icon-color: var(--bs-success);
  --bs-alert-icon-bg: var(--bs-success-bg-subtle);
}

.alert-info {
  --bs-alert-color: var(--bs-info);
  --bs-alert-close-icon: var(--bs-info);
  --bs-alert-link-color: var(--bs-info);
  --bs-alert-link-hover-color: var(--bs-info);
  --bs-alert-hr: var(--bs-info);
  --bs-alert-icon-bg: var(--bs-info);
  --bs-alert-border-color: var(--bs-info-bg-subtle);
}

.alert-solid-info {
  --bs-alert-color: var(--bs-info-contrast);
  --bs-alert-bg: var(--bs-info);
  --bs-alert-border-color: var(--bs-info);
  --bs-alert-icon-color: var(--bs-info);
}

.alert-outline-info {
  --bs-alert-color: var(--bs-info);
  --bs-alert-close-icon: var(--bs-info);
  --bs-alert-link-color: var(--bs-info);
  --bs-alert-link-hover-color: var(--bs-info);
  --bs-alert-border-color: var(--bs-info);
  --bs-alert-hr: var(--bs-info);
  --bs-alert-icon-color: var(--bs-info);
  --bs-alert-icon-bg: var(--bs-info-bg-subtle);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning);
  --bs-alert-close-icon: var(--bs-warning);
  --bs-alert-link-color: var(--bs-warning);
  --bs-alert-link-hover-color: var(--bs-warning);
  --bs-alert-hr: var(--bs-warning);
  --bs-alert-icon-bg: var(--bs-warning);
  --bs-alert-border-color: var(--bs-warning-bg-subtle);
}

.alert-solid-warning {
  --bs-alert-color: var(--bs-warning-contrast);
  --bs-alert-bg: var(--bs-warning);
  --bs-alert-border-color: var(--bs-warning);
  --bs-alert-icon-color: var(--bs-warning);
}

.alert-outline-warning {
  --bs-alert-color: var(--bs-warning);
  --bs-alert-close-icon: var(--bs-warning);
  --bs-alert-link-color: var(--bs-warning);
  --bs-alert-link-hover-color: var(--bs-warning);
  --bs-alert-border-color: var(--bs-warning);
  --bs-alert-hr: var(--bs-warning);
  --bs-alert-icon-color: var(--bs-warning);
  --bs-alert-icon-bg: var(--bs-warning-bg-subtle);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger);
  --bs-alert-close-icon: var(--bs-danger);
  --bs-alert-link-color: var(--bs-danger);
  --bs-alert-link-hover-color: var(--bs-danger);
  --bs-alert-hr: var(--bs-danger);
  --bs-alert-icon-bg: var(--bs-danger);
  --bs-alert-border-color: var(--bs-danger-bg-subtle);
}

.alert-solid-danger {
  --bs-alert-color: var(--bs-danger-contrast);
  --bs-alert-bg: var(--bs-danger);
  --bs-alert-border-color: var(--bs-danger);
  --bs-alert-icon-color: var(--bs-danger);
}

.alert-outline-danger {
  --bs-alert-color: var(--bs-danger);
  --bs-alert-close-icon: var(--bs-danger);
  --bs-alert-link-color: var(--bs-danger);
  --bs-alert-link-hover-color: var(--bs-danger);
  --bs-alert-border-color: var(--bs-danger);
  --bs-alert-hr: var(--bs-danger);
  --bs-alert-icon-color: var(--bs-danger);
  --bs-alert-icon-bg: var(--bs-danger-bg-subtle);
}

.alert-light {
  --bs-alert-color: var(--bs-light);
  --bs-alert-close-icon: var(--bs-light);
  --bs-alert-link-color: var(--bs-light);
  --bs-alert-link-hover-color: var(--bs-light);
  --bs-alert-hr: var(--bs-light);
  --bs-alert-icon-bg: var(--bs-light);
  --bs-alert-border-color: var(--bs-light-bg-subtle);
}

.alert-solid-light {
  --bs-alert-color: var(--bs-light-contrast);
  --bs-alert-bg: var(--bs-light);
  --bs-alert-border-color: var(--bs-light);
  --bs-alert-icon-color: var(--bs-light);
}

.alert-outline-light {
  --bs-alert-color: var(--bs-light);
  --bs-alert-close-icon: var(--bs-light);
  --bs-alert-link-color: var(--bs-light);
  --bs-alert-link-hover-color: var(--bs-light);
  --bs-alert-border-color: var(--bs-light);
  --bs-alert-hr: var(--bs-light);
  --bs-alert-icon-color: var(--bs-light);
  --bs-alert-icon-bg: var(--bs-light-bg-subtle);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark);
  --bs-alert-close-icon: var(--bs-dark);
  --bs-alert-link-color: var(--bs-dark);
  --bs-alert-link-hover-color: var(--bs-dark);
  --bs-alert-hr: var(--bs-dark);
  --bs-alert-icon-bg: var(--bs-dark);
  --bs-alert-border-color: var(--bs-dark-bg-subtle);
}

.alert-solid-dark {
  --bs-alert-color: var(--bs-dark-contrast);
  --bs-alert-bg: var(--bs-dark);
  --bs-alert-border-color: var(--bs-dark);
  --bs-alert-icon-color: var(--bs-dark);
}

.alert-outline-dark {
  --bs-alert-color: var(--bs-dark);
  --bs-alert-close-icon: var(--bs-dark);
  --bs-alert-link-color: var(--bs-dark);
  --bs-alert-link-hover-color: var(--bs-dark);
  --bs-alert-border-color: var(--bs-dark);
  --bs-alert-hr: var(--bs-dark);
  --bs-alert-icon-color: var(--bs-dark);
  --bs-alert-icon-bg: var(--bs-dark-bg-subtle);
}

.alert-gray {
  --bs-alert-color: var(--bs-gray);
  --bs-alert-close-icon: var(--bs-gray);
  --bs-alert-link-color: var(--bs-gray);
  --bs-alert-link-hover-color: var(--bs-gray);
  --bs-alert-hr: var(--bs-gray);
  --bs-alert-icon-bg: var(--bs-gray);
  --bs-alert-border-color: var(--bs-gray-bg-subtle);
}

.alert-solid-gray {
  --bs-alert-color: var(--bs-gray-contrast);
  --bs-alert-bg: var(--bs-gray);
  --bs-alert-border-color: var(--bs-gray);
  --bs-alert-icon-color: var(--bs-gray);
}

.alert-outline-gray {
  --bs-alert-color: var(--bs-gray);
  --bs-alert-close-icon: var(--bs-gray);
  --bs-alert-link-color: var(--bs-gray);
  --bs-alert-link-hover-color: var(--bs-gray);
  --bs-alert-border-color: var(--bs-gray);
  --bs-alert-hr: var(--bs-gray);
  --bs-alert-icon-color: var(--bs-gray);
  --bs-alert-icon-bg: var(--bs-gray-bg-subtle);
}

/* Progress
******************************************************************************* */
.progress {
  --bs-progress-bar-shadow-color: rgba(var(--bs-primary-rgb), 0.3);
}
.progress:has(:only-child) {
  overflow: visible;
}

/* RTL
******************************************************************************* */

/* List groups
******************************************************************************* */
/* List Group Mixin */

/* RTL
******************************************************************************* */

/* Toasts
******************************************************************************* */

.toast {
  --bs-toast-font-size: 0.9375rem;
}
.toast-header .btn-close {
  margin-inline: 0.75rem -0.375rem;
}

/* Bootstrap Toasts Example */

/* Placement Toast example */
[data-bs-theme=dark] .toast:not([class*=bg-]) .btn-close {
  --bs-btn-close-white-filter: grayscale(1);
}

/* Generate contextual modifier classes for colorizing the alert */

/* Modals
******************************************************************************* */
/* Modal Shadow */
.modal .btn-close {
  padding: 0.614rem;
  background-color: var(--bs-paper-bg);
  background-image: none;
  box-shadow: var(--bs-box-shadow-xs);
  filter: none;
  opacity: 1;
  transform: translate(23px, -25px);
  border-radius: 0.25rem;
  transition: all 0.23s ease 0.1s;
  /* For hover effect of close btn */
}
@media (prefers-reduced-motion: reduce) {
  .modal .btn-close {
    transition: none;
  }
}
.modal .btn-close:hover, .modal .btn-close:focus, .modal .btn-close:active {
  opacity: 1;
  outline: 0;
  transform: translate(20px, -20px);
}
:dir(rtl) .modal .btn-close:hover, :dir(rtl) .modal .btn-close:focus, :dir(rtl) .modal .btn-close:active {
  transform: translate(26px, -20px);
}
.modal .btn-close::before {
  display: block;
  background-color: var(--bs-secondary-color);
  block-size: 0.6875rem;
  content: "";
  inline-size: 0.6875rem;
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'><path 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'/></svg>");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.modal .modal-header .btn-close {
  position: absolute;
  inset-block-start: 1.5rem;
  inset-inline-end: 0.8125rem;
}
.modal .modal-dialog-scrollable .btn-close,
.modal .modal-fullscreen .btn-close, .modal.modal-top .btn-close {
  box-shadow: none;
  transform: translate(0, 0);
}
.modal .modal-dialog-scrollable .btn-close:hover,
.modal .modal-fullscreen .btn-close:hover, .modal.modal-top .btn-close:hover {
  transform: translate(0, 0);
}

/* Onboarding Modals
******************************************************************************* */

/* Top modals
******************************************************************************* */

/* Transparent modals
****************************************************************************** */
.modal-transparent .btn-close {
  position: absolute;
  background-color: transparent;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path 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'/></svg>");
  box-shadow: none;
  inset-block-start: 0;
  inset-inline-end: 1.5rem;
  opacity: 1;
  padding-block: 0.25em;
  padding-inline: 0.25em;
}
:dir(rtl) .modal-transparent .btn-close {
  inset-inline-end: -3rem;
}
.modal-transparent .btn-close::before {
  content: none;
}

/* Modal Simple (Modal Examples)
****************************************************************************** */
.modal-simple .btn-close {
  position: absolute;
  inset-block-start: -2rem;
  inset-inline-end: -2rem;
}
:dir(rtl) .modal-simple .btn-close {
  inset-inline-end: -5rem;
}
@media (max-width: 767.98px) {
  .modal-simple .btn-close {
    inset-block-start: -0.75rem;
    inset-inline-end: -0.75rem;
  }
  :dir(rtl) .modal-simple .btn-close {
    inset-inline-end: -4rem;
  }
}

/* Refer & Earn Modal Example */

/* Add new address modal */

/* Share project modal */

/* Modal Animations
****************************************************************************** */
/* Slide from Top */

/* Transparent */

/* Responsive
******************************************************************************* */
/* Dark theme
******************************************************************************* */

/* RTL mode
******************************************************************************* */
:dir(rtl) .modal:not(.modal-top) .modal-header .btn-close {
  inset-inline-end: -2.05rem;
}

/* Tooltips
******************************************************************************* */
/* Open modal tooltip z-index */

/* Dark theme
******************************************************************************* */

/* RTL
******************************************************************************* */

/* Popovers
******************************************************************************* */

/* custom popover
******************************************************************************* */

/* Dark
******************************************************************************* */

/* Spinners */
/* Large size */

/* Within button
******************************************************************************* */
.btn .spinner-border {
  --bs-spinner-height: 1em;
  --bs-spinner-width: 1em;
  inset-block-start: -0.0625rem;
}
.btn .spinner-border {
  --bs-spinner-border-width: .15em;
}

@keyframes spinner-border-rtl {
  to {
    transform: rotate(-360deg);
  }
}
/* RTL */
:dir(rtl) .spinner-border {
  animation-name: spinner-border-rtl;
}

/* Offcanvas
******************************************************************************* */
.offcanvas .offcanvas-header .btn-close {
  padding: 0.44rem;
  background-size: 0.875rem;
  margin-block: -0.75rem -0.75rem;
  margin-inline: auto 0.2505rem;
}

.bg-label-primary {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary)) !important;
  color: var(--bs-primary) !important;
}
.bg-label-primary.bg-label-hover:hover {
  background-color: var(--bs-primary) !important;
  color: var(--bs-primary-contrast) !important;
}

.bg-label-secondary {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-secondary)) !important;
  color: var(--bs-secondary) !important;
}
.bg-label-secondary.bg-label-hover:hover {
  background-color: var(--bs-secondary) !important;
  color: var(--bs-secondary-contrast) !important;
}

.bg-label-success {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-success)) !important;
  color: var(--bs-success) !important;
}
.bg-label-success.bg-label-hover:hover {
  background-color: var(--bs-success) !important;
  color: var(--bs-success-contrast) !important;
}

.bg-label-info {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-info)) !important;
  color: var(--bs-info) !important;
}
.bg-label-info.bg-label-hover:hover {
  background-color: var(--bs-info) !important;
  color: var(--bs-info-contrast) !important;
}

.bg-label-warning {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-warning)) !important;
  color: var(--bs-warning) !important;
}
.bg-label-warning.bg-label-hover:hover {
  background-color: var(--bs-warning) !important;
  color: var(--bs-warning-contrast) !important;
}

.bg-label-danger {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-danger)) !important;
  color: var(--bs-danger) !important;
}
.bg-label-danger.bg-label-hover:hover {
  background-color: var(--bs-danger) !important;
  color: var(--bs-danger-contrast) !important;
}

.bg-label-light {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-light)) !important;
  color: RGBA(#000, var(--bs-bg-label-tint-amount)) !important;
}
.bg-label-light.bg-label-hover:hover {
  background-color: var(--bs-light) !important;
  color: var(--bs-light-contrast) !important;
}

.bg-label-dark {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dark)) !important;
  color: var(--bs-dark) !important;
}
.bg-label-dark.bg-label-hover:hover {
  background-color: var(--bs-dark) !important;
  color: var(--bs-dark-contrast) !important;
}

.bg-label-gray {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-gray)) !important;
  color: var(--bs-gray) !important;
}
.bg-label-gray.bg-label-hover:hover {
  background-color: var(--bs-gray) !important;
  color: var(--bs-gray-contrast) !important;
}

.bg-label-facebook {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-facebook)) !important;
  color: var(--bs-facebook) !important;
}
.bg-label-facebook.bg-label-hover:hover {
  background-color: var(--bs-facebook) !important;
  color: var(--bs-facebook-contrast) !important;
}

.bg-label-twitter {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-twitter)) !important;
  color: var(--bs-twitter) !important;
}
.bg-label-twitter.bg-label-hover:hover {
  background-color: var(--bs-twitter) !important;
  color: var(--bs-twitter-contrast) !important;
}

.bg-label-google-plus {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-google-plus)) !important;
  color: var(--bs-google-plus) !important;
}
.bg-label-google-plus.bg-label-hover:hover {
  background-color: var(--bs-google-plus) !important;
  color: var(--bs-google-plus-contrast) !important;
}

.bg-label-instagram {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-instagram)) !important;
  color: var(--bs-instagram) !important;
}
.bg-label-instagram.bg-label-hover:hover {
  background-color: var(--bs-instagram) !important;
  color: var(--bs-instagram-contrast) !important;
}

.bg-label-linkedin {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-linkedin)) !important;
  color: var(--bs-linkedin) !important;
}
.bg-label-linkedin.bg-label-hover:hover {
  background-color: var(--bs-linkedin) !important;
  color: var(--bs-linkedin-contrast) !important;
}

.bg-label-github {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-github)) !important;
  color: var(--bs-github) !important;
}
.bg-label-github.bg-label-hover:hover {
  background-color: var(--bs-github) !important;
  color: var(--bs-github-contrast) !important;
}

.bg-label-dribbble {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-dribbble)) !important;
  color: var(--bs-dribbble) !important;
}
.bg-label-dribbble.bg-label-hover:hover {
  background-color: var(--bs-dribbble) !important;
  color: var(--bs-dribbble-contrast) !important;
}

.bg-label-pinterest {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-pinterest)) !important;
  color: var(--bs-pinterest) !important;
}
.bg-label-pinterest.bg-label-hover:hover {
  background-color: var(--bs-pinterest) !important;
  color: var(--bs-pinterest-contrast) !important;
}

.bg-label-slack {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-slack)) !important;
  color: var(--bs-slack) !important;
}
.bg-label-slack.bg-label-hover:hover {
  background-color: var(--bs-slack) !important;
  color: var(--bs-slack-contrast) !important;
}

.bg-label-reddit {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-reddit)) !important;
  color: var(--bs-reddit) !important;
}
.bg-label-reddit.bg-label-hover:hover {
  background-color: var(--bs-reddit) !important;
  color: var(--bs-reddit-contrast) !important;
}

.bg-label-youtube {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-youtube)) !important;
  color: var(--bs-youtube) !important;
}
.bg-label-youtube.bg-label-hover:hover {
  background-color: var(--bs-youtube) !important;
  color: var(--bs-youtube-contrast) !important;
}

.bg-label-vimeo {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-vimeo)) !important;
  color: var(--bs-vimeo) !important;
}
.bg-label-vimeo.bg-label-hover:hover {
  background-color: var(--bs-vimeo) !important;
  color: var(--bs-vimeo-contrast) !important;
}

[data-bs-theme=dark] .bg-label-dark {
  color: RGBA(#fff, var(--bs-bg-label-tint-amount)) !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: 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-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.position-absolute {
  position: absolute !important;
}

.border-top {
  border-block-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.justify-content-center {
  justify-content: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mx-auto {
  margin-inline-end: auto !important;
  margin-inline-start: auto !important;
}

.my-6 {
  margin-block-start: 1.5rem !important;
  margin-block-end: 1.5rem !important;
}

.mt-1 {
  margin-block-start: 0.25rem !important;
}

.mt-2 {
  margin-block-start: 0.5rem !important;
}

.mt-3 {
  margin-block-start: 0.75rem !important;
}

.mt-4 {
  margin-block-start: 1rem !important;
}

.mt-6 {
  margin-block-start: 1.5rem !important;
}

.mt-8 {
  margin-block-start: 2rem !important;
}

.mt-12 {
  margin-block-start: 3rem !important;
}

.me-1 {
  margin-inline-end: 0.25rem !important;
}

.me-2 {
  margin-inline-end: 0.5rem !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

.mb-0 {
  margin-block-end: 0 !important;
}

.mb-1 {
  margin-block-end: 0.25rem !important;
}

.mb-2 {
  margin-block-end: 0.5rem !important;
}

.mb-3 {
  margin-block-end: 0.75rem !important;
}

.mb-4 {
  margin-block-end: 1rem !important;
}

.mb-5 {
  margin-block-end: 1.25rem !important;
}

.mb-6 {
  margin-block-end: 1.5rem !important;
}

.mb-8 {
  margin-block-end: 2rem !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.py-6 {
  padding-block-start: 1.5rem !important;
  padding-block-end: 1.5rem !important;
}

.py-8 {
  padding-block-start: 2rem !important;
  padding-block-end: 2rem !important;
}

.pb-2 {
  padding-block-end: 0.5rem !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 0.75rem !important;
}

.gap-4 {
  gap: 1rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-50 {
  row-gap: 0.125rem !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-1_5 {
  row-gap: 0.375rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 0.75rem !important;
}

.row-gap-4 {
  row-gap: 1rem !important;
}

.row-gap-5 {
  row-gap: 1.25rem !important;
}

.row-gap-6 {
  row-gap: 1.5rem !important;
}

.row-gap-7 {
  row-gap: 1.75rem !important;
}

.row-gap-8 {
  row-gap: 2rem !important;
}

.row-gap-9 {
  row-gap: 2.25rem !important;
}

.row-gap-10 {
  row-gap: 2.5rem !important;
}

.row-gap-11 {
  row-gap: 2.75rem !important;
}

.row-gap-12 {
  row-gap: 3rem !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.125rem !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.text-end {
  text-align: end !important;
}

.text-center {
  text-align: center !important;
}

/* rtl:begin:remove */

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-heading {
  --bs-text-opacity: 1;
  color: var(--bs-heading-color) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: var(--bs-white) !important;
}

.visible {
  visibility: visible !important;
}

@media (min-width: 576px) {
  .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-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;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-50 {
    row-gap: 0.125rem !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-1_5 {
    row-gap: 0.375rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-sm-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-sm-8 {
    row-gap: 2rem !important;
  }
  .row-gap-sm-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-sm-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-sm-11 {
    row-gap: 2.75rem !important;
  }
  .row-gap-sm-12 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .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-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;
  }
  .p-md-8 {
    padding: 2rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-50 {
    row-gap: 0.125rem !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-1_5 {
    row-gap: 0.375rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1rem !important;
  }
  .row-gap-md-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-md-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-md-8 {
    row-gap: 2rem !important;
  }
  .row-gap-md-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-md-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-md-11 {
    row-gap: 2.75rem !important;
  }
  .row-gap-md-12 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .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-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;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-50 {
    row-gap: 0.125rem !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-1_5 {
    row-gap: 0.375rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-lg-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-lg-8 {
    row-gap: 2rem !important;
  }
  .row-gap-lg-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-lg-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-lg-11 {
    row-gap: 2.75rem !important;
  }
  .row-gap-lg-12 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .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-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;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-50 {
    row-gap: 0.125rem !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-1_5 {
    row-gap: 0.375rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-xl-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-xl-8 {
    row-gap: 2rem !important;
  }
  .row-gap-xl-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-xl-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-xl-11 {
    row-gap: 2.75rem !important;
  }
  .row-gap-xl-12 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .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-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;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-50 {
    row-gap: 0.125rem !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-1_5 {
    row-gap: 0.375rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 0.75rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 1.25rem !important;
  }
  .row-gap-xxl-6 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-7 {
    row-gap: 1.75rem !important;
  }
  .row-gap-xxl-8 {
    row-gap: 2rem !important;
  }
  .row-gap-xxl-9 {
    row-gap: 2.25rem !important;
  }
  .row-gap-xxl-10 {
    row-gap: 2.5rem !important;
  }
  .row-gap-xxl-11 {
    row-gap: 2.75rem !important;
  }
  .row-gap-xxl-12 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .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-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;
  }
}
/* (C) */
/* Default */
:root,
[data-bs-theme=light] {
  --bs-navbar-search-shadow: 0 0.25rem 0.5rem -0.25rem rgba(47, 43, 61, 0.42);
  /* Menu */
  --bs-menu-bg: var(--bs-paper-bg);
  --bs-menu-bg-rgb: var(--bs-paper-bg-rgb);
  --bs-menu-color: #444050;
  --bs-menu-color-rgb: 68, 64, 80;
  --bs-menu-hover-bg: color-mix(in sRGB, var(--bs-base-color) 6%, var(--bs-menu-bg));
  --bs-menu-hover-color: #444050;
  --bs-menu-sub-active-bg: color-mix(in sRGB, var(--bs-base-color) 8%, var(--bs-menu-bg));
  --bs-menu-sub-active-color: #444050;
  --bs-menu-active-color: var(--bs-primary-contrast);
  --bs-menu-active-bg: var(--bs-primary);
  --bs-menu-horizontal-active-bg: var(--bs-primary-bg-subtle);
  --bs-menu-box-shadow: 0 0.125rem 0.5rem 0 rgba(47, 43, 61, 0.12);
  --bs-menu-divider-color: var(--bs-white);
  --bs-menu-width: 16.25rem;
  --bs-menu-collapsed-width: 4.375rem;
  --bs-menu-item-spacer: 0.375rem;
  --bs-menu-vertical-link-padding-y: 0.5rem;
  --bs-menu-vertical-link-padding-x: 0.75rem;
  --bs-menu-vertical-menu-link-padding-y: 0.5rem;
  --bs-menu-vertical-menu-level-spacer: 0.5rem;
  --bs-menu-horizontal-menu-box-shadow: 0 0.0625rem 0.25rem 0 rgba(47, 43, 61, 0.1);
  --bs-menu-horizontal-menu-sub-box-shadow: var(--bs-box-shadow-lg);
}

/* App Overlay
******************************************************************************* */

/* IE Fixes
******************************************************************************* */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Fix IE parent container height bug when containing image with fluid width */
  .card,
  .card-body {
    min-block-size: 1px;
  }
  img {
    block-size: auto;
    min-block-size: 1px;
  }
}
/* Containers
******************************************************************************* */
.container,
.container-xxl {
  padding-inline: 1rem;
}
@media (min-width: 992px) {
  .container,
  .container-xxl {
    padding-inline: 1.5rem;
  }
}

/* Buy now section
******************************************************************************* */
.buy-now .btn-buy-now {
  position: fixed;
  z-index: 1080;
  box-shadow: 0 1px 20px 1px #ff4c51;
  inset-block-end: 3rem;
  inset-inline-end: 1.5rem;
}
.buy-now .btn-buy-now:hover {
  box-shadow: none;
}

/* Common
******************************************************************************* */
/* (C) */
/* Line Clamp with ellipsis
******************************************************************************* */

/* Background
******************************************************************************* */

/* Menu
******************************************************************************* */

/* Menu item */

/* Horizontal Menu
****************************************************************************** */

/* Menu Icon */

/* Menu link */

/* Sub menu */

/* Menu toggle open/close arrow */

/* Menu divider */

/* Vertical Menu
****************************************************************************** */

/* Vertical Menu Collapsed
******************************************************************************* */
/* Only for menu example */

/* Horizontal
******************************************************************************* */
/* Layouts
******************************************************************************* */

/* Display menu toggle on navbar for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */

/* Hide menu close icon from large screen for .layout-menu-offcanvas, .layout-menu-fixed-offcanvas */

/* Content backdrop */

/* Layout Navbar
******************************************************************************* */
.layout-navbar .navbar-dropdown .badge-notifications {
  inset-block-start: 7px;
  inset-inline-end: -3px;
}

.navbar-nav .nav-link:focus-visible {
  box-shadow: none;
}

/* Navbar require high z-index as we use z-index for menu slide-out for below large screen */
/* Layout Menu
******************************************************************************* */

/* Layout Content navbar
******************************************************************************* */

/* Layout Navbar full
******************************************************************************* */

/* Toggle
******************************************************************************* */

/* Collapsed layout (Default static and static off-canvas menu)
******************************************************************************* */
@media (min-width: 1200px) {
  /* Menu style */
  /* Menu position */
}
/* Off-canvas layout (Layout Collapsed)
******************************************************************************* */
/* Fixed off-canvas layout (Layout Fixed)
******************************************************************************* */
@media (min-width: 1200px) {
  /* Menu and Fixed off-canvas */
  /* Menu collapsed */
  /* Menu expanded */
  /* Menu collapsed */
}
/* Reset paddings (for non fixed entities) */
/* Hidden navbar layout
******************************************************************************* */

/* Fixed navbar layout
******************************************************************************* */

@media (min-width: 1200px) {
  /* Fix navbar within Navbar Full layout in fixed mode */
  /* Fix navbar within Content Navbar layout in fixed mode - Menu expanded */
  /* Horizontal Layout when menu fixed */
  /* Layout fixed not off-canvas - Menu collapsed */
}
/* Fixed footer
******************************************************************************* */

@media (min-width: 1200px) {
  /* Fixed footer - Menu expanded */
  /* Fixed footer - Menu collapsed */
}
/* Small screens layout
******************************************************************************* */
/* Z-Indexes
******************************************************************************* */
/* Navbar (fixed) */

/* Menu horizontal */
@media (min-width: 1200px) {
  /* Navbar full layout */
  /* Content Navbar layout */
  /* Collapsed */
  /* Navbar full layout */
  /* Content Navbar layout */
}
/* Transitions and animations
******************************************************************************* */
/* Disable navbar link hover transition */

/* Disable navbar link hover transition */
/* Disable transitions/animations in IE 10-11 */
/* Dark theme
******************************************************************************* */

/* Search Headings */

/* Suggestion Items */

/* Detached Overlay */
.aa-DetachedOverlay .aa-DetachedCancelButton.btn-search-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: none;
  gap: 1rem;
  inline-size: 8rem;
  inset-inline-end: 1.5rem;
  padding-inline-end: 1.5rem;
}

/* App Brand
******************************************************************************* */

/* App brand with vertical menu */
/* Custom Options
******************************************************************************* */
/* Custom option */

.switch {
  --bs-switch-bg: color-mix(in sRGB, var(--bs-base-color) 6%, var(--bs-paper-bg));
  --bs-switch-color: color-mix(in sRGB, var(--bs-base-color) 60%, var(--bs-paper-bg));
  --bs-switch-border-color: color-mix(in sRGB, var(--bs-base-color) 6%, var(--bs-paper-bg));
  --bs-switch-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16) inset;
  --bs-switch-holder-bg: var(--bs-white);
  --bs-switch-holder-shadow: var(--bs-box-shadow-xs);
  --bs-switch-box-shadow-color: var(--bs-primary-rgb);
  /* Checked state */
  position: relative;
  display: inline-block;
  border-radius: 30rem;
  cursor: pointer;
  margin-inline-end: 0.75rem;
  vertical-align: middle;
  font-size: 0.9375rem;
  line-height: 1.4;
  min-block-size: 1.35rem;
}
.switch:has(.switch-input:disabled) {
  cursor: not-allowed;
}

/* Input
******************************************************************************* */

/* Toggle slider
******************************************************************************* */

/* Label switch
******************************************************************************* */

/* Checked / Unchecked states */

/* Checked state */

/* Stacked switches
******************************************************************************* */

/* Square
******************************************************************************* */

/* Disabled
******************************************************************************* */

/* Switch Sizes
******************************************************************************* */

/* Validation states
******************************************************************************* */

/* Generate contextual modifier classes for colorizing the alert */

/* Avatar
******************************************************************************* */
/* Avatar Styles */

/* Pull up avatar style */

.avatar-lg {
  --bs-avatar-size: 3.5rem;
  --bs-avatar-initial: 1.5rem;
  --bs-avatar-initial-inline: 4px;
}

/* Avatar Group SCSS */

/* Avatar dark css */

/* Timeline
******************************************************************************* */
/* To Change Timeline Center's Alignment om small Screen */

/* Divider
******************************************************************************* */
.divider.divider-vertical .divider-text .badge-divider-bg {
  border-radius: 50%;
  background-color: var(--bs-gray-50);
  color: var(--bs-secondary-color);
  font-size: 0.75rem;
  padding-block: 0.313rem;
  padding-inline: 0.252rem;
}

/* Footer
******************************************************************************* */
.footer {
  --bs-footer-color: var(--bs-body-color);
  --bs-footer-bg: var(--bs-paper-bg);
  --bs-footer-border-width: 0;
  --bs-footer-border-color: var(--bs-border-color);
  --bs-footer-text-color: var(--bs-heading-color);
  --bs-footer-link-color: var(--bs-primary);
  --bs-footer-link-hover-color: var(--bs-primary);
  --bs-footer-link-disabled-color: color-mix(in sRGB, var(--bs-base-color) 40%, var(--bs-paper-bg));
  --bs-footer-link-active-color: var(--bs-primary);
  --bs-footer-brand-color: var(--bs-primary);
  --bs-footer-brand-hover-color: color-mix(in sRGB, var(--bs-primary) 84%, var(--bs-paper-bg));
  --bs-footer-box-shadow: var(--bs-box-shadow-xl);
  color: var(--bs-footer-color);
}
.footer.bg-white {
  --bs-footer-color: #6d6b77;
  --bs-footer-text-color: #444050;
  --bs-footer-link-color: #6d6b77;
  --bs-footer-link-hover-color: #444050;
  --bs-footer-link-active-color: #444050;
  --bs-footer-brand-color: #444050;
}

/* Generate contextual modifier classes for colorizing the footer */

/* Dark Theme */