/* Kopkar Color */
:root {
  --green-kopkar: #75BF44;
  --orange-kopkar: #ff5c00;
  --blue-kopkar: #1389D3;
  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #696cff;
  --bs-pink: #e83e8c;
  --bs-red: #ff3e1d;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffab00;
  --bs-green: #71dd37;
  --bs-teal: #20c997;
  --bs-cyan: #03c3ec;
  --bs-black: #22303e;
  --bs-white: #fff;
  --bs-gray: #7a838b;
  --bs-gray-dark: #4e5965;
  --bs-gray-25: #fbfbfb;
  --bs-gray-60: #f2f3f3;
  --bs-gray-80: #edeef0;
  --bs-gray-100: #e9eaec;
  --bs-gray-200: #e4e6e8;
  --bs-gray-300: #bdc1c5;
  --bs-gray-400: #a7acb2;
  --bs-gray-500: #91979f;
  --bs-gray-600: #7a838b;
  --bs-gray-700: #646e78;
  --bs-gray-800: #4e5965;
  --bs-gray-900: #384551;
  --bs-primary: #696cff;
  --bs-secondary: #8592a3;
  --bs-success: #71dd37;
  --bs-info: #03c3ec;
  --bs-warning: #ffab00;
  --bs-danger: #ff3e1d;
  --bs-light: #dbdee0;
  --bs-dark: #2b2c40;
  --bs-gray: #91979f;
  --bs-primary-rgb: 105, 108, 255;
  --bs-secondary-rgb: 133, 146, 163;
  --bs-success-rgb: 113, 221, 55;
  --bs-info-rgb: 3, 195, 236;
  --bs-warning-rgb: 255, 171, 0;
  --bs-danger-rgb: 255, 62, 29;
  --bs-light-rgb: 219, 222, 224;
  --bs-dark-rgb: 43, 44, 64;
  --bs-gray-rgb: 145, 151, 159;
  --bs-primary-text-emphasis: #2a2b66;
  --bs-secondary-text-emphasis: #353a41;
  --bs-success-text-emphasis: #2d5816;
  --bs-info-text-emphasis: #014e5e;
  --bs-warning-text-emphasis: #664400;
  --bs-danger-text-emphasis: #66190c;
  --bs-light-text-emphasis: #646e78;
  --bs-dark-text-emphasis: #646e78;
  --bs-primary-bg-subtle: #e7e7ff;
  --bs-secondary-bg-subtle: #ebeef0;
  --bs-success-bg-subtle: #e8fadf;
  --bs-info-bg-subtle: #d7f5fc;
  --bs-warning-bg-subtle: #fff2d6;
  --bs-danger-bg-subtle: #ffe0db;
  --bs-light-bg-subtle: #f4f5f6;
  --bs-dark-bg-subtle: #dddde0;
  --bs-primary-border-subtle: #d2d3ff;
  --bs-secondary-border-subtle: #dadee3;
  --bs-success-border-subtle: #d4f5c3;
  --bs-info-border-subtle: #b3edf9;
  --bs-warning-border-subtle: #ffe6b3;
  --bs-danger-border-subtle: #ffc5bb;
  --bs-light-border-subtle: #e4e6e8;
  --bs-dark-border-subtle: #bfc0c6;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 34, 48, 62;
  --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: #646e78;
  --bs-body-color-rgb: 100, 110, 120;
  --bs-body-bg: #f5f5f9;
  --bs-body-bg-rgb: 245, 245, 249;
  --bs-emphasis-color: #22303e;
  --bs-emphasis-color-rgb: 34, 48, 62;
  --bs-secondary-color: #a7acb2;
  --bs-secondary-color-rgb: 167, 172, 178;
  --bs-secondary-bg: #e4e6e8;
  --bs-secondary-bg-rgb: 228, 230, 232;
  --bs-tertiary-color: rgba(100, 110, 120, 0.5);
  --bs-tertiary-color-rgb: 100, 110, 120;
  --bs-tertiary-bg: #e9eaec;
  --bs-tertiary-bg-rgb: 233, 234, 236;
  --bs-heading-color: #384551;
  --bs-link-color: #696cff;
  --bs-link-color-rgb: 105, 108, 255;
  --bs-link-decoration: none;
  --bs-link-hover-color: #5f61e6;
  --bs-link-hover-color-rgb: 95, 97, 230;
  --bs-code-color: #e83e8c;
  --bs-highlight-color: #646e78;
  --bs-highlight-bg: #ffeecc;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e4e6e8;
  --bs-border-color-translucent: rgba(34, 48, 62, 0.175);
  --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.5rem 0 rgba(34, 48, 62, 0.1);
  --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08);
  --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(34, 48, 62, 0.075);
  --bs-focus-ring-width: 0.15rem;
  --bs-focus-ring-opacity: 0.75;
  --bs-focus-ring-color: rgba(100, 110, 120, 0.75);
  --bs-form-valid-color: #71dd37;
  --bs-form-valid-border-color: #71dd37;
  --bs-form-invalid-color: #ff3e1d;
  --bs-form-invalid-border-color: #ff3e1d;
  --bs-sticky-table-header: #fff;
  --bs-bg-label-tint-amount: 84%;
  --bs-border-subtle-amount: 70%;
  --bs-base-color: #22303e;
  --bs-base-color-rgb: 34, 48, 62;
  --bs-paper-bg: #fff;
  --bs-paper-bg-rgb: 255, 255, 255;
  --bs-min-contrast-ratio: 1.7;
  --bs-box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
  --bs-box-shadow-xs: 0 0.0625rem 0.3175rem 0 rgba(34, 48, 62, 0.06);
  --bs-box-shadow-sm: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08);
  --bs-box-shadow-lg: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
  --bs-box-shadow-xl: 0 0.3125rem 1.375rem 0 rgba(34, 48, 62, 0.18);
  --bs-floating-component-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
  --bs-custom-link-color: var(--bs-primary);
  --bs-navbar-bg: var(--bs-paper-bg);
  --bs-navbar-box-shadow: 0 0 10px #e4e6e8;
  --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)
}

