button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

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

::-webkit-inner-spin-button {
  height: auto;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

.form-control::file-selector-button {
  padding: 0.543rem 0.9375rem;
  margin: -0.543rem -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: var(--theme-color-3);
}

.form-control-sm::file-selector-button {
  padding: 0.3165rem 0.8125rem;
  margin: -0.3165rem -0.8125rem;
  margin-inline-end: 0.8125rem;
}

.form-control-lg::file-selector-button {
  padding: 0.7075rem 1.3125rem;
  margin: -0.7075rem -1.3125rem;
  margin-inline-end: 1.3125rem;
}

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

.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: #696cff;
  --bs-btn-border-color: #696cff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5f61e6;
  --bs-btn-hover-border-color: #5456cc;
  --bs-btn-focus-shadow-rgb: 128, 130, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5f61e6;
  --bs-btn-active-border-color: #4f51bf;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #696cff;
  --bs-btn-disabled-border-color: #696cff;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8592a3;
  --bs-btn-border-color: #8592a3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #788393;
  --bs-btn-hover-border-color: #6a7582;
  --bs-btn-focus-shadow-rgb: 151, 162, 177;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #788393;
  --bs-btn-active-border-color: #646e7a;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8592a3;
  --bs-btn-disabled-border-color: #8592a3;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #71dd37;
  --bs-btn-border-color: #71dd37;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #66c732;
  --bs-btn-hover-border-color: #5ab12c;
  --bs-btn-focus-shadow-rgb: 134, 226, 85;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #66c732;
  --bs-btn-active-border-color: #55a629;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #71dd37;
  --bs-btn-disabled-border-color: #71dd37;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #03c3ec;
  --bs-btn-border-color: #03c3ec;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03b0d4;
  --bs-btn-hover-border-color: #029cbd;
  --bs-btn-focus-shadow-rgb: 41, 204, 239;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #03b0d4;
  --bs-btn-active-border-color: #0292b1;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #03c3ec;
  --bs-btn-disabled-border-color: #03c3ec;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f5e56c;
  --bs-btn-border-color: #ffab00;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e69a00;
  --bs-btn-hover-border-color: #cc8900;
  --bs-btn-focus-shadow-rgb: 255, 184, 38;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e69a00;
  --bs-btn-active-border-color: #bf8000;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ffab00;
  --bs-btn-disabled-border-color: #ffab00;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff3e1d;
  --bs-btn-border-color: #ff3e1d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #e6381a;
  --bs-btn-hover-border-color: #cc3217;
  --bs-btn-focus-shadow-rgb: 255, 91, 63;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e6381a;
  --bs-btn-active-border-color: #bf2f16;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff3e1d;
  --bs-btn-disabled-border-color: #ff3e1d;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #dbdee0;
  --bs-btn-border-color: #dbdee0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c5c8ca;
  --bs-btn-hover-border-color: #afb2b3;
  --bs-btn-focus-shadow-rgb: 186, 189, 190;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c5c8ca;
  --bs-btn-active-border-color: #a4a7a8;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #dbdee0;
  --bs-btn-disabled-border-color: #dbdee0;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2b2c40;
  --bs-btn-border-color: #2b2c40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4b4c5d;
  --bs-btn-hover-border-color: #404153;
  --bs-btn-focus-shadow-rgb: 75, 76, 93;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #555666;
  --bs-btn-active-border-color: #404153;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2b2c40;
  --bs-btn-disabled-border-color: #2b2c40;
}

.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: #91979f;
  --bs-btn-border-color: #91979f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #83888f;
  --bs-btn-hover-border-color: #74797f;
  --bs-btn-focus-shadow-rgb: 162, 167, 173;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #83888f;
  --bs-btn-active-border-color: #6d7177;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #91979f;
  --bs-btn-disabled-border-color: #91979f;
}

.btn-outline-primary {
  --bs-btn-color: #696cff;
  --bs-btn-border-color: #696cff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #696cff;
  --bs-btn-hover-border-color: #696cff;
  --bs-btn-focus-shadow-rgb: 105, 108, 255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #696cff;
  --bs-btn-active-border-color: #696cff;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #696cff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #696cff;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #8592a3;
  --bs-btn-border-color: #8592a3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8592a3;
  --bs-btn-hover-border-color: #8592a3;
  --bs-btn-focus-shadow-rgb: 133, 146, 163;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8592a3;
  --bs-btn-active-border-color: #8592a3;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #8592a3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8592a3;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #71dd37;
  --bs-btn-border-color: #71dd37;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #71dd37;
  --bs-btn-hover-border-color: #71dd37;
  --bs-btn-focus-shadow-rgb: 113, 221, 55;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #71dd37;
  --bs-btn-active-border-color: #71dd37;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #71dd37;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #71dd37;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #03c3ec;
  --bs-btn-border-color: #03c3ec;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #03c3ec;
  --bs-btn-hover-border-color: #03c3ec;
  --bs-btn-focus-shadow-rgb: 3, 195, 236;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #03c3ec;
  --bs-btn-active-border-color: #03c3ec;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #03c3ec;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #03c3ec;
  --bs-gradient: none;
}

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

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