:root {
  --prefix: bs-;
  --bs-pure-black: #000;
  --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-pure-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)
}

.preload-wrapper {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
	background: center no-repeat rgb(235 235 235);
  cursor: default;
  opacity: 0.99;
}

.pagination {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.4809rem;
  --bs-pagination-font-size: 0.9375rem;
  --bs-pagination-color: var(--bs-heading-color);
  --bs-pagination-bg: rgba(var(--bs-base-color-rgb), 0.06);
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: rgba(34, 48, 62, 0.22);
  --bs-pagination-border-radius: 50%;
  --bs-pagination-hover-color: var(--bs-primary);
  --bs-pagination-hover-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-hover-border-color: rgba(34, 48, 62, 0.22);
  --bs-pagination-focus-color: var(--bs-primary);
  --bs-pagination-focus-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: var(--bs-white);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
  --bs-pagination-disabled-color: var(--bs-heading-color);
  --bs-pagination-disabled-bg: rgba(var(--bs-base-color-rgb), 0.06);
  --bs-pagination-disabled-border-color: rgba(34, 48, 62, 0.22);
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active,.active>.page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,.disabled>.page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: .375rem
}

.page-item .page-link {
  border-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 0.9826rem;
  --bs-pagination-padding-y: 0.681rem;
  --bs-pagination-font-size: 1.0625rem;
  --bs-pagination-border-radius: 50%
}

.pagination-sm {
  --bs-pagination-padding-x: 0.269rem;
  --bs-pagination-padding-y: 0.3165rem;
  --bs-pagination-font-size: 0.8125rem;
  --bs-pagination-border-radius: 50%
}

.pagination {
  --bs-pagination-box-shadow-color: var(--bs-primary-rgb);
  padding-inline-start:0
}

.pagination[class*=pagination-outline-] .page-item.active .page-link {
  box-shadow: none
}

.pagination[class*=pagination-outline-] .page-item:not(.active) .page-link,.pagination[class*=pagination-outline-] li>a:not(.page-link) {
  --bs-pagination-bg: transparent;
  --bs-pagination-hover-bg: rgba(var(--bs-base-color-rgb), .06);
  --bs-pagination-hover-color: var(--bs-pagination-color);
  --bs-pagination-hover-border-color: color-mix(in sRGB, #22303e 22%, var(--bs-paper-bg));
  --bs-pagination-focus-bg: rgba(var(--bs-base-color-rgb), .06);
  --bs-pagination-focus-color: var(--bs-pagination-color)
}

.pagination.pagination-lg {
  --bs-pagination-font-size: 1.0625rem
}

.pagination.pagination-sm {
  --bs-pagination-font-size: 0.8125rem
}

.pagination .page-item .page-link:focus,.pagination li>a:not(.page-link):focus {
  color: var(--bs-pagination-focus-color)
}

.pagination .page-item.active .page-link,.pagination li.active>a:not(.page-link) {
  box-shadow: 0 .125rem .25rem 0 rgba(var(--bs-pagination-box-shadow-color), 0.4);
  color: var(--bs-pagination-active-color)
}

.pagination:not([class*=pagination-outline-]) .page-link {
  border-color: rgba(0,0,0,0)
}

.pagination.pagination-square .page-item a {
  border-radius: 0
}

.pagination.pagination-round .page-item a {
  border-radius: 50%
}

.pagination.pagination-rounded .page-item a {
  border-radius: .375rem
}

.pagination.pagination-sm.pagination-rounded .page-item a {
  border-radius: .25rem
}

.pagination.pagination-lg.pagination-rounded .page-item a {
  border-radius: .5rem
}

.page-item.disabled .page-link,.page-item[disabled] .page-link {
  opacity: .45;
  pointer-events: none
}

.page-item:last-child .icon-base {
  transform: translateX(7%)
}

.page-link,.page-link>a {
  border-radius: .375rem;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-block-size: calc(2.2508625rem + calc(1px * 2));
  min-inline-size: calc(2.2505625rem + calc(1px * 2))
}

.pagination-lg .page-link,.pagination-lg>li>a:not(.page-link) {
  min-block-size: calc(2.8757925rem + calc(1px * 2));
  min-inline-size: calc(2.8759615rem + calc(1px * 2))
}

.pagination-lg>.page-item.first .page-link,.pagination-lg>.page-item.last .page-link,.pagination-lg>.page-item.next .page-link,.pagination-lg>.page-item.prev .page-link,.pagination-lg>.page-item.previous .page-link {
  padding-inline:.5965rem
}

.pagination-sm .page-link,.pagination-sm>li>a:not(.page-link) {
  min-block-size: calc(1.7501875rem + calc(1px * 2));
  min-inline-size: calc(1.7509515rem + calc(1px * 2))
}

.pagination-sm>.page-item.first .page-link,.pagination-sm>.page-item.last .page-link,.pagination-sm>.page-item.next .page-link,.pagination-sm>.page-item.prev .page-link,.pagination-sm>.page-item.previous .page-link {
  padding-block:.211rem;padding-inline:.211rem
}

.pagination-sm .page-item+.page-item .page-link,.pagination-sm .pagination li+li>a:not(.page-link) {
  margin-inline-start:.25rem
}

.pagination-lg .page-item+.page-item .page-link,.pagination-lg .pagination li+li>a:not(.page-link) {
  margin-inline-start:.5rem
}

:dir(rtl) .pagination {
  padding-inline-end:0
}

:dir(rtl) .page-item .page-link,:dir(rtl) .pagination li>a:not(.page-link) {
  margin-inline:0 .375rem
}

:dir(rtl) .page-item.first .page-link .icon-base,:dir(rtl) .page-item.last .page-link .icon-base,:dir(rtl) .page-item.next .page-link .icon-base,:dir(rtl) .page-item.prev .page-link .icon-base,:dir(rtl) .page-item.previous .page-link .icon-base {
  transform: rotate(180deg)
}

.pagination.pagination-primary {
  --bs-pagination-hover-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-hover-color: var(--bs-primary);
  --bs-pagination-focus-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-focus-color: var(--bs-primary);
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-box-shadow-color: var(--bs-primary-rgb)
}

.pagination.pagination-outline-primary {
  --bs-pagination-active-bg: var(--bs-primary-bg-subtle);
  --bs-pagination-active-color: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary)
}