.btn-outline-light {
  --bs-btn-color: #dbdee0;
  --bs-btn-border-color: #dbdee0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #dbdee0;
  --bs-btn-hover-border-color: #dbdee0;
  --bs-btn-focus-shadow-rgb: 219, 222, 224;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #dbdee0;
  --bs-btn-active-border-color: #dbdee0;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #dbdee0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dbdee0;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #2b2c40;
  --bs-btn-border-color: #2b2c40;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b2c40;
  --bs-btn-hover-border-color: #2b2c40;
  --bs-btn-focus-shadow-rgb: 43, 44, 64;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b2c40;
  --bs-btn-active-border-color: #2b2c40;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #2b2c40;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2b2c40;
  --bs-gradient: none;
}

.btn-outline-gray {
  --bs-btn-color: #91979f;
  --bs-btn-border-color: #91979f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #91979f;
  --bs-btn-hover-border-color: #91979f;
  --bs-btn-focus-shadow-rgb: 145, 151, 159;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #91979f;
  --bs-btn-active-border-color: #91979f;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #91979f;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #91979f;
  --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: #7a838b;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 128, 130, 255;
  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.5rem;
  --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.75rem;
  --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(var(--bs-border-width) * -1);
}

.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.5625rem;
  padding-left: 0.5625rem;
}

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

.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(var(--bs-border-width) * -1);
}

.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 ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 0.9375rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}

.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a5a7ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a5a7ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.btn .badge {
  position: relative;
  top: -1px;
}

.btn-close {
  --bs-btn-close-color: #a7acb2;
  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='150px' height='151px' viewBox='0 0 150 151' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='131.251657 0 74.9933705 56.25 18.7483426 0 0 18.75 56.2450278 75 0 131.25 18.7483426 150 74.9933705 93.75 131.251657 150 150 131.25 93.7549722 75 150 18.75'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='🎨-%5BSetup%5D:-Colors-&-Shadows' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Artboard' transform='translate%28-225.000000, -250.000000%29'%3E%3Cg id='Icon-Color' transform='translate%28225.000000, 250.500000%29'%3E%3Cuse fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.5' fill='%23a7acb2' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.95;
  --bs-btn-close-hover-opacity: 0.95;
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-focus-opacity: 0.95;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 0.8em;
  height: 0.8em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/0.8em auto no-repeat;
  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 {
  filter: var(--bs-btn-close-white-filter);
}

.form-control:focus::file-selector-button {
  box-shadow: var(--bs-border-width) 0 0 var(--bs-primary);
}

.form-control.form-control-lg::file-selector-button {
  margin-block: -0.77rem;
  padding-block: 0.77rem;
}

.form-control.form-control-sm::file-selector-button {
  margin-block: -0.379rem;
  padding-block: 0.379rem;
}

.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 .25rem 0 rgba(var(--bs-btn-box-shadow-rgb), .4);
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-border-color: transparent;
  --bs-btn-active-shadow: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Table Action Dropdown fix */
  /* override bootstrap styles of the checkbox/radio buttons */
  /* Buttons Variant */
  /* Outline */
}

.btn:not(:focus, :active) {
  box-shadow: var(--bs-btn-box-shadow);
}

.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, .btn:first-child:active, .btn.active, .btn.show {
  box-shadow: var(--bs-btn-active-shadow);
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  box-shadow: none;
}

.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-check + .btn:hover {
  border-color: var(--bs-btn-hover-border-color);
  background-color: var(--bs-btn-hover-bg);
  color: var(--bs-btn-hover-color);
}

.btn[class*=btn-outline-] {
  --bs-btn-bg: transparent;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-bg: transparent;
}

.btn[class*=btn-outline-] .badge {
  --bs-badge-bg-color: var(--bs-btn-color);
  --bs-badge-color: var(--bs-btn-hover-color);
}

.btn[class*=btn-outline-]:not(:hover) {
  --bs-btn-box-shadow: none;
}

.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-hover-bg);
}

.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:hover {
  transform: translateY(-1px);
}

.btn:focus {
  transform: translateY(0);
}

.btn .badge {
  transition: all 0.2s ease-in-out;
  inset-block-start: 0;
}

@media (prefers-reduced-motion: reduce) {
  .btn .badge {
    transition: none;
  }
}

.btn-xl, .btn-group-xl > .btn {
  --bs-btn-padding-y: 0.852rem;
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-border-radius: 0.625rem;
}

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

.btn-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: 0;
  block-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2));
  font-size: 1.2890625rem;
  inline-size: calc(2.2505001rem + calc(var(--bs-border-width) * 2));
}