.pagination.pagination-secondary {
  --bs-pagination-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-pagination-hover-color: var(--bs-secondary);
  --bs-pagination-focus-bg: var(--bs-secondary-bg-subtle);
  --bs-pagination-focus-color: var(--bs-secondary);
  --bs-pagination-active-bg: var(--bs-secondary);
  --bs-pagination-box-shadow-color: var(--bs-secondary-rgb)
}

.pagination.pagination-outline-secondary {
  --bs-pagination-active-bg: var(--bs-secondary-bg-subtle);
  --bs-pagination-active-color: var(--bs-secondary);
  --bs-pagination-active-border-color: var(--bs-secondary)
}

.pagination.pagination-success {
  --bs-pagination-hover-bg: var(--bs-success-bg-subtle);
  --bs-pagination-hover-color: var(--bs-success);
  --bs-pagination-focus-bg: var(--bs-success-bg-subtle);
  --bs-pagination-focus-color: var(--bs-success);
  --bs-pagination-active-bg: var(--bs-success);
  --bs-pagination-box-shadow-color: var(--bs-success-rgb)
}

.pagination.pagination-outline-success {
  --bs-pagination-active-bg: var(--bs-success-bg-subtle);
  --bs-pagination-active-color: var(--bs-success);
  --bs-pagination-active-border-color: var(--bs-success)
}

.pagination.pagination-info {
  --bs-pagination-hover-bg: var(--bs-info-bg-subtle);
  --bs-pagination-hover-color: var(--bs-info);
  --bs-pagination-focus-bg: var(--bs-info-bg-subtle);
  --bs-pagination-focus-color: var(--bs-info);
  --bs-pagination-active-bg: var(--bs-info);
  --bs-pagination-box-shadow-color: var(--bs-info-rgb)
}

.pagination.pagination-outline-info {
  --bs-pagination-active-bg: var(--bs-info-bg-subtle);
  --bs-pagination-active-color: var(--bs-info);
  --bs-pagination-active-border-color: var(--bs-info)
}

.pagination.pagination-warning {
  --bs-pagination-hover-bg: var(--bs-warning-bg-subtle);
  --bs-pagination-hover-color: var(--bs-warning);
  --bs-pagination-focus-bg: var(--bs-warning-bg-subtle);
  --bs-pagination-focus-color: var(--bs-warning);
  --bs-pagination-active-bg: var(--bs-warning);
  --bs-pagination-box-shadow-color: var(--bs-warning-rgb)
}

.pagination.pagination-outline-warning {
  --bs-pagination-active-bg: var(--bs-warning-bg-subtle);
  --bs-pagination-active-color: var(--bs-warning);
  --bs-pagination-active-border-color: var(--bs-warning)
}

.pagination.pagination-danger {
  --bs-pagination-hover-bg: var(--bs-danger-bg-subtle);
  --bs-pagination-hover-color: var(--bs-danger);
  --bs-pagination-focus-bg: var(--bs-danger-bg-subtle);
  --bs-pagination-focus-color: var(--bs-danger);
  --bs-pagination-active-bg: var(--bs-danger);
  --bs-pagination-box-shadow-color: var(--bs-danger-rgb)
}

.pagination.pagination-outline-danger {
  --bs-pagination-active-bg: var(--bs-danger-bg-subtle);
  --bs-pagination-active-color: var(--bs-danger);
  --bs-pagination-active-border-color: var(--bs-danger)
}

.pagination.pagination-light {
  --bs-pagination-hover-bg: var(--bs-light-bg-subtle);
  --bs-pagination-hover-color: var(--bs-light);
  --bs-pagination-focus-bg: var(--bs-light-bg-subtle);
  --bs-pagination-focus-color: var(--bs-light);
  --bs-pagination-active-bg: var(--bs-light);
  --bs-pagination-box-shadow-color: var(--bs-light-rgb)
}

.pagination.pagination-outline-light {
  --bs-pagination-active-bg: var(--bs-light-bg-subtle);
  --bs-pagination-active-color: var(--bs-light);
  --bs-pagination-active-border-color: var(--bs-light)
}

.pagination.pagination-dark {
  --bs-pagination-hover-bg: var(--bs-dark-bg-subtle);
  --bs-pagination-hover-color: var(--bs-dark);
  --bs-pagination-focus-bg: var(--bs-dark-bg-subtle);
  --bs-pagination-focus-color: var(--bs-dark);
  --bs-pagination-active-bg: var(--bs-dark);
  --bs-pagination-box-shadow-color: var(--bs-dark-rgb)
}

.pagination.pagination-outline-dark {
  --bs-pagination-active-bg: var(--bs-dark-bg-subtle);
  --bs-pagination-active-color: var(--bs-dark);
  --bs-pagination-active-border-color: var(--bs-dark)
}

.pagination.pagination-gray {
  --bs-pagination-hover-bg: var(--bs-gray-bg-subtle);
  --bs-pagination-hover-color: var(--bs-gray);
  --bs-pagination-focus-bg: var(--bs-gray-bg-subtle);
  --bs-pagination-focus-color: var(--bs-gray);
  --bs-pagination-active-bg: var(--bs-gray);
  --bs-pagination-box-shadow-color: var(--bs-gray-rgb)
}

.pagination.pagination-outline-gray {
  --bs-pagination-active-bg: var(--bs-gray-bg-subtle);
  --bs-pagination-active-color: var(--bs-gray);
  --bs-pagination-active-border-color: var(--bs-gray)
}

/* Buttons bootstrap */
.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 .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 {
  --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
}

.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-label-]:not(:hover),.btn[class*=btn-label-]:focus,.btn[class*=btn-label-]:active {
  --bs-btn-box-shadow: none
}

.btn[class*=btn-label-]:hover {
  box-shadow: var(--bs-btn-box-shadow)
}

.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[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-text-]:not(.btn-icon) {
  padding-inline:.75rem
}

.btn[class*=btn-text-]:not(.btn-icon)[class*=btn-sm] {
  padding-inline:.5rem
}

.btn[class*=btn-text-]:not(.btn-icon)[class*=btn-lg] {
  padding-inline:1rem
}

.btn:hover {
  transform: translateY(-1px)
}

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

.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: #ffab00;
  --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-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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-primary));
  --bs-btn-box-shadow-rgb: var(--bs-primary-rgb);
  --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 15%, var(--bs-primary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-secondary));
  --bs-btn-box-shadow-rgb: var(--bs-secondary-rgb);
  --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 15%, var(--bs-secondary));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-text-secondary {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-success));
  --bs-btn-box-shadow-rgb: var(--bs-success-rgb);
  --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 15%, var(--bs-success));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-success);
  --bs-btn-active-color: var(--bs-success);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-info));
  --bs-btn-box-shadow-rgb: var(--bs-info-rgb);
  --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 15%, var(--bs-info));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-info);
  --bs-btn-active-color: var(--bs-info);
  --bs-btn-group-border-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-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)
}

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