.btn-icon.btn-xl, .btn-group-xl > .btn-icon.btn {
  block-size: calc(3.250875rem + calc(var(--bs-border-width) * 2));
  inline-size: calc(3.250875rem + calc(var(--bs-border-width) * 2));
}

.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-sm, .btn-group-sm > .btn-icon.btn {
  block-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2));
  font-size: 0.8125rem;
  inline-size: calc(1.7505535rem + calc(var(--bs-border-width) * 2));
}

.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn {
  block-size: calc(1.250983rem + calc(var(--bs-border-width) * 2));
  font-size: 0.625rem;
  inline-size: calc(1.250983rem + calc(var(--bs-border-width) * 2));
}

.btn.btn-link {
  font-size: inherit;
}

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

button:focus,
button:focus-visible {
  outline: 0;
}

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

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --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-box-shadow-rgb: var(--bs-primary-rgb);
  --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-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-group-border-color: var(--bs-primary);
}

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

.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --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-box-shadow-rgb: var(--bs-secondary-rgb);
  --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-disabled-color: var(--bs-secondary);
  --bs-btn-disabled-border-color: var(--bs-secondary);
  --bs-btn-group-border-color: var(--bs-secondary);
}

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

.btn-outline-success {
  --bs-btn-color: var(--bs-success);
  --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-box-shadow-rgb: var(--bs-success-rgb);
  --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-disabled-color: var(--bs-success);
  --bs-btn-disabled-border-color: var(--bs-success);
  --bs-btn-group-border-color: var(--bs-success);
}

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

.btn-outline-info {
  --bs-btn-color: var(--bs-info);
  --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-box-shadow-rgb: var(--bs-info-rgb);
  --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-disabled-color: var(--bs-info);
  --bs-btn-disabled-border-color: var(--bs-info);
  --bs-btn-group-border-color: var(--bs-info);
}

.btn-outline-warning {
  --bs-btn-color: var(--bs-warning);
  --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-box-shadow-rgb: var(--bs-warning-rgb);
  --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-disabled-color: var(--bs-warning);
  --bs-btn-disabled-border-color: var(--bs-warning);
  --bs-btn-group-border-color: var(--bs-warning);
}

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

.btn-outline-danger {
  --bs-btn-color: var(--bs-danger);
  --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-box-shadow-rgb: var(--bs-danger-rgb);
  --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-disabled-color: var(--bs-danger);
  --bs-btn-disabled-border-color: var(--bs-danger);
  --bs-btn-group-border-color: var(--bs-danger);
}

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

.btn-outline-light {
  --bs-btn-color: var(--bs-light);
  --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-box-shadow-rgb: var(--bs-light-rgb);
  --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-disabled-color: var(--bs-light);
  --bs-btn-disabled-border-color: var(--bs-light);
  --bs-btn-group-border-color: var(--bs-light);
}

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

.btn-outline-dark {
  --bs-btn-color: var(--bs-dark);
  --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-box-shadow-rgb: var(--bs-dark-rgb);
  --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-disabled-color: var(--bs-dark);
  --bs-btn-disabled-border-color: var(--bs-dark);
  --bs-btn-group-border-color: var(--bs-dark);
}

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

.btn-outline-gray {
  --bs-btn-color: var(--bs-gray);
  --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-box-shadow-rgb: var(--bs-gray-rgb);
  --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-disabled-color: var(--bs-gray);
  --bs-btn-disabled-border-color: var(--bs-gray);
  --bs-btn-group-border-color: var(--bs-gray);
}

.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.24075em;
  margin-inline: 0.8em 0;
  transform: rotate(45deg);
}

.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-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin: 0;
  margin-inline-start: 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-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split,
.input-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;
}

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

.accordion .accordion-button::after {
  background: var(--bs-accordion-btn-color);
  mask-image: var(--bs-accordion-btn-icon);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}

.accordion .accordion-button:not(.collapsed)::after {
  background: var(--bs-accordion-btn-color);
  mask-image: var(--bs-accordion-btn-active-icon);
}

.accordion.accordion-without-arrow .accordion-button::after {
  background: none;
}

.accordion .accordion-item > .accordion-header .accordion-button {
  border-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-button {
  font-weight: inherit;
  padding-inline-end: 1.1875rem;
}

.accordion-button::after {
  margin-inline-end: initial;
  margin-inline-start: auto;
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-btn-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-btn-focus-shadow-width)) 0 var(--bs-accordion-border-color);
  padding-block-end: 0.793rem;
}

.btn .spinner-border,
.btn .spinner-grow {
  --bs-spinner-height: 1em;
  --bs-spinner-width: 1em;
  inset-block-start: -0.0625rem;
}

.btn .spinner-border {
  --bs-spinner-border-width: .15em;
}