.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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-warning));
  --bs-btn-box-shadow-rgb: var(--bs-warning-rgb);
  --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 15%, var(--bs-warning));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, var(--bs-warning))
}

.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-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-hover-color: var(--bs-warning);
  --bs-btn-active-color: var(--bs-warning);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-danger));
  --bs-btn-box-shadow-rgb: var(--bs-danger-rgb);
  --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 15%, var(--bs-danger));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-danger);
  --bs-btn-active-color: var(--bs-danger);
  --bs-btn-group-border-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-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)
}

.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-label-light {
  --bs-btn-color: var(--bs-light-contrast);
  --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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-light));
  --bs-btn-box-shadow-rgb: var(--bs-light-rgb);
  --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 15%, var(--bs-light));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-light);
  --bs-btn-active-color: var(--bs-light);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-dark));
  --bs-btn-box-shadow-rgb: var(--bs-dark-rgb);
  --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 15%, var(--bs-dark));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-dark);
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-group-border-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-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)
}

.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-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-contrast);
  --bs-btn-hover-bg: color-mix(in sRGB, #000 15%, var(--bs-gray));
  --bs-btn-box-shadow-rgb: var(--bs-gray-rgb);
  --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 15%, var(--bs-gray));
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --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) 68%, 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-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-hover-color: var(--bs-gray);
  --bs-btn-active-color: var(--bs-gray);
  --bs-btn-group-border-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-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)
}

.modal-header {
  border-bottom: none!important;
}

.modal-footer {
  border-top: none!important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

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

/* Scroll container */
.table-sticky-header {
  max-height: 23.75rem;
  overflow-y: auto;
  border: 1px solid var(--bs-table-border-color);
  border-radius: 0.375rem;
}

/* Table full width */
.table-sticky-header table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: separate;
  border-spacing: 0;
}

.table-sticky-header thead {
  position: sticky;
  top: 0;
  z-index: 6; /* Lebih tinggi dari th */
  /* background: var(--bs-sticky-table-header); */
  background: var(--bs-modal-bg);
  transition: box-shadow 0.2s ease-in-out;
}

/* Sticky thead */
.table-sticky-header thead th {
  border-top: 1px solid var(--bs-table-border-color);
  border-bottom: 1px solid var(--bs-table-border-color);
  background: var(--bs-table-bg);
  box-shadow: none; /* Important: no shadow between column */
}

.table-sticky-header.scrolled thead {
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.12);
}

.table-sticky-header.top-border-0 thead th {
  border-top: none;
}

.table-sticky-header.bottom-border-0 thead th {
  border-bottom: none;
}

.table-sticky-header.border-0 thead th {
  border-top: none;
  border-bottom: none;
}

.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-gray-200);
  --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(34, 48, 62, 0.06);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: middle;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .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-group-divider {
  border-top: calc(var(--bs-border-width)*2) solid var(--bs-gray-200)
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .594rem 1.25rem
}

.table-bordered>:not(caption)>* {
  border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg)
}

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

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #e1e2ff;
  --bs-table-border-color: #c6c7e0;
  --bs-table-striped-bg: #d4d4f0;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cfd0eb;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d4d4f0;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e7e9ed;
  --bs-table-border-color: #cbcdd1;
  --bs-table-striped-bg: #d9dbdf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #d5d6da;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d9dbdf;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #e3f8d7;
  --bs-table-border-color: #c8dabd;
  --bs-table-striped-bg: #d5e9ca;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #d1e4c6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d5e9ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cdf3fb;
  --bs-table-border-color: #b4d6dd;
  --bs-table-striped-bg: #c1e4ec;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bde0e7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1e4ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #ffeecc;
  --bs-table-border-color: #e0d1b4;
  --bs-table-striped-bg: #f0e0c0;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #ebdbbc;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #f0e0c0;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #ffd8d2;
  --bs-table-border-color: #e0beb9;
  --bs-table-striped-bg: #f0cbc5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #ebc7c1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #f0cbc5;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #dbdee0;
  --bs-table-border-color: #c1c3c5;
  --bs-table-striped-bg: #ced1d3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c9ccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ced1d3;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #2b2c40;
  --bs-table-border-color: #444557;
  --bs-table-striped-bg: #38394b;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #3c3d4f;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #38394b;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 767.98px) {
  .table-responsive-md {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x:auto;
    -webkit-overflow-scrolling: touch
  }
}

.table>:not(caption)>*>* {
  background-clip: padding-box
}

.table tr>td .dropdown {
  position: static
}

.table .btn-icon,.table .btn:not([class*=btn-]) {
  color: var(--bs-table-color)
}

.table th {
  color: var(--bs-heading-color);
  font-size: .8125rem;
  letter-spacing: .2px;
  text-transform: uppercase
}

.table:not(.table-borderless):not(.table-without-card,.dataTable) thead th {
  border-block-start-width:var(--bs-border-width)
}

.table.table-flush-spacing thead tr>td: first-child,.table.table-flush-spacing tbody tr>td:first-child {
  padding-inline-start:0
}

.table.table-flush-spacing thead tr>td:last-child,.table.table-flush-spacing tbody tr>td:last-child {
  padding-inline-end:0
}

.card .table {
  margin-block-end:0
}

.table.table-dark,.table .table-dark {
  border-color: #4e4f6c
}

.table.table-dark th,.table .table-dark th {
  --bs-heading-color: #fff
}

.table.table-light,.table .table-light {
    border-color: var(--bs-border-color)
}

.table.table-light th,.table .table-light th {
  --bs-heading-color: var(--bs-heading-color)
}

.table caption {
  padding-block:.782rem;padding-inline:1.25rem
}

.table thead tr th {
  padding-block:1.161rem
}

.table.table-borderless:not(.table-sm)>:not(thead)>*>* {
  padding-block:.8133rem
}

.table.table-borderless:not(.table-sm)>thead>*>* {
  padding-block:1.1923rem
}

.table-border-bottom-0 tr:last-child td {
  border-block-end-width:0
}

.table-border-top-0 tr:first-child td,.table-border-top-0 tr:first-child th {
  border-block-start-width:0 !important
}

.table-primary {
  --bs-table-bg: rgba(var(--bs-primary-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-secondary {
  --bs-table-bg: rgba(var(--bs-secondary-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-success {
  --bs-table-bg: rgba(var(--bs-success-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-info {
  --bs-table-bg: rgba(var(--bs-info-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-warning {
  --bs-table-bg: rgba(var(--bs-warning-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-danger {
  --bs-table-bg: rgba(var(--bs-danger-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.table-light {
  --bs-table-bg: rgba(var(--bs-light-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg));
  --bs-table-bg: var(--bs-light);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-table-color) 3.5%, var(--bs-table-bg));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-table-color) 4%, var(--bs-table-bg))
}

.table-dark {
  --bs-table-bg: rgba(var(--bs-dark-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg));
  --bs-table-bg: var(--bs-dark);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-table-color) 3.5%, var(--bs-table-bg));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-table-color) 4%, var(--bs-table-bg))
}

.table-gray {
  --bs-table-bg: rgba(var(--bs-gray-rgb), .2);
  --bs-table-hover-bg: color-mix(in sRGB, var(--bs-body-bg) 46%, var(--bs-table-bg));
  --bs-table-border-color: color-mix(in sRGB, var(--bs-table-bg) 98%, var(--bs-table-color));
  --bs-table-active-bg: color-mix(in sRGB, var(--bs-body-bg) 32.5%, var(--bs-table-bg))
}

.footer-img {
  width: 175px;
}