@import './constant.css';

/* =====================================================
   Default UI scale — the app renders at 75%, the same as
   setting the browser zoom to 75%. Users can still zoom
   with the browser on top of this.
   Skipped on phones (too dense at 75%) and when printing
   so paper / PDF output stays 1:1.

   NOTE: CSS zoom does not rescale viewport units, so vh/vw
   sizes must be divided by the zoom factor to still cover
   the same share of the screen:
       height: calc(70vh / var(--app-zoom, 1));
   ===================================================== */
:root {
  --app-zoom: 1;
}

@media screen and (min-width: 768px) {
  :root {
    --app-zoom: 0.75;
  }

  html {
    zoom: var(--app-zoom);
  }
}

@media print {
  html {
    zoom: 1;
  }
}

/* Bootstrap/Tabler size these full-screen elements in vw/vh. Because CSS zoom
   leaves viewport units alone, the modal dim layer would only cover 75% of the
   screen — the uncovered strip on the right/bottom looks like a render glitch. */
.modal-backdrop,
.offcanvas-backdrop {
  width: calc(100vw / var(--app-zoom, 1));
  height: calc(100vh / var(--app-zoom, 1));
}

.modal-fullscreen,
.modal-fullscreen-sm-down,
.modal-fullscreen-md-down,
.modal-fullscreen-lg-down,
.modal-fullscreen-xl-down,
.modal-fullscreen-xxl-down {
  width: calc(100vw / var(--app-zoom, 1));
  height: calc(100vh / var(--app-zoom, 1));
}

.vw-100 { width: calc(100vw / var(--app-zoom, 1)) !important; }
.min-vw-100 { min-width: calc(100vw / var(--app-zoom, 1)) !important; }
.vh-100 { height: calc(100vh / var(--app-zoom, 1)) !important; }
.min-vh-100 { min-height: calc(100vh / var(--app-zoom, 1)) !important; }

.mdka-bg-amber-50 {
  background-color: var(--mdka-amber-50) !important;
}

.mdka-text-amber-50 {
  color: var(--mdka-amber-50);
}

.mdka-border-amber-50 {
  border-color: var(--mdka-amber-50) !important;
}

.mdka-btn-amber-50 {
  background-color: var(--mdka-amber-50) !important;
  border-color: var(--mdka-amber-50) !important;
}

.mdka-bg-amber-100 {
  background-color: var(--mdka-amber-100) !important;
}

.mdka-text-amber-100 {
  color: var(--mdka-amber-100);
}

.mdka-border-amber-100 {
  border-color: var(--mdka-amber-100) !important;
}

.mdka-btn-amber-100 {
  background-color: var(--mdka-amber-100) !important;
  border-color: var(--mdka-amber-100) !important;
}

.mdka-bg-amber-200 {
  background-color: var(--mdka-amber-200) !important;
}

.mdka-text-amber-200 {
  color: var(--mdka-amber-200);
}

.mdka-border-amber-200 {
  border-color: var(--mdka-amber-200) !important;
}

.mdka-btn-amber-200 {
  background-color: var(--mdka-amber-200) !important;
  border-color: var(--mdka-amber-200) !important;
}

.mdka-bg-amber-300 {
  background-color: var(--mdka-amber-300) !important;
}

.mdka-text-amber-300 {
  color: var(--mdka-amber-300);
}

.mdka-border-amber-300 {
  border-color: var(--mdka-amber-300) !important;
}

.mdka-btn-amber-300 {
  background-color: var(--mdka-amber-300) !important;
  border-color: var(--mdka-amber-300) !important;
}

.mdka-bg-amber-400 {
  background-color: var(--mdka-amber-400) !important;
}

.mdka-text-amber-400 {
  color: var(--mdka-amber-400);
}

.mdka-border-amber-400 {
  border-color: var(--mdka-amber-400) !important;
}

.mdka-btn-amber-400 {
  background-color: var(--mdka-amber-400) !important;
  border-color: var(--mdka-amber-400) !important;
}

.mdka-bg-amber-500 {
  background-color: var(--mdka-amber-500) !important;
}

.mdka-text-amber-500 {
  color: var(--mdka-amber-500);
}

.mdka-border-amber-500 {
  border-color: var(--mdka-amber-500) !important;
}

.mdka-btn-amber-500 {
  background-color: var(--mdka-amber-500) !important;
  border-color: var(--mdka-amber-500) !important;
}

.mdka-bg-amber-600 {
  background-color: var(--mdka-amber-600) !important;
}

.mdka-text-amber-600 {
  color: var(--mdka-amber-600);
}

.mdka-border-amber-600 {
  border-color: var(--mdka-amber-600) !important;
}

.mdka-btn-amber-600 {
  background-color: var(--mdka-amber-600) !important;
  border-color: var(--mdka-amber-600) !important;
}

.mdka-bg-amber-700 {
  background-color: var(--mdka-amber-700) !important;
}

.mdka-text-amber-700 {
  color: var(--mdka-amber-700);
}

.mdka-border-amber-700 {
  border-color: var(--mdka-amber-700) !important;
}

.mdka-btn-amber-700 {
  background-color: var(--mdka-amber-700) !important;
  border-color: var(--mdka-amber-700) !important;
}

.mdka-bg-amber-800 {
  background-color: var(--mdka-amber-800) !important;
}

.mdka-text-amber-800 {
  color: var(--mdka-amber-800);
}

.mdka-border-amber-800 {
  border-color: var(--mdka-amber-800) !important;
}

.mdka-btn-amber-800 {
  background-color: var(--mdka-amber-800) !important;
  border-color: var(--mdka-amber-800) !important;
}

.mdka-bg-amber-900 {
  background-color: var(--mdka-amber-900) !important;
}

.mdka-text-amber-900 {
  color: var(--mdka-amber-900);
}

.mdka-border-amber-900 {
  border-color: var(--mdka-amber-900) !important;
}

.mdka-btn-amber-900 {
  background-color: var(--mdka-amber-900) !important;
  border-color: var(--mdka-amber-900) !important;
}

.mdka-btn-amber-50:hover {
  background-color: var(--mdka-amber-100) !important;
  border-color: var(--mdka-amber-100) !important;
}

.mdka-btn-amber-50:focus {
  background-color: var(--mdka-amber-100) !important;
  border-color: var(--mdka-amber-100) !important;
}

.mdka-btn-amber-50:active {
  background-color: var(--mdka-amber-100) !important;
  border-color: var(--mdka-amber-100) !important;
}

.mdka-btn-amber-50:disabled {
  background-color: var(--mdka-amber-100) !important;
  border-color: var(--mdka-amber-100) !important;
}

.mdka-btn-amber-100:hover {
  background-color: var(--mdka-amber-200) !important;
  border-color: var(--mdka-amber-200) !important;
}

.mdka-btn-amber-100:focus {
  background-color: var(--mdka-amber-200) !important;
  border-color: var(--mdka-amber-200) !important;
}

.mdka-btn-amber-100:active {
  background-color: var(--mdka-amber-200) !important;
  border-color: var(--mdka-amber-200) !important;
}

.mdka-btn-amber-100:disabled {
  background-color: var(--mdka-amber-200) !important;
  border-color: var(--mdka-amber-200) !important;
}

.mdka-btn-amber-200:hover {
  background-color: var(--mdka-amber-300) !important;
  border-color: var(--mdka-amber-300) !important;
}

.mdka-btn-amber-200:focus {
  background-color: var(--mdka-amber-300) !important;
  border-color: var(--mdka-amber-300) !important;
}

.mdka-btn-amber-200:active {
  background-color: var(--mdka-amber-300) !important;
  border-color: var(--mdka-amber-300) !important;
}

.mdka-btn-amber-200:disabled {
  background-color: var(--mdka-amber-300) !important;
  border-color: var(--mdka-amber-300) !important;
}

.mdka-btn-amber-300:hover {
  background-color: var(--mdka-amber-400) !important;
  border-color: var(--mdka-amber-400) !important;
}

.mdka-btn-amber-300:focus {
  background-color: var(--mdka-amber-400) !important;
  border-color: var(--mdka-amber-400) !important;
}

.mdka-btn-amber-300:active {
  background-color: var(--mdka-amber-400) !important;
  border-color: var(--mdka-amber-400) !important;
}

.mdka-btn-amber-300:disabled {
  background-color: var(--mdka-amber-400) !important;
  border-color: var(--mdka-amber-400) !important;
}

.mdka-btn-amber-400:hover {
  background-color: var(--mdka-amber-500) !important;
  border-color: var(--mdka-amber-500) !important;
}

.mdka-btn-amber-400:focus {
  background-color: var(--mdka-amber-500) !important;
  border-color: var(--mdka-amber-500) !important;
}

.mdka-btn-amber-400:active {
  background-color: var(--mdka-amber-500) !important;
  border-color: var(--mdka-amber-500) !important;
}

.mdka-btn-amber-400:disabled {
  background-color: var(--mdka-amber-500) !important;
  border-color: var(--mdka-amber-500) !important;
}

.mdka-btn-amber-500:hover {
  background-color: var(--mdka-amber-600) !important;
  border-color: var(--mdka-amber-600) !important;
}

.mdka-btn-amber-500:focus {
  background-color: var(--mdka-amber-600) !important;
  border-color: var(--mdka-amber-600) !important;
}

.mdka-btn-amber-500:active {
  background-color: var(--mdka-amber-600) !important;
  border-color: var(--mdka-amber-600) !important;
}

.mdka-btn-amber-500:disabled {
  background-color: var(--mdka-amber-600) !important;
  border-color: var(--mdka-amber-600) !important;
}

.mdka-btn-amber-600:hover {
  background-color: var(--mdka-amber-700) !important;
  border-color: var(--mdka-amber-700) !important;
}

.mdka-btn-amber-600:focus {
  background-color: var(--mdka-amber-700) !important;
  border-color: var(--mdka-amber-700) !important;
}

.mdka-btn-amber-600:active {
  background-color: var(--mdka-amber-700) !important;
  border-color: var(--mdka-amber-700) !important;
}

.mdka-btn-amber-600:disabled {
  background-color: var(--mdka-amber-700) !important;
  border-color: var(--mdka-amber-700) !important;
}

.mdka-btn-amber-700:hover {
  background-color: var(--mdka-amber-800) !important;
  border-color: var(--mdka-amber-800) !important;
}

.mdka-btn-amber-700:focus {
  background-color: var(--mdka-amber-800) !important;
  border-color: var(--mdka-amber-800) !important;
}

.mdka-btn-amber-700:active {
  background-color: var(--mdka-amber-800) !important;
  border-color: var(--mdka-amber-800) !important;
}

.mdka-btn-amber-700:disabled {
  background-color: var(--mdka-amber-800) !important;
  border-color: var(--mdka-amber-800) !important;
}

.mdka-btn-amber-800:hover {
  background-color: var(--mdka-amber-900) !important;
  border-color: var(--mdka-amber-900) !important;
}

.mdka-btn-amber-800:focus {
  background-color: var(--mdka-amber-900) !important;
  border-color: var(--mdka-amber-900) !important;
}

.mdka-btn-amber-800:active {
  background-color: var(--mdka-amber-900) !important;
  border-color: var(--mdka-amber-900) !important;
}

.mdka-btn-amber-800:disabled {
  background-color: var(--mdka-amber-900) !important;
  border-color: var(--mdka-amber-900) !important;
}

.mdka-bg-emerald-50 {
  background-color: var(--mdka-emerald-50) !important;
}

.mdka-text-emerald-50 {
  color: var(--mdka-emerald-50);
}

.mdka-border-emerald-50 {
  border-color: var(--mdka-emerald-50) !important;
}

.mdka-btn-emerald-50 {
  background-color: var(--mdka-emerald-50) !important;
  border-color: var(--mdka-emerald-50) !important;
}

.mdka-bg-emerald-100 {
  background-color: var(--mdka-emerald-100) !important;
}

.mdka-text-emerald-100 {
  color: var(--mdka-emerald-100);
}

.mdka-border-emerald-100 {
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-btn-emerald-100 {
  background-color: var(--mdka-emerald-100) !important;
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-bg-emerald-200 {
  background-color: var(--mdka-emerald-200) !important;
}

.mdka-text-emerald-200 {
  color: var(--mdka-emerald-200);
}

.mdka-border-emerald-200 {
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-btn-emerald-200 {
  background-color: var(--mdka-emerald-200) !important;
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-bg-emerald-300 {
  background-color: var(--mdka-emerald-300) !important;
}

.mdka-text-emerald-300 {
  color: var(--mdka-emerald-300);
}

.mdka-border-emerald-300 {
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-btn-emerald-300 {
  background-color: var(--mdka-emerald-300) !important;
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-bg-emerald-400 {
  background-color: var(--mdka-emerald-400) !important;
}

.mdka-text-emerald-400 {
  color: var(--mdka-emerald-400);
}

.mdka-border-emerald-400 {
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-btn-emerald-400 {
  background-color: var(--mdka-emerald-400) !important;
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-bg-emerald-500 {
  background-color: var(--mdka-emerald-500) !important;
}

.mdka-text-emerald-500 {
  color: var(--mdka-emerald-500);
}

.mdka-border-emerald-500 {
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-btn-emerald-500 {
  background-color: var(--mdka-emerald-500) !important;
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-bg-emerald-600 {
  background-color: var(--mdka-emerald-600) !important;
}

.mdka-text-emerald-600 {
  color: var(--mdka-emerald-600);
}

.mdka-border-emerald-600 {
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-btn-emerald-600 {
  background-color: var(--mdka-emerald-600) !important;
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-bg-emerald-700 {
  background-color: var(--mdka-emerald-700) !important;
}

.mdka-text-emerald-700 {
  color: var(--mdka-emerald-700);
}

.mdka-border-emerald-700 {
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-btn-emerald-700 {
  background-color: var(--mdka-emerald-700) !important;
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-bg-emerald-800 {
  background-color: var(--mdka-emerald-800) !important;
}

.mdka-text-emerald-800 {
  color: var(--mdka-emerald-800);
}

.mdka-border-emerald-800 {
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-btn-emerald-800 {
  background-color: var(--mdka-emerald-800) !important;
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-bg-emerald-900 {
  background-color: var(--mdka-emerald-900) !important;
}

.mdka-text-emerald-900 {
  color: var(--mdka-emerald-900);
}

.mdka-border-emerald-900 {
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-btn-emerald-900 {
  background-color: var(--mdka-emerald-900) !important;
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-btn-emerald-50:hover {
  background-color: var(--mdka-emerald-100) !important;
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-btn-emerald-50:focus {
  background-color: var(--mdka-emerald-100) !important;
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-btn-emerald-50:active {
  background-color: var(--mdka-emerald-100) !important;
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-btn-emerald-50:disabled {
  background-color: var(--mdka-emerald-100) !important;
  border-color: var(--mdka-emerald-100) !important;
}

.mdka-btn-emerald-100:hover {
  background-color: var(--mdka-emerald-200) !important;
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-btn-emerald-100:focus {
  background-color: var(--mdka-emerald-200) !important;
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-btn-emerald-100:active {
  background-color: var(--mdka-emerald-200) !important;
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-btn-emerald-100:disabled {
  background-color: var(--mdka-emerald-200) !important;
  border-color: var(--mdka-emerald-200) !important;
}

.mdka-btn-emerald-200:hover {
  background-color: var(--mdka-emerald-300) !important;
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-btn-emerald-200:focus {
  background-color: var(--mdka-emerald-300) !important;
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-btn-emerald-200:active {
  background-color: var(--mdka-emerald-300) !important;
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-btn-emerald-200:disabled {
  background-color: var(--mdka-emerald-300) !important;
  border-color: var(--mdka-emerald-300) !important;
}

.mdka-btn-emerald-300:hover {
  background-color: var(--mdka-emerald-400) !important;
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-btn-emerald-300:focus {
  background-color: var(--mdka-emerald-400) !important;
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-btn-emerald-300:active {
  background-color: var(--mdka-emerald-400) !important;
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-btn-emerald-300:disabled {
  background-color: var(--mdka-emerald-400) !important;
  border-color: var(--mdka-emerald-400) !important;
}

.mdka-btn-emerald-400:hover {
  background-color: var(--mdka-emerald-500) !important;
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-btn-emerald-400:focus {
  background-color: var(--mdka-emerald-500) !important;
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-btn-emerald-400:active {
  background-color: var(--mdka-emerald-500) !important;
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-btn-emerald-400:disabled {
  background-color: var(--mdka-emerald-500) !important;
  border-color: var(--mdka-emerald-500) !important;
}

.mdka-btn-emerald-500:hover {
  background-color: var(--mdka-emerald-600) !important;
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-btn-emerald-500:focus {
  background-color: var(--mdka-emerald-600) !important;
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-btn-emerald-500:active {
  background-color: var(--mdka-emerald-600) !important;
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-btn-emerald-500:disabled {
  background-color: var(--mdka-emerald-600) !important;
  border-color: var(--mdka-emerald-600) !important;
}

.mdka-btn-emerald-600:hover {
  background-color: var(--mdka-emerald-700) !important;
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-btn-emerald-600:focus {
  background-color: var(--mdka-emerald-700) !important;
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-btn-emerald-600:active {
  background-color: var(--mdka-emerald-700) !important;
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-btn-emerald-600:disabled {
  background-color: var(--mdka-emerald-700) !important;
  border-color: var(--mdka-emerald-700) !important;
}

.mdka-btn-emerald-700:hover {
  background-color: var(--mdka-emerald-800) !important;
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-btn-emerald-700:focus {
  background-color: var(--mdka-emerald-800) !important;
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-btn-emerald-700:active {
  background-color: var(--mdka-emerald-800) !important;
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-btn-emerald-700:disabled {
  background-color: var(--mdka-emerald-800) !important;
  border-color: var(--mdka-emerald-800) !important;
}

.mdka-btn-emerald-800:hover {
  background-color: var(--mdka-emerald-900) !important;
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-btn-emerald-800:focus {
  background-color: var(--mdka-emerald-900) !important;
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-btn-emerald-800:active {
  background-color: var(--mdka-emerald-900) !important;
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-btn-emerald-800:disabled {
  background-color: var(--mdka-emerald-900) !important;
  border-color: var(--mdka-emerald-900) !important;
}

.mdka-bg-teal-50 {
  background-color: var(--mdka-teal-50) !important;
}

.mdka-text-teal-50 {
  color: var(--mdka-teal-50);
}

.mdka-border-teal-50 {
  border-color: var(--mdka-teal-50) !important;
}

.mdka-btn-teal-50 {
  background-color: var(--mdka-teal-50) !important;
  border-color: var(--mdka-teal-50) !important;
}

.mdka-bg-teal-100 {
  background-color: var(--mdka-teal-100) !important;
}

.mdka-text-teal-100 {
  color: var(--mdka-teal-100);
}

.mdka-border-teal-100 {
  border-color: var(--mdka-teal-100) !important;
}

.mdka-btn-teal-100 {
  background-color: var(--mdka-teal-100) !important;
  border-color: var(--mdka-teal-100) !important;
}

.mdka-bg-teal-200 {
  background-color: var(--mdka-teal-200) !important;
}

.mdka-text-teal-200 {
  color: var(--mdka-teal-200);
}

.mdka-border-teal-200 {
  border-color: var(--mdka-teal-200) !important;
}

.mdka-btn-teal-200 {
  background-color: var(--mdka-teal-200) !important;
  border-color: var(--mdka-teal-200) !important;
}

.mdka-bg-teal-300 {
  background-color: var(--mdka-teal-300) !important;
}

.mdka-text-teal-300 {
  color: var(--mdka-teal-300);
}

.mdka-border-teal-300 {
  border-color: var(--mdka-teal-300) !important;
}

.mdka-btn-teal-300 {
  background-color: var(--mdka-teal-300) !important;
  border-color: var(--mdka-teal-300) !important;
}

.mdka-bg-teal-400 {
  background-color: var(--mdka-teal-400) !important;
}

.mdka-text-teal-400 {
  color: var(--mdka-teal-400);
}

.mdka-border-teal-400 {
  border-color: var(--mdka-teal-400) !important;
}

.mdka-btn-teal-400 {
  background-color: var(--mdka-teal-400) !important;
  border-color: var(--mdka-teal-400) !important;
}

.mdka-bg-teal-500 {
  background-color: var(--mdka-teal-500) !important;
}

.mdka-text-teal-500 {
  color: var(--mdka-teal-500);
}

.mdka-border-teal-500 {
  border-color: var(--mdka-teal-500) !important;
}

.mdka-btn-teal-500 {
  background-color: var(--mdka-teal-500) !important;
  border-color: var(--mdka-teal-500) !important;
}

.mdka-bg-teal-600 {
  background-color: var(--mdka-teal-600) !important;
}

.mdka-text-teal-600 {
  color: var(--mdka-teal-600);
}

.mdka-border-teal-600 {
  border-color: var(--mdka-teal-600) !important;
}

.mdka-btn-teal-600 {
  background-color: var(--mdka-teal-600) !important;
  border-color: var(--mdka-teal-600) !important;
}

.mdka-bg-teal-700 {
  background-color: var(--mdka-teal-700) !important;
}

.mdka-text-teal-700 {
  color: var(--mdka-teal-700);
}

.mdka-border-teal-700 {
  border-color: var(--mdka-teal-700) !important;
}

.mdka-btn-teal-700 {
  background-color: var(--mdka-teal-700) !important;
  border-color: var(--mdka-teal-700) !important;
}

.mdka-bg-teal-800 {
  background-color: var(--mdka-teal-800) !important;
}

.mdka-text-teal-800 {
  color: var(--mdka-teal-800);
}

.mdka-border-teal-800 {
  border-color: var(--mdka-teal-800) !important;
}

.mdka-btn-teal-800 {
  background-color: var(--mdka-teal-800) !important;
  border-color: var(--mdka-teal-800) !important;
}

.mdka-bg-teal-900 {
  background-color: var(--mdka-teal-900) !important;
}

.mdka-text-teal-900 {
  color: var(--mdka-teal-900);
}

.mdka-border-teal-900 {
  border-color: var(--mdka-teal-900) !important;
}

.mdka-btn-teal-900 {
  background-color: var(--mdka-teal-900) !important;
  border-color: var(--mdka-teal-900) !important;
}

.mdka-btn-teal-50:hover {
  background-color: var(--mdka-teal-100) !important;
  border-color: var(--mdka-teal-100) !important;
}

.mdka-btn-teal-50:focus {
  background-color: var(--mdka-teal-100) !important;
  border-color: var(--mdka-teal-100) !important;
}

.mdka-btn-teal-50:active {
  background-color: var(--mdka-teal-100) !important;
  border-color: var(--mdka-teal-100) !important;
}

.mdka-btn-teal-50:disabled {
  background-color: var(--mdka-teal-100) !important;
  border-color: var(--mdka-teal-100) !important;
}

.mdka-btn-teal-100:hover {
  background-color: var(--mdka-teal-200) !important;
  border-color: var(--mdka-teal-200) !important;
}

.mdka-btn-teal-100:focus {
  background-color: var(--mdka-teal-200) !important;
  border-color: var(--mdka-teal-200) !important;
}

.mdka-btn-teal-100:active {
  background-color: var(--mdka-teal-200) !important;
  border-color: var(--mdka-teal-200) !important;
}

.mdka-btn-teal-100:disabled {
  background-color: var(--mdka-teal-200) !important;
  border-color: var(--mdka-teal-200) !important;
}

.mdka-btn-teal-200:hover {
  background-color: var(--mdka-teal-300) !important;
  border-color: var(--mdka-teal-300) !important;
}

.mdka-btn-teal-200:focus {
  background-color: var(--mdka-teal-300) !important;
  border-color: var(--mdka-teal-300) !important;
}

.mdka-btn-teal-200:active {
  background-color: var(--mdka-teal-300) !important;
  border-color: var(--mdka-teal-300) !important;
}

.mdka-btn-teal-200:disabled {
  background-color: var(--mdka-teal-300) !important;
  border-color: var(--mdka-teal-300) !important;
}

.mdka-btn-teal-300:hover {
  background-color: var(--mdka-teal-400) !important;
  border-color: var(--mdka-teal-400) !important;
}

.mdka-btn-teal-300:focus {
  background-color: var(--mdka-teal-400) !important;
  border-color: var(--mdka-teal-400) !important;
}

.mdka-btn-teal-300:active {
  background-color: var(--mdka-teal-400) !important;
  border-color: var(--mdka-teal-400) !important;
}

.mdka-btn-teal-300:disabled {
  background-color: var(--mdka-teal-400) !important;
  border-color: var(--mdka-teal-400) !important;
}

.mdka-btn-teal-400:hover {
  background-color: var(--mdka-teal-500) !important;
  border-color: var(--mdka-teal-500) !important;
}

.mdka-btn-teal-400:focus {
  background-color: var(--mdka-teal-500) !important;
  border-color: var(--mdka-teal-500) !important;
}

.mdka-btn-teal-400:active {
  background-color: var(--mdka-teal-500) !important;
  border-color: var(--mdka-teal-500) !important;
}

.mdka-btn-teal-400:disabled {
  background-color: var(--mdka-teal-500) !important;
  border-color: var(--mdka-teal-500) !important;
}

.mdka-btn-teal-500:hover {
  background-color: var(--mdka-teal-600) !important;
  border-color: var(--mdka-teal-600) !important;
}

.mdka-btn-teal-500:focus {
  background-color: var(--mdka-teal-600) !important;
  border-color: var(--mdka-teal-600) !important;
}

.mdka-btn-teal-500:active {
  background-color: var(--mdka-teal-600) !important;
  border-color: var(--mdka-teal-600) !important;
}

.mdka-btn-teal-500:disabled {
  background-color: var(--mdka-teal-600) !important;
  border-color: var(--mdka-teal-600) !important;
}

.mdka-btn-teal-600:hover {
  background-color: var(--mdka-teal-700) !important;
  border-color: var(--mdka-teal-700) !important;
}

.mdka-btn-teal-600:focus {
  background-color: var(--mdka-teal-700) !important;
  border-color: var(--mdka-teal-700) !important;
}

.mdka-btn-teal-600:active {
  background-color: var(--mdka-teal-700) !important;
  border-color: var(--mdka-teal-700) !important;
}

.mdka-btn-teal-600:disabled {
  background-color: var(--mdka-teal-700) !important;
  border-color: var(--mdka-teal-700) !important;
}

.mdka-btn-teal-700:hover {
  background-color: var(--mdka-teal-800) !important;
  border-color: var(--mdka-teal-800) !important;
}

.mdka-btn-teal-700:focus {
  background-color: var(--mdka-teal-800) !important;
  border-color: var(--mdka-teal-800) !important;
}

.mdka-btn-teal-700:active {
  background-color: var(--mdka-teal-800) !important;
  border-color: var(--mdka-teal-800) !important;
}

.mdka-btn-teal-700:disabled {
  background-color: var(--mdka-teal-800) !important;
  border-color: var(--mdka-teal-800) !important;
}

.mdka-btn-teal-800:hover {
  background-color: var(--mdka-teal-900) !important;
  border-color: var(--mdka-teal-900) !important;
}

.mdka-btn-teal-800:focus {
  background-color: var(--mdka-teal-900) !important;
  border-color: var(--mdka-teal-900) !important;
}

.mdka-btn-teal-800:active {
  background-color: var(--mdka-teal-900) !important;
  border-color: var(--mdka-teal-900) !important;
}

.mdka-btn-teal-800:disabled {
  background-color: var(--mdka-teal-900) !important;
  border-color: var(--mdka-teal-900) !important;
}

.mdka-bg-cyan-50 {
  background-color: var(--mdka-cyan-50) !important;
}

.mdka-text-cyan-50 {
  color: var(--mdka-cyan-50);
}

.mdka-border-cyan-50 {
  border-color: var(--mdka-cyan-50) !important;
}

.mdka-btn-cyan-50 {
  background-color: var(--mdka-cyan-50) !important;
  border-color: var(--mdka-cyan-50) !important;
}

.mdka-bg-cyan-100 {
  background-color: var(--mdka-cyan-100) !important;
}

.mdka-text-cyan-100 {
  color: var(--mdka-cyan-100);
}

.mdka-border-cyan-100 {
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-btn-cyan-100 {
  background-color: var(--mdka-cyan-100) !important;
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-bg-cyan-200 {
  background-color: var(--mdka-cyan-200) !important;
}

.mdka-text-cyan-200 {
  color: var(--mdka-cyan-200);
}

.mdka-border-cyan-200 {
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-btn-cyan-200 {
  background-color: var(--mdka-cyan-200) !important;
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-bg-cyan-300 {
  background-color: var(--mdka-cyan-300) !important;
}

.mdka-text-cyan-300 {
  color: var(--mdka-cyan-300);
}

.mdka-border-cyan-300 {
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-btn-cyan-300 {
  background-color: var(--mdka-cyan-300) !important;
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-bg-cyan-400 {
  background-color: var(--mdka-cyan-400) !important;
}

.mdka-text-cyan-400 {
  color: var(--mdka-cyan-400);
}

.mdka-border-cyan-400 {
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-btn-cyan-400 {
  background-color: var(--mdka-cyan-400) !important;
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-bg-cyan-500 {
  background-color: var(--mdka-cyan-500) !important;
}

.mdka-text-cyan-500 {
  color: var(--mdka-cyan-500);
}

.mdka-border-cyan-500 {
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-btn-cyan-500 {
  background-color: var(--mdka-cyan-500) !important;
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-bg-cyan-600 {
  background-color: var(--mdka-cyan-600) !important;
}

.mdka-text-cyan-600 {
  color: var(--mdka-cyan-600);
}

.mdka-border-cyan-600 {
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-btn-cyan-600 {
  background-color: var(--mdka-cyan-600) !important;
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-bg-cyan-700 {
  background-color: var(--mdka-cyan-700) !important;
}

.mdka-text-cyan-700 {
  color: var(--mdka-cyan-700);
}

.mdka-border-cyan-700 {
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-btn-cyan-700 {
  background-color: var(--mdka-cyan-700) !important;
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-bg-cyan-800 {
  background-color: var(--mdka-cyan-800) !important;
}

.mdka-text-cyan-800 {
  color: var(--mdka-cyan-800);
}

.mdka-border-cyan-800 {
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-btn-cyan-800 {
  background-color: var(--mdka-cyan-800) !important;
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-bg-cyan-900 {
  background-color: var(--mdka-cyan-900) !important;
}

.mdka-text-cyan-900 {
  color: var(--mdka-cyan-900);
}

.mdka-border-cyan-900 {
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-btn-cyan-900 {
  background-color: var(--mdka-cyan-900) !important;
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-btn-cyan-50:hover {
  background-color: var(--mdka-cyan-100) !important;
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-btn-cyan-50:focus {
  background-color: var(--mdka-cyan-100) !important;
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-btn-cyan-50:active {
  background-color: var(--mdka-cyan-100) !important;
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-btn-cyan-50:disabled {
  background-color: var(--mdka-cyan-100) !important;
  border-color: var(--mdka-cyan-100) !important;
}

.mdka-btn-cyan-100:hover {
  background-color: var(--mdka-cyan-200) !important;
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-btn-cyan-100:focus {
  background-color: var(--mdka-cyan-200) !important;
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-btn-cyan-100:active {
  background-color: var(--mdka-cyan-200) !important;
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-btn-cyan-100:disabled {
  background-color: var(--mdka-cyan-200) !important;
  border-color: var(--mdka-cyan-200) !important;
}

.mdka-btn-cyan-200:hover {
  background-color: var(--mdka-cyan-300) !important;
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-btn-cyan-200:focus {
  background-color: var(--mdka-cyan-300) !important;
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-btn-cyan-200:active {
  background-color: var(--mdka-cyan-300) !important;
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-btn-cyan-200:disabled {
  background-color: var(--mdka-cyan-300) !important;
  border-color: var(--mdka-cyan-300) !important;
}

.mdka-btn-cyan-300:hover {
  background-color: var(--mdka-cyan-400) !important;
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-btn-cyan-300:focus {
  background-color: var(--mdka-cyan-400) !important;
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-btn-cyan-300:active {
  background-color: var(--mdka-cyan-400) !important;
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-btn-cyan-300:disabled {
  background-color: var(--mdka-cyan-400) !important;
  border-color: var(--mdka-cyan-400) !important;
}

.mdka-btn-cyan-400:hover {
  background-color: var(--mdka-cyan-500) !important;
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-btn-cyan-400:focus {
  background-color: var(--mdka-cyan-500) !important;
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-btn-cyan-400:active {
  background-color: var(--mdka-cyan-500) !important;
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-btn-cyan-400:disabled {
  background-color: var(--mdka-cyan-500) !important;
  border-color: var(--mdka-cyan-500) !important;
}

.mdka-btn-cyan-500:hover {
  background-color: var(--mdka-cyan-600) !important;
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-btn-cyan-500:focus {
  background-color: var(--mdka-cyan-600) !important;
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-btn-cyan-500:active {
  background-color: var(--mdka-cyan-600) !important;
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-btn-cyan-500:disabled {
  background-color: var(--mdka-cyan-600) !important;
  border-color: var(--mdka-cyan-600) !important;
}

.mdka-btn-cyan-600:hover {
  background-color: var(--mdka-cyan-700) !important;
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-btn-cyan-600:focus {
  background-color: var(--mdka-cyan-700) !important;
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-btn-cyan-600:active {
  background-color: var(--mdka-cyan-700) !important;
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-btn-cyan-600:disabled {
  background-color: var(--mdka-cyan-700) !important;
  border-color: var(--mdka-cyan-700) !important;
}

.mdka-btn-cyan-700:hover {
  background-color: var(--mdka-cyan-800) !important;
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-btn-cyan-700:focus {
  background-color: var(--mdka-cyan-800) !important;
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-btn-cyan-700:active {
  background-color: var(--mdka-cyan-800) !important;
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-btn-cyan-700:disabled {
  background-color: var(--mdka-cyan-800) !important;
  border-color: var(--mdka-cyan-800) !important;
}

.mdka-btn-cyan-800:hover {
  background-color: var(--mdka-cyan-900) !important;
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-btn-cyan-800:focus {
  background-color: var(--mdka-cyan-900) !important;
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-btn-cyan-800:active {
  background-color: var(--mdka-cyan-900) !important;
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-btn-cyan-800:disabled {
  background-color: var(--mdka-cyan-900) !important;
  border-color: var(--mdka-cyan-900) !important;
}

.mdka-bg-sky-50 {
  background-color: var(--mdka-sky-50) !important;
}

.mdka-text-sky-50 {
  color: var(--mdka-sky-50);
}

.mdka-border-sky-50 {
  border-color: var(--mdka-sky-50) !important;
}

.mdka-btn-sky-50 {
  background-color: var(--mdka-sky-50) !important;
  border-color: var(--mdka-sky-50) !important;
}

.mdka-bg-sky-100 {
  background-color: var(--mdka-sky-100) !important;
}

.mdka-text-sky-100 {
  color: var(--mdka-sky-100);
}

.mdka-border-sky-100 {
  border-color: var(--mdka-sky-100) !important;
}

.mdka-btn-sky-100 {
  background-color: var(--mdka-sky-100) !important;
  border-color: var(--mdka-sky-100) !important;
}

.mdka-bg-sky-200 {
  background-color: var(--mdka-sky-200) !important;
}

.mdka-text-sky-200 {
  color: var(--mdka-sky-200);
}

.mdka-border-sky-200 {
  border-color: var(--mdka-sky-200) !important;
}

.mdka-btn-sky-200 {
  background-color: var(--mdka-sky-200) !important;
  border-color: var(--mdka-sky-200) !important;
}

.mdka-bg-sky-300 {
  background-color: var(--mdka-sky-300) !important;
}

.mdka-text-sky-300 {
  color: var(--mdka-sky-300);
}

.mdka-border-sky-300 {
  border-color: var(--mdka-sky-300) !important;
}

.mdka-btn-sky-300 {
  background-color: var(--mdka-sky-300) !important;
  border-color: var(--mdka-sky-300) !important;
}

.mdka-bg-sky-400 {
  background-color: var(--mdka-sky-400) !important;
}

.mdka-text-sky-400 {
  color: var(--mdka-sky-400);
}

.mdka-border-sky-400 {
  border-color: var(--mdka-sky-400) !important;
}

.mdka-btn-sky-400 {
  background-color: var(--mdka-sky-400) !important;
  border-color: var(--mdka-sky-400) !important;
}

.mdka-bg-sky-500 {
  background-color: var(--mdka-sky-500) !important;
}

.mdka-text-sky-500 {
  color: var(--mdka-sky-500);
}

.mdka-border-sky-500 {
  border-color: var(--mdka-sky-500) !important;
}

.mdka-btn-sky-500 {
  background-color: var(--mdka-sky-500) !important;
  border-color: var(--mdka-sky-500) !important;
}

.mdka-bg-sky-600 {
  background-color: var(--mdka-sky-600) !important;
}

.mdka-text-sky-600 {
  color: var(--mdka-sky-600);
}

.mdka-border-sky-600 {
  border-color: var(--mdka-sky-600) !important;
}

.mdka-btn-sky-600 {
  background-color: var(--mdka-sky-600) !important;
  border-color: var(--mdka-sky-600) !important;
}

.mdka-bg-sky-700 {
  background-color: var(--mdka-sky-700) !important;
}

.mdka-text-sky-700 {
  color: var(--mdka-sky-700);
}

.mdka-border-sky-700 {
  border-color: var(--mdka-sky-700) !important;
}

.mdka-btn-sky-700 {
  background-color: var(--mdka-sky-700) !important;
  border-color: var(--mdka-sky-700) !important;
}

.mdka-bg-sky-800 {
  background-color: var(--mdka-sky-800) !important;
}

.mdka-text-sky-800 {
  color: var(--mdka-sky-800);
}

.mdka-border-sky-800 {
  border-color: var(--mdka-sky-800) !important;
}

.mdka-btn-sky-800 {
  background-color: var(--mdka-sky-800) !important;
  border-color: var(--mdka-sky-800) !important;
}

.mdka-bg-sky-900 {
  background-color: var(--mdka-sky-900) !important;
}

.mdka-text-sky-900 {
  color: var(--mdka-sky-900);
}

.mdka-border-sky-900 {
  border-color: var(--mdka-sky-900) !important;
}

.mdka-btn-sky-900 {
  background-color: var(--mdka-sky-900) !important;
  border-color: var(--mdka-sky-900) !important;
}

.mdka-btn-sky-50:hover {
  background-color: var(--mdka-sky-100) !important;
  border-color: var(--mdka-sky-100) !important;
}

.mdka-btn-sky-50:focus {
  background-color: var(--mdka-sky-100) !important;
  border-color: var(--mdka-sky-100) !important;
}

.mdka-btn-sky-50:active {
  background-color: var(--mdka-sky-100) !important;
  border-color: var(--mdka-sky-100) !important;
}

.mdka-btn-sky-50:disabled {
  background-color: var(--mdka-sky-100) !important;
  border-color: var(--mdka-sky-100) !important;
}

.mdka-btn-sky-100:hover {
  background-color: var(--mdka-sky-200) !important;
  border-color: var(--mdka-sky-200) !important;
}

.mdka-btn-sky-100:focus {
  background-color: var(--mdka-sky-200) !important;
  border-color: var(--mdka-sky-200) !important;
}

.mdka-btn-sky-100:active {
  background-color: var(--mdka-sky-200) !important;
  border-color: var(--mdka-sky-200) !important;
}

.mdka-btn-sky-100:disabled {
  background-color: var(--mdka-sky-200) !important;
  border-color: var(--mdka-sky-200) !important;
}

.mdka-btn-sky-200:hover {
  background-color: var(--mdka-sky-300) !important;
  border-color: var(--mdka-sky-300) !important;
}

.mdka-btn-sky-200:focus {
  background-color: var(--mdka-sky-300) !important;
  border-color: var(--mdka-sky-300) !important;
}

.mdka-btn-sky-200:active {
  background-color: var(--mdka-sky-300) !important;
  border-color: var(--mdka-sky-300) !important;
}

.mdka-btn-sky-200:disabled {
  background-color: var(--mdka-sky-300) !important;
  border-color: var(--mdka-sky-300) !important;
}

.mdka-btn-sky-300:hover {
  background-color: var(--mdka-sky-400) !important;
  border-color: var(--mdka-sky-400) !important;
}

.mdka-btn-sky-300:focus {
  background-color: var(--mdka-sky-400) !important;
  border-color: var(--mdka-sky-400) !important;
}

.mdka-btn-sky-300:active {
  background-color: var(--mdka-sky-400) !important;
  border-color: var(--mdka-sky-400) !important;
}

.mdka-btn-sky-300:disabled {
  background-color: var(--mdka-sky-400) !important;
  border-color: var(--mdka-sky-400) !important;
}

.mdka-btn-sky-400:hover {
  background-color: var(--mdka-sky-500) !important;
  border-color: var(--mdka-sky-500) !important;
}

.mdka-btn-sky-400:focus {
  background-color: var(--mdka-sky-500) !important;
  border-color: var(--mdka-sky-500) !important;
}

.mdka-btn-sky-400:active {
  background-color: var(--mdka-sky-500) !important;
  border-color: var(--mdka-sky-500) !important;
}

.mdka-btn-sky-400:disabled {
  background-color: var(--mdka-sky-500) !important;
  border-color: var(--mdka-sky-500) !important;
}

.mdka-btn-sky-500:hover {
  background-color: var(--mdka-sky-600) !important;
  border-color: var(--mdka-sky-600) !important;
}

.mdka-btn-sky-500:focus {
  background-color: var(--mdka-sky-600) !important;
  border-color: var(--mdka-sky-600) !important;
}

.mdka-btn-sky-500:active {
  background-color: var(--mdka-sky-600) !important;
  border-color: var(--mdka-sky-600) !important;
}

.mdka-btn-sky-500:disabled {
  background-color: var(--mdka-sky-600) !important;
  border-color: var(--mdka-sky-600) !important;
}

.mdka-btn-sky-600:hover {
  background-color: var(--mdka-sky-700) !important;
  border-color: var(--mdka-sky-700) !important;
}

.mdka-btn-sky-600:focus {
  background-color: var(--mdka-sky-700) !important;
  border-color: var(--mdka-sky-700) !important;
}

.mdka-btn-sky-600:active {
  background-color: var(--mdka-sky-700) !important;
  border-color: var(--mdka-sky-700) !important;
}

.mdka-btn-sky-600:disabled {
  background-color: var(--mdka-sky-700) !important;
  border-color: var(--mdka-sky-700) !important;
}

.mdka-btn-sky-700:hover {
  background-color: var(--mdka-sky-800) !important;
  border-color: var(--mdka-sky-800) !important;
}

.mdka-btn-sky-700:focus {
  background-color: var(--mdka-sky-800) !important;
  border-color: var(--mdka-sky-800) !important;
}

.mdka-btn-sky-700:active {
  background-color: var(--mdka-sky-800) !important;
  border-color: var(--mdka-sky-800) !important;
}

.mdka-btn-sky-700:disabled {
  background-color: var(--mdka-sky-800) !important;
  border-color: var(--mdka-sky-800) !important;
}

.mdka-btn-sky-800:hover {
  background-color: var(--mdka-sky-900) !important;
  border-color: var(--mdka-sky-900) !important;
}

.mdka-btn-sky-800:focus {
  background-color: var(--mdka-sky-900) !important;
  border-color: var(--mdka-sky-900) !important;
}

.mdka-btn-sky-800:active {
  background-color: var(--mdka-sky-900) !important;
  border-color: var(--mdka-sky-900) !important;
}

.mdka-btn-sky-800:disabled {
  background-color: var(--mdka-sky-900) !important;
  border-color: var(--mdka-sky-900) !important;
}

.mdka-bg-indigo-50 {
  background-color: var(--mdka-indigo-50) !important;
}

.mdka-text-indigo-50 {
  color: var(--mdka-indigo-50);
}

.mdka-border-indigo-50 {
  border-color: var(--mdka-indigo-50) !important;
}

.mdka-btn-indigo-50 {
  background-color: var(--mdka-indigo-50) !important;
  border-color: var(--mdka-indigo-50) !important;
}

.mdka-bg-indigo-100 {
  background-color: var(--mdka-indigo-100) !important;
}

.mdka-text-indigo-100 {
  color: var(--mdka-indigo-100);
}

.mdka-border-indigo-100 {
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-btn-indigo-100 {
  background-color: var(--mdka-indigo-100) !important;
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-bg-indigo-200 {
  background-color: var(--mdka-indigo-200) !important;
}

.mdka-text-indigo-200 {
  color: var(--mdka-indigo-200);
}

.mdka-border-indigo-200 {
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-btn-indigo-200 {
  background-color: var(--mdka-indigo-200) !important;
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-bg-indigo-300 {
  background-color: var(--mdka-indigo-300) !important;
}

.mdka-text-indigo-300 {
  color: var(--mdka-indigo-300);
}

.mdka-border-indigo-300 {
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-btn-indigo-300 {
  background-color: var(--mdka-indigo-300) !important;
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-bg-indigo-400 {
  background-color: var(--mdka-indigo-400) !important;
}

.mdka-text-indigo-400 {
  color: var(--mdka-indigo-400);
}

.mdka-border-indigo-400 {
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-btn-indigo-400 {
  background-color: var(--mdka-indigo-400) !important;
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-bg-indigo-500 {
  background-color: var(--mdka-indigo-500) !important;
}

.mdka-text-indigo-500 {
  color: var(--mdka-indigo-500);
}

.mdka-border-indigo-500 {
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-btn-indigo-500 {
  background-color: var(--mdka-indigo-500) !important;
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-bg-indigo-600 {
  background-color: var(--mdka-indigo-600) !important;
}

.mdka-text-indigo-600 {
  color: var(--mdka-indigo-600);
}

.mdka-border-indigo-600 {
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-btn-indigo-600 {
  background-color: var(--mdka-indigo-600) !important;
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-bg-indigo-700 {
  background-color: var(--mdka-indigo-700) !important;
}

.mdka-text-indigo-700 {
  color: var(--mdka-indigo-700);
}

.mdka-border-indigo-700 {
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-btn-indigo-700 {
  background-color: var(--mdka-indigo-700) !important;
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-bg-indigo-800 {
  background-color: var(--mdka-indigo-800) !important;
}

.mdka-text-indigo-800 {
  color: var(--mdka-indigo-800);
}

.mdka-border-indigo-800 {
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-btn-indigo-800 {
  background-color: var(--mdka-indigo-800) !important;
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-bg-indigo-900 {
  background-color: var(--mdka-indigo-900) !important;
}

.mdka-text-indigo-900 {
  color: var(--mdka-indigo-900);
}

.mdka-border-indigo-900 {
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-btn-indigo-900 {
  background-color: var(--mdka-indigo-900) !important;
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-btn-indigo-50:hover {
  background-color: var(--mdka-indigo-100) !important;
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-btn-indigo-50:focus {
  background-color: var(--mdka-indigo-100) !important;
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-btn-indigo-50:active {
  background-color: var(--mdka-indigo-100) !important;
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-btn-indigo-50:disabled {
  background-color: var(--mdka-indigo-100) !important;
  border-color: var(--mdka-indigo-100) !important;
}

.mdka-btn-indigo-100:hover {
  background-color: var(--mdka-indigo-200) !important;
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-btn-indigo-100:focus {
  background-color: var(--mdka-indigo-200) !important;
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-btn-indigo-100:active {
  background-color: var(--mdka-indigo-200) !important;
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-btn-indigo-100:disabled {
  background-color: var(--mdka-indigo-200) !important;
  border-color: var(--mdka-indigo-200) !important;
}

.mdka-btn-indigo-200:hover {
  background-color: var(--mdka-indigo-300) !important;
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-btn-indigo-200:focus {
  background-color: var(--mdka-indigo-300) !important;
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-btn-indigo-200:active {
  background-color: var(--mdka-indigo-300) !important;
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-btn-indigo-200:disabled {
  background-color: var(--mdka-indigo-300) !important;
  border-color: var(--mdka-indigo-300) !important;
}

.mdka-btn-indigo-300:hover {
  background-color: var(--mdka-indigo-400) !important;
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-btn-indigo-300:focus {
  background-color: var(--mdka-indigo-400) !important;
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-btn-indigo-300:active {
  background-color: var(--mdka-indigo-400) !important;
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-btn-indigo-300:disabled {
  background-color: var(--mdka-indigo-400) !important;
  border-color: var(--mdka-indigo-400) !important;
}

.mdka-btn-indigo-400:hover {
  background-color: var(--mdka-indigo-500) !important;
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-btn-indigo-400:focus {
  background-color: var(--mdka-indigo-500) !important;
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-btn-indigo-400:active {
  background-color: var(--mdka-indigo-500) !important;
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-btn-indigo-400:disabled {
  background-color: var(--mdka-indigo-500) !important;
  border-color: var(--mdka-indigo-500) !important;
}

.mdka-btn-indigo-500:hover {
  background-color: var(--mdka-indigo-600) !important;
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-btn-indigo-500:focus {
  background-color: var(--mdka-indigo-600) !important;
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-btn-indigo-500:active {
  background-color: var(--mdka-indigo-600) !important;
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-btn-indigo-500:disabled {
  background-color: var(--mdka-indigo-600) !important;
  border-color: var(--mdka-indigo-600) !important;
}

.mdka-btn-indigo-600:hover {
  background-color: var(--mdka-indigo-700) !important;
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-btn-indigo-600:focus {
  background-color: var(--mdka-indigo-700) !important;
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-btn-indigo-600:active {
  background-color: var(--mdka-indigo-700) !important;
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-btn-indigo-600:disabled {
  background-color: var(--mdka-indigo-700) !important;
  border-color: var(--mdka-indigo-700) !important;
}

.mdka-btn-indigo-700:hover {
  background-color: var(--mdka-indigo-800) !important;
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-btn-indigo-700:focus {
  background-color: var(--mdka-indigo-800) !important;
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-btn-indigo-700:active {
  background-color: var(--mdka-indigo-800) !important;
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-btn-indigo-700:disabled {
  background-color: var(--mdka-indigo-800) !important;
  border-color: var(--mdka-indigo-800) !important;
}

.mdka-btn-indigo-800:hover {
  background-color: var(--mdka-indigo-900) !important;
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-btn-indigo-800:focus {
  background-color: var(--mdka-indigo-900) !important;
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-btn-indigo-800:active {
  background-color: var(--mdka-indigo-900) !important;
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-btn-indigo-800:disabled {
  background-color: var(--mdka-indigo-900) !important;
  border-color: var(--mdka-indigo-900) !important;
}

.mdka-bg-violet-50 {
  background-color: var(--mdka-violet-50) !important;
}

.mdka-text-violet-50 {
  color: var(--mdka-violet-50);
}

.mdka-border-violet-50 {
  border-color: var(--mdka-violet-50) !important;
}

.mdka-btn-violet-50 {
  background-color: var(--mdka-violet-50) !important;
  border-color: var(--mdka-violet-50) !important;
}

.mdka-bg-violet-100 {
  background-color: var(--mdka-violet-100) !important;
}

.mdka-text-violet-100 {
  color: var(--mdka-violet-100);
}

.mdka-border-violet-100 {
  border-color: var(--mdka-violet-100) !important;
}

.mdka-btn-violet-100 {
  background-color: var(--mdka-violet-100) !important;
  border-color: var(--mdka-violet-100) !important;
}

.mdka-bg-violet-200 {
  background-color: var(--mdka-violet-200) !important;
}

.mdka-text-violet-200 {
  color: var(--mdka-violet-200);
}

.mdka-border-violet-200 {
  border-color: var(--mdka-violet-200) !important;
}

.mdka-btn-violet-200 {
  background-color: var(--mdka-violet-200) !important;
  border-color: var(--mdka-violet-200) !important;
}

.mdka-bg-violet-300 {
  background-color: var(--mdka-violet-300) !important;
}

.mdka-text-violet-300 {
  color: var(--mdka-violet-300);
}

.mdka-border-violet-300 {
  border-color: var(--mdka-violet-300) !important;
}

.mdka-btn-violet-300 {
  background-color: var(--mdka-violet-300) !important;
  border-color: var(--mdka-violet-300) !important;
}

.mdka-bg-violet-400 {
  background-color: var(--mdka-violet-400) !important;
}

.mdka-text-violet-400 {
  color: var(--mdka-violet-400);
}

.mdka-border-violet-400 {
  border-color: var(--mdka-violet-400) !important;
}

.mdka-btn-violet-400 {
  background-color: var(--mdka-violet-400) !important;
  border-color: var(--mdka-violet-400) !important;
}

.mdka-bg-violet-500 {
  background-color: var(--mdka-violet-500) !important;
}

.mdka-text-violet-500 {
  color: var(--mdka-violet-500);
}

.mdka-border-violet-500 {
  border-color: var(--mdka-violet-500) !important;
}

.mdka-btn-violet-500 {
  background-color: var(--mdka-violet-500) !important;
  border-color: var(--mdka-violet-500) !important;
}

.mdka-bg-violet-600 {
  background-color: var(--mdka-violet-600) !important;
}

.mdka-text-violet-600 {
  color: var(--mdka-violet-600);
}

.mdka-border-violet-600 {
  border-color: var(--mdka-violet-600) !important;
}

.mdka-btn-violet-600 {
  background-color: var(--mdka-violet-600) !important;
  border-color: var(--mdka-violet-600) !important;
}

.mdka-bg-violet-700 {
  background-color: var(--mdka-violet-700) !important;
}

.mdka-text-violet-700 {
  color: var(--mdka-violet-700);
}

.mdka-border-violet-700 {
  border-color: var(--mdka-violet-700) !important;
}

.mdka-btn-violet-700 {
  background-color: var(--mdka-violet-700) !important;
  border-color: var(--mdka-violet-700) !important;
}

.mdka-bg-violet-800 {
  background-color: var(--mdka-violet-800) !important;
}

.mdka-text-violet-800 {
  color: var(--mdka-violet-800);
}

.mdka-border-violet-800 {
  border-color: var(--mdka-violet-800) !important;
}

.mdka-btn-violet-800 {
  background-color: var(--mdka-violet-800) !important;
  border-color: var(--mdka-violet-800) !important;
}

.mdka-bg-violet-900 {
  background-color: var(--mdka-violet-900) !important;
}

.mdka-text-violet-900 {
  color: var(--mdka-violet-900);
}

.mdka-border-violet-900 {
  border-color: var(--mdka-violet-900) !important;
}

.mdka-btn-violet-900 {
  background-color: var(--mdka-violet-900) !important;
  border-color: var(--mdka-violet-900) !important;
}

.mdka-btn-violet-50:hover {
  background-color: var(--mdka-violet-100) !important;
  border-color: var(--mdka-violet-100) !important;
}

.mdka-btn-violet-50:focus {
  background-color: var(--mdka-violet-100) !important;
  border-color: var(--mdka-violet-100) !important;
}

.mdka-btn-violet-50:active {
  background-color: var(--mdka-violet-100) !important;
  border-color: var(--mdka-violet-100) !important;
}

.mdka-btn-violet-50:disabled {
  background-color: var(--mdka-violet-100) !important;
  border-color: var(--mdka-violet-100) !important;
}

.mdka-btn-violet-100:hover {
  background-color: var(--mdka-violet-200) !important;
  border-color: var(--mdka-violet-200) !important;
}

.mdka-btn-violet-100:focus {
  background-color: var(--mdka-violet-200) !important;
  border-color: var(--mdka-violet-200) !important;
}

.mdka-btn-violet-100:active {
  background-color: var(--mdka-violet-200) !important;
  border-color: var(--mdka-violet-200) !important;
}

.mdka-btn-violet-100:disabled {
  background-color: var(--mdka-violet-200) !important;
  border-color: var(--mdka-violet-200) !important;
}

.mdka-btn-violet-200:hover {
  background-color: var(--mdka-violet-300) !important;
  border-color: var(--mdka-violet-300) !important;
}

.mdka-btn-violet-200:focus {
  background-color: var(--mdka-violet-300) !important;
  border-color: var(--mdka-violet-300) !important;
}

.mdka-btn-violet-200:active {
  background-color: var(--mdka-violet-300) !important;
  border-color: var(--mdka-violet-300) !important;
}

.mdka-btn-violet-200:disabled {
  background-color: var(--mdka-violet-300) !important;
  border-color: var(--mdka-violet-300) !important;
}

.mdka-btn-violet-300:hover {
  background-color: var(--mdka-violet-400) !important;
  border-color: var(--mdka-violet-400) !important;
}

.mdka-btn-violet-300:focus {
  background-color: var(--mdka-violet-400) !important;
  border-color: var(--mdka-violet-400) !important;
}

.mdka-btn-violet-300:active {
  background-color: var(--mdka-violet-400) !important;
  border-color: var(--mdka-violet-400) !important;
}

.mdka-btn-violet-300:disabled {
  background-color: var(--mdka-violet-400) !important;
  border-color: var(--mdka-violet-400) !important;
}

.mdka-btn-violet-400:hover {
  background-color: var(--mdka-violet-500) !important;
  border-color: var(--mdka-violet-500) !important;
}

.mdka-btn-violet-400:focus {
  background-color: var(--mdka-violet-500) !important;
  border-color: var(--mdka-violet-500) !important;
}

.mdka-btn-violet-400:active {
  background-color: var(--mdka-violet-500) !important;
  border-color: var(--mdka-violet-500) !important;
}

.mdka-btn-violet-400:disabled {
  background-color: var(--mdka-violet-500) !important;
  border-color: var(--mdka-violet-500) !important;
}

.mdka-btn-violet-500:hover {
  background-color: var(--mdka-violet-600) !important;
  border-color: var(--mdka-violet-600) !important;
}

.mdka-btn-violet-500:focus {
  background-color: var(--mdka-violet-600) !important;
  border-color: var(--mdka-violet-600) !important;
}

.mdka-btn-violet-500:active {
  background-color: var(--mdka-violet-600) !important;
  border-color: var(--mdka-violet-600) !important;
}

.mdka-btn-violet-500:disabled {
  background-color: var(--mdka-violet-600) !important;
  border-color: var(--mdka-violet-600) !important;
}

.mdka-btn-violet-600:hover {
  background-color: var(--mdka-violet-700) !important;
  border-color: var(--mdka-violet-700) !important;
}

.mdka-btn-violet-600:focus {
  background-color: var(--mdka-violet-700) !important;
  border-color: var(--mdka-violet-700) !important;
}

.mdka-btn-violet-600:active {
  background-color: var(--mdka-violet-700) !important;
  border-color: var(--mdka-violet-700) !important;
}

.mdka-btn-violet-600:disabled {
  background-color: var(--mdka-violet-700) !important;
  border-color: var(--mdka-violet-700) !important;
}

.mdka-btn-violet-700:hover {
  background-color: var(--mdka-violet-800) !important;
  border-color: var(--mdka-violet-800) !important;
}

.mdka-btn-violet-700:focus {
  background-color: var(--mdka-violet-800) !important;
  border-color: var(--mdka-violet-800) !important;
}

.mdka-btn-violet-700:active {
  background-color: var(--mdka-violet-800) !important;
  border-color: var(--mdka-violet-800) !important;
}

.mdka-btn-violet-700:disabled {
  background-color: var(--mdka-violet-800) !important;
  border-color: var(--mdka-violet-800) !important;
}

.mdka-btn-violet-800:hover {
  background-color: var(--mdka-violet-900) !important;
  border-color: var(--mdka-violet-900) !important;
}

.mdka-btn-violet-800:focus {
  background-color: var(--mdka-violet-900) !important;
  border-color: var(--mdka-violet-900) !important;
}

.mdka-btn-violet-800:active {
  background-color: var(--mdka-violet-900) !important;
  border-color: var(--mdka-violet-900) !important;
}

.mdka-btn-violet-800:disabled {
  background-color: var(--mdka-violet-900) !important;
  border-color: var(--mdka-violet-900) !important;
}

.mdka-bg-fuchsia-50 {
  background-color: var(--mdka-fuchsia-50) !important;
}

.mdka-text-fuchsia-50 {
  color: var(--mdka-fuchsia-50);
}

.mdka-border-fuchsia-50 {
  border-color: var(--mdka-fuchsia-50) !important;
}

.mdka-btn-fuchsia-50 {
  background-color: var(--mdka-fuchsia-50) !important;
  border-color: var(--mdka-fuchsia-50) !important;
}

.mdka-bg-fuchsia-100 {
  background-color: var(--mdka-fuchsia-100) !important;
}

.mdka-text-fuchsia-100 {
  color: var(--mdka-fuchsia-100);
}

.mdka-border-fuchsia-100 {
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-btn-fuchsia-100 {
  background-color: var(--mdka-fuchsia-100) !important;
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-bg-fuchsia-200 {
  background-color: var(--mdka-fuchsia-200) !important;
}

.mdka-text-fuchsia-200 {
  color: var(--mdka-fuchsia-200);
}

.mdka-border-fuchsia-200 {
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-btn-fuchsia-200 {
  background-color: var(--mdka-fuchsia-200) !important;
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-bg-fuchsia-300 {
  background-color: var(--mdka-fuchsia-300) !important;
}

.mdka-text-fuchsia-300 {
  color: var(--mdka-fuchsia-300);
}

.mdka-border-fuchsia-300 {
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-btn-fuchsia-300 {
  background-color: var(--mdka-fuchsia-300) !important;
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-bg-fuchsia-400 {
  background-color: var(--mdka-fuchsia-400) !important;
}

.mdka-text-fuchsia-400 {
  color: var(--mdka-fuchsia-400);
}

.mdka-border-fuchsia-400 {
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-btn-fuchsia-400 {
  background-color: var(--mdka-fuchsia-400) !important;
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-bg-fuchsia-500 {
  background-color: var(--mdka-fuchsia-500) !important;
}

.mdka-text-fuchsia-500 {
  color: var(--mdka-fuchsia-500);
}

.mdka-border-fuchsia-500 {
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-btn-fuchsia-500 {
  background-color: var(--mdka-fuchsia-500) !important;
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-bg-fuchsia-600 {
  background-color: var(--mdka-fuchsia-600) !important;
}

.mdka-text-fuchsia-600 {
  color: var(--mdka-fuchsia-600);
}

.mdka-border-fuchsia-600 {
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-btn-fuchsia-600 {
  background-color: var(--mdka-fuchsia-600) !important;
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-bg-fuchsia-700 {
  background-color: var(--mdka-fuchsia-700) !important;
}

.mdka-text-fuchsia-700 {
  color: var(--mdka-fuchsia-700);
}

.mdka-border-fuchsia-700 {
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-btn-fuchsia-700 {
  background-color: var(--mdka-fuchsia-700) !important;
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-bg-fuchsia-800 {
  background-color: var(--mdka-fuchsia-800) !important;
}

.mdka-text-fuchsia-800 {
  color: var(--mdka-fuchsia-800);
}

.mdka-border-fuchsia-800 {
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-btn-fuchsia-800 {
  background-color: var(--mdka-fuchsia-800) !important;
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-bg-fuchsia-900 {
  background-color: var(--mdka-fuchsia-900) !important;
}

.mdka-text-fuchsia-900 {
  color: var(--mdka-fuchsia-900);
}

.mdka-border-fuchsia-900 {
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-btn-fuchsia-900 {
  background-color: var(--mdka-fuchsia-900) !important;
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-btn-fuchsia-50:hover {
  background-color: var(--mdka-fuchsia-100) !important;
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-btn-fuchsia-50:focus {
  background-color: var(--mdka-fuchsia-100) !important;
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-btn-fuchsia-50:active {
  background-color: var(--mdka-fuchsia-100) !important;
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-btn-fuchsia-50:disabled {
  background-color: var(--mdka-fuchsia-100) !important;
  border-color: var(--mdka-fuchsia-100) !important;
}

.mdka-btn-fuchsia-100:hover {
  background-color: var(--mdka-fuchsia-200) !important;
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-btn-fuchsia-100:focus {
  background-color: var(--mdka-fuchsia-200) !important;
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-btn-fuchsia-100:active {
  background-color: var(--mdka-fuchsia-200) !important;
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-btn-fuchsia-100:disabled {
  background-color: var(--mdka-fuchsia-200) !important;
  border-color: var(--mdka-fuchsia-200) !important;
}

.mdka-btn-fuchsia-200:hover {
  background-color: var(--mdka-fuchsia-300) !important;
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-btn-fuchsia-200:focus {
  background-color: var(--mdka-fuchsia-300) !important;
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-btn-fuchsia-200:active {
  background-color: var(--mdka-fuchsia-300) !important;
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-btn-fuchsia-200:disabled {
  background-color: var(--mdka-fuchsia-300) !important;
  border-color: var(--mdka-fuchsia-300) !important;
}

.mdka-btn-fuchsia-300:hover {
  background-color: var(--mdka-fuchsia-400) !important;
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-btn-fuchsia-300:focus {
  background-color: var(--mdka-fuchsia-400) !important;
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-btn-fuchsia-300:active {
  background-color: var(--mdka-fuchsia-400) !important;
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-btn-fuchsia-300:disabled {
  background-color: var(--mdka-fuchsia-400) !important;
  border-color: var(--mdka-fuchsia-400) !important;
}

.mdka-btn-fuchsia-400:hover {
  background-color: var(--mdka-fuchsia-500) !important;
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-btn-fuchsia-400:focus {
  background-color: var(--mdka-fuchsia-500) !important;
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-btn-fuchsia-400:active {
  background-color: var(--mdka-fuchsia-500) !important;
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-btn-fuchsia-400:disabled {
  background-color: var(--mdka-fuchsia-500) !important;
  border-color: var(--mdka-fuchsia-500) !important;
}

.mdka-btn-fuchsia-500:hover {
  background-color: var(--mdka-fuchsia-600) !important;
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-btn-fuchsia-500:focus {
  background-color: var(--mdka-fuchsia-600) !important;
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-btn-fuchsia-500:active {
  background-color: var(--mdka-fuchsia-600) !important;
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-btn-fuchsia-500:disabled {
  background-color: var(--mdka-fuchsia-600) !important;
  border-color: var(--mdka-fuchsia-600) !important;
}

.mdka-btn-fuchsia-600:hover {
  background-color: var(--mdka-fuchsia-700) !important;
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-btn-fuchsia-600:focus {
  background-color: var(--mdka-fuchsia-700) !important;
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-btn-fuchsia-600:active {
  background-color: var(--mdka-fuchsia-700) !important;
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-btn-fuchsia-600:disabled {
  background-color: var(--mdka-fuchsia-700) !important;
  border-color: var(--mdka-fuchsia-700) !important;
}

.mdka-btn-fuchsia-700:hover {
  background-color: var(--mdka-fuchsia-800) !important;
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-btn-fuchsia-700:focus {
  background-color: var(--mdka-fuchsia-800) !important;
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-btn-fuchsia-700:active {
  background-color: var(--mdka-fuchsia-800) !important;
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-btn-fuchsia-700:disabled {
  background-color: var(--mdka-fuchsia-800) !important;
  border-color: var(--mdka-fuchsia-800) !important;
}

.mdka-btn-fuchsia-800:hover {
  background-color: var(--mdka-fuchsia-900) !important;
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-btn-fuchsia-800:focus {
  background-color: var(--mdka-fuchsia-900) !important;
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-btn-fuchsia-800:active {
  background-color: var(--mdka-fuchsia-900) !important;
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-btn-fuchsia-800:disabled {
  background-color: var(--mdka-fuchsia-900) !important;
  border-color: var(--mdka-fuchsia-900) !important;
}

.mdka-bg-rose-50 {
  background-color: var(--mdka-rose-50) !important;
}

.mdka-text-rose-50 {
  color: var(--mdka-rose-50);
}

.mdka-border-rose-50 {
  border-color: var(--mdka-rose-50) !important;
}

.mdka-btn-rose-50 {
  background-color: var(--mdka-rose-50) !important;
  border-color: var(--mdka-rose-50) !important;
}

.mdka-bg-rose-100 {
  background-color: var(--mdka-rose-100) !important;
}

.mdka-text-rose-100 {
  color: var(--mdka-rose-100);
}

.mdka-border-rose-100 {
  border-color: var(--mdka-rose-100) !important;
}

.mdka-btn-rose-100 {
  background-color: var(--mdka-rose-100) !important;
  border-color: var(--mdka-rose-100) !important;
}

.mdka-bg-rose-200 {
  background-color: var(--mdka-rose-200) !important;
}

.mdka-text-rose-200 {
  color: var(--mdka-rose-200);
}

.mdka-border-rose-200 {
  border-color: var(--mdka-rose-200) !important;
}

.mdka-btn-rose-200 {
  background-color: var(--mdka-rose-200) !important;
  border-color: var(--mdka-rose-200) !important;
}

.mdka-bg-rose-300 {
  background-color: var(--mdka-rose-300) !important;
}

.mdka-text-rose-300 {
  color: var(--mdka-rose-300);
}

.mdka-border-rose-300 {
  border-color: var(--mdka-rose-300) !important;
}

.mdka-btn-rose-300 {
  background-color: var(--mdka-rose-300) !important;
  border-color: var(--mdka-rose-300) !important;
}

.mdka-bg-rose-400 {
  background-color: var(--mdka-rose-400) !important;
}

.mdka-text-rose-400 {
  color: var(--mdka-rose-400);
}

.mdka-border-rose-400 {
  border-color: var(--mdka-rose-400) !important;
}

.mdka-btn-rose-400 {
  background-color: var(--mdka-rose-400) !important;
  border-color: var(--mdka-rose-400) !important;
}

.mdka-bg-rose-500 {
  background-color: var(--mdka-rose-500) !important;
}

.mdka-text-rose-500 {
  color: var(--mdka-rose-500);
}

.mdka-border-rose-500 {
  border-color: var(--mdka-rose-500) !important;
}

.mdka-btn-rose-500 {
  background-color: var(--mdka-rose-500) !important;
  border-color: var(--mdka-rose-500) !important;
}

.mdka-bg-rose-600 {
  background-color: var(--mdka-rose-600) !important;
}

.mdka-text-rose-600 {
  color: var(--mdka-rose-600);
}

.mdka-border-rose-600 {
  border-color: var(--mdka-rose-600) !important;
}

.mdka-btn-rose-600 {
  background-color: var(--mdka-rose-600) !important;
  border-color: var(--mdka-rose-600) !important;
}

.mdka-bg-rose-700 {
  background-color: var(--mdka-rose-700) !important;
}

.mdka-text-rose-700 {
  color: var(--mdka-rose-700);
}

.mdka-border-rose-700 {
  border-color: var(--mdka-rose-700) !important;
}

.mdka-btn-rose-700 {
  background-color: var(--mdka-rose-700) !important;
  border-color: var(--mdka-rose-700) !important;
}

.mdka-bg-rose-800 {
  background-color: var(--mdka-rose-800) !important;
}

.mdka-text-rose-800 {
  color: var(--mdka-rose-800);
}

.mdka-border-rose-800 {
  border-color: var(--mdka-rose-800) !important;
}

.mdka-btn-rose-800 {
  background-color: var(--mdka-rose-800) !important;
  border-color: var(--mdka-rose-800) !important;
}

.mdka-bg-rose-900 {
  background-color: var(--mdka-rose-900) !important;
}

.mdka-text-rose-900 {
  color: var(--mdka-rose-900);
}

.mdka-border-rose-900 {
  border-color: var(--mdka-rose-900) !important;
}

.mdka-btn-rose-900 {
  background-color: var(--mdka-rose-900) !important;
  border-color: var(--mdka-rose-900) !important;
}

.mdka-btn-rose-50:hover {
  background-color: var(--mdka-rose-100) !important;
  border-color: var(--mdka-rose-100) !important;
}

.mdka-btn-rose-50:focus {
  background-color: var(--mdka-rose-100) !important;
  border-color: var(--mdka-rose-100) !important;
}

.mdka-btn-rose-50:active {
  background-color: var(--mdka-rose-100) !important;
  border-color: var(--mdka-rose-100) !important;
}

.mdka-btn-rose-50:disabled {
  background-color: var(--mdka-rose-100) !important;
  border-color: var(--mdka-rose-100) !important;
}

.mdka-btn-rose-100:hover {
  background-color: var(--mdka-rose-200) !important;
  border-color: var(--mdka-rose-200) !important;
}

.mdka-btn-rose-100:focus {
  background-color: var(--mdka-rose-200) !important;
  border-color: var(--mdka-rose-200) !important;
}

.mdka-btn-rose-100:active {
  background-color: var(--mdka-rose-200) !important;
  border-color: var(--mdka-rose-200) !important;
}

.mdka-btn-rose-100:disabled {
  background-color: var(--mdka-rose-200) !important;
  border-color: var(--mdka-rose-200) !important;
}

.mdka-btn-rose-200:hover {
  background-color: var(--mdka-rose-300) !important;
  border-color: var(--mdka-rose-300) !important;
}

.mdka-btn-rose-200:focus {
  background-color: var(--mdka-rose-300) !important;
  border-color: var(--mdka-rose-300) !important;
}

.mdka-btn-rose-200:active {
  background-color: var(--mdka-rose-300) !important;
  border-color: var(--mdka-rose-300) !important;
}

.mdka-btn-rose-200:disabled {
  background-color: var(--mdka-rose-300) !important;
  border-color: var(--mdka-rose-300) !important;
}

.mdka-btn-rose-300:hover {
  background-color: var(--mdka-rose-400) !important;
  border-color: var(--mdka-rose-400) !important;
}

.mdka-btn-rose-300:focus {
  background-color: var(--mdka-rose-400) !important;
  border-color: var(--mdka-rose-400) !important;
}

.mdka-btn-rose-300:active {
  background-color: var(--mdka-rose-400) !important;
  border-color: var(--mdka-rose-400) !important;
}

.mdka-btn-rose-300:disabled {
  background-color: var(--mdka-rose-400) !important;
  border-color: var(--mdka-rose-400) !important;
}

.mdka-btn-rose-400:hover {
  background-color: var(--mdka-rose-500) !important;
  border-color: var(--mdka-rose-500) !important;
}

.mdka-btn-rose-400:focus {
  background-color: var(--mdka-rose-500) !important;
  border-color: var(--mdka-rose-500) !important;
}

.mdka-btn-rose-400:active {
  background-color: var(--mdka-rose-500) !important;
  border-color: var(--mdka-rose-500) !important;
}

.mdka-btn-rose-400:disabled {
  background-color: var(--mdka-rose-500) !important;
  border-color: var(--mdka-rose-500) !important;
}

.mdka-btn-rose-500:hover {
  background-color: var(--mdka-rose-600) !important;
  border-color: var(--mdka-rose-600) !important;
}

.mdka-btn-rose-500:focus {
  background-color: var(--mdka-rose-600) !important;
  border-color: var(--mdka-rose-600) !important;
}

.mdka-btn-rose-500:active {
  background-color: var(--mdka-rose-600) !important;
  border-color: var(--mdka-rose-600) !important;
}

.mdka-btn-rose-500:disabled {
  background-color: var(--mdka-rose-600) !important;
  border-color: var(--mdka-rose-600) !important;
}

.mdka-btn-rose-600:hover {
  background-color: var(--mdka-rose-700) !important;
  border-color: var(--mdka-rose-700) !important;
}

.mdka-btn-rose-600:focus {
  background-color: var(--mdka-rose-700) !important;
  border-color: var(--mdka-rose-700) !important;
}

.mdka-btn-rose-600:active {
  background-color: var(--mdka-rose-700) !important;
  border-color: var(--mdka-rose-700) !important;
}

.mdka-btn-rose-600:disabled {
  background-color: var(--mdka-rose-700) !important;
  border-color: var(--mdka-rose-700) !important;
}

.mdka-btn-rose-700:hover {
  background-color: var(--mdka-rose-800) !important;
  border-color: var(--mdka-rose-800) !important;
}

.mdka-btn-rose-700:focus {
  background-color: var(--mdka-rose-800) !important;
  border-color: var(--mdka-rose-800) !important;
}

.mdka-btn-rose-700:active {
  background-color: var(--mdka-rose-800) !important;
  border-color: var(--mdka-rose-800) !important;
}

.mdka-btn-rose-700:disabled {
  background-color: var(--mdka-rose-800) !important;
  border-color: var(--mdka-rose-800) !important;
}

.mdka-btn-rose-800:hover {
  background-color: var(--mdka-rose-900) !important;
  border-color: var(--mdka-rose-900) !important;
}

.mdka-btn-rose-800:focus {
  background-color: var(--mdka-rose-900) !important;
  border-color: var(--mdka-rose-900) !important;
}

.mdka-btn-rose-800:active {
  background-color: var(--mdka-rose-900) !important;
  border-color: var(--mdka-rose-900) !important;
}

.mdka-btn-rose-800:disabled {
  background-color: var(--mdka-rose-900) !important;
  border-color: var(--mdka-rose-900) !important;
}

.mdka-bg-slate-50 {
  background-color: var(--mdka-slate-50) !important;
}

.mdka-text-slate-50 {
  color: var(--mdka-slate-50);
}

.mdka-border-slate-50 {
  border-color: var(--mdka-slate-50) !important;
}

.mdka-btn-slate-50 {
  background-color: var(--mdka-slate-50) !important;
  border-color: var(--mdka-slate-50) !important;
}

.mdka-bg-slate-100 {
  background-color: var(--mdka-slate-100) !important;
}

.mdka-text-slate-100 {
  color: var(--mdka-slate-100);
}

.mdka-border-slate-100 {
  border-color: var(--mdka-slate-100) !important;
}

.mdka-btn-slate-100 {
  background-color: var(--mdka-slate-100) !important;
  border-color: var(--mdka-slate-100) !important;
}

.mdka-bg-slate-200 {
  background-color: var(--mdka-slate-200) !important;
}

.mdka-text-slate-200 {
  color: var(--mdka-slate-200);
}

.mdka-border-slate-200 {
  border-color: var(--mdka-slate-200) !important;
}

.mdka-btn-slate-200 {
  background-color: var(--mdka-slate-200) !important;
  border-color: var(--mdka-slate-200) !important;
}

.mdka-bg-slate-300 {
  background-color: var(--mdka-slate-300) !important;
}

.mdka-text-slate-300 {
  color: var(--mdka-slate-300);
}

.mdka-border-slate-300 {
  border-color: var(--mdka-slate-300) !important;
}

.mdka-btn-slate-300 {
  background-color: var(--mdka-slate-300) !important;
  border-color: var(--mdka-slate-300) !important;
}

.mdka-bg-slate-400 {
  background-color: var(--mdka-slate-400) !important;
}

.mdka-text-slate-400 {
  color: var(--mdka-slate-400);
}

.mdka-border-slate-400 {
  border-color: var(--mdka-slate-400) !important;
}

.mdka-btn-slate-400 {
  background-color: var(--mdka-slate-400) !important;
  border-color: var(--mdka-slate-400) !important;
}

.mdka-bg-slate-500 {
  background-color: var(--mdka-slate-500) !important;
}

.mdka-text-slate-500 {
  color: var(--mdka-slate-500);
}

.mdka-border-slate-500 {
  border-color: var(--mdka-slate-500) !important;
}

.mdka-btn-slate-500 {
  background-color: var(--mdka-slate-500) !important;
  border-color: var(--mdka-slate-500) !important;
}

.mdka-bg-slate-600 {
  background-color: var(--mdka-slate-600) !important;
}

.mdka-text-slate-600 {
  color: var(--mdka-slate-600);
}

.mdka-border-slate-600 {
  border-color: var(--mdka-slate-600) !important;
}

.mdka-btn-slate-600 {
  background-color: var(--mdka-slate-600) !important;
  border-color: var(--mdka-slate-600) !important;
}

.mdka-bg-slate-700 {
  background-color: var(--mdka-slate-700) !important;
}

.mdka-text-slate-700 {
  color: var(--mdka-slate-700);
}

.mdka-border-slate-700 {
  border-color: var(--mdka-slate-700) !important;
}

.mdka-btn-slate-700 {
  background-color: var(--mdka-slate-700) !important;
  border-color: var(--mdka-slate-700) !important;
}

.mdka-bg-slate-800 {
  background-color: var(--mdka-slate-800) !important;
}

.mdka-text-slate-800 {
  color: var(--mdka-slate-800);
}

.mdka-border-slate-800 {
  border-color: var(--mdka-slate-800) !important;
}

.mdka-btn-slate-800 {
  background-color: var(--mdka-slate-800) !important;
  border-color: var(--mdka-slate-800) !important;
}

.mdka-bg-slate-900 {
  background-color: var(--mdka-slate-900) !important;
}

.mdka-text-slate-900 {
  color: var(--mdka-slate-900);
}

.mdka-border-slate-900 {
  border-color: var(--mdka-slate-900) !important;
}

.mdka-btn-slate-900 {
  background-color: var(--mdka-slate-900) !important;
  border-color: var(--mdka-slate-900) !important;
}

.mdka-btn-slate-50:hover {
  background-color: var(--mdka-slate-100) !important;
  border-color: var(--mdka-slate-100) !important;
}

.mdka-btn-slate-50:focus {
  background-color: var(--mdka-slate-100) !important;
  border-color: var(--mdka-slate-100) !important;
}

.mdka-btn-slate-50:active {
  background-color: var(--mdka-slate-100) !important;
  border-color: var(--mdka-slate-100) !important;
}

.mdka-btn-slate-50:disabled {
  background-color: var(--mdka-slate-100) !important;
  border-color: var(--mdka-slate-100) !important;
}

.mdka-btn-slate-100:hover {
  background-color: var(--mdka-slate-200) !important;
  border-color: var(--mdka-slate-200) !important;
}

.mdka-btn-slate-100:focus {
  background-color: var(--mdka-slate-200) !important;
  border-color: var(--mdka-slate-200) !important;
}

.mdka-btn-slate-100:active {
  background-color: var(--mdka-slate-200) !important;
  border-color: var(--mdka-slate-200) !important;
}

.mdka-btn-slate-100:disabled {
  background-color: var(--mdka-slate-200) !important;
  border-color: var(--mdka-slate-200) !important;
}

.mdka-btn-slate-200:hover {
  background-color: var(--mdka-slate-300) !important;
  border-color: var(--mdka-slate-300) !important;
}

.mdka-btn-slate-200:focus {
  background-color: var(--mdka-slate-300) !important;
  border-color: var(--mdka-slate-300) !important;
}

.mdka-btn-slate-200:active {
  background-color: var(--mdka-slate-300) !important;
  border-color: var(--mdka-slate-300) !important;
}

.mdka-btn-slate-200:disabled {
  background-color: var(--mdka-slate-300) !important;
  border-color: var(--mdka-slate-300) !important;
}

.mdka-btn-slate-300:hover {
  background-color: var(--mdka-slate-400) !important;
  border-color: var(--mdka-slate-400) !important;
}

.mdka-btn-slate-300:focus {
  background-color: var(--mdka-slate-400) !important;
  border-color: var(--mdka-slate-400) !important;
}

.mdka-btn-slate-300:active {
  background-color: var(--mdka-slate-400) !important;
  border-color: var(--mdka-slate-400) !important;
}

.mdka-btn-slate-300:disabled {
  background-color: var(--mdka-slate-400) !important;
  border-color: var(--mdka-slate-400) !important;
}

.mdka-btn-slate-400:hover {
  background-color: var(--mdka-slate-500) !important;
  border-color: var(--mdka-slate-500) !important;
}

.mdka-btn-slate-400:focus {
  background-color: var(--mdka-slate-500) !important;
  border-color: var(--mdka-slate-500) !important;
}

.mdka-btn-slate-400:active {
  background-color: var(--mdka-slate-500) !important;
  border-color: var(--mdka-slate-500) !important;
}

.mdka-btn-slate-400:disabled {
  background-color: var(--mdka-slate-500) !important;
  border-color: var(--mdka-slate-500) !important;
}

.mdka-btn-slate-500:hover {
  background-color: var(--mdka-slate-600) !important;
  border-color: var(--mdka-slate-600) !important;
}

.mdka-btn-slate-500:focus {
  background-color: var(--mdka-slate-600) !important;
  border-color: var(--mdka-slate-600) !important;
}

.mdka-btn-slate-500:active {
  background-color: var(--mdka-slate-600) !important;
  border-color: var(--mdka-slate-600) !important;
}

.mdka-btn-slate-500:disabled {
  background-color: var(--mdka-slate-600) !important;
  border-color: var(--mdka-slate-600) !important;
}

.mdka-btn-slate-600:hover {
  background-color: var(--mdka-slate-700) !important;
  border-color: var(--mdka-slate-700) !important;
}

.mdka-btn-slate-600:focus {
  background-color: var(--mdka-slate-700) !important;
  border-color: var(--mdka-slate-700) !important;
}

.mdka-btn-slate-600:active {
  background-color: var(--mdka-slate-700) !important;
  border-color: var(--mdka-slate-700) !important;
}

.mdka-btn-slate-600:disabled {
  background-color: var(--mdka-slate-700) !important;
  border-color: var(--mdka-slate-700) !important;
}

.mdka-btn-slate-700:hover {
  background-color: var(--mdka-slate-800) !important;
  border-color: var(--mdka-slate-800) !important;
}

.mdka-btn-slate-700:focus {
  background-color: var(--mdka-slate-800) !important;
  border-color: var(--mdka-slate-800) !important;
}

.mdka-btn-slate-700:active {
  background-color: var(--mdka-slate-800) !important;
  border-color: var(--mdka-slate-800) !important;
}

.mdka-btn-slate-700:disabled {
  background-color: var(--mdka-slate-800) !important;
  border-color: var(--mdka-slate-800) !important;
}

.mdka-btn-slate-800:hover {
  background-color: var(--mdka-slate-900) !important;
  border-color: var(--mdka-slate-900) !important;
}

.mdka-btn-slate-800:focus {
  background-color: var(--mdka-slate-900) !important;
  border-color: var(--mdka-slate-900) !important;
}

.mdka-btn-slate-800:active {
  background-color: var(--mdka-slate-900) !important;
  border-color: var(--mdka-slate-900) !important;
}

.mdka-btn-slate-800:disabled {
  background-color: var(--mdka-slate-900) !important;
  border-color: var(--mdka-slate-900) !important;
}

.mdka-bg-zinc-50 {
  background-color: var(--mdka-zinc-50) !important;
}

.mdka-text-zinc-50 {
  color: var(--mdka-zinc-50);
}

.mdka-border-zinc-50 {
  border-color: var(--mdka-zinc-50) !important;
}

.mdka-btn-zinc-50 {
  background-color: var(--mdka-zinc-50) !important;
  border-color: var(--mdka-zinc-50) !important;
}

.mdka-bg-zinc-100 {
  background-color: var(--mdka-zinc-100) !important;
}

.mdka-text-zinc-100 {
  color: var(--mdka-zinc-100);
}

.mdka-border-zinc-100 {
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-btn-zinc-100 {
  background-color: var(--mdka-zinc-100) !important;
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-bg-zinc-200 {
  background-color: var(--mdka-zinc-200) !important;
}

.mdka-text-zinc-200 {
  color: var(--mdka-zinc-200);
}

.mdka-border-zinc-200 {
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-btn-zinc-200 {
  background-color: var(--mdka-zinc-200) !important;
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-bg-zinc-300 {
  background-color: var(--mdka-zinc-300) !important;
}

.mdka-text-zinc-300 {
  color: var(--mdka-zinc-300);
}

.mdka-border-zinc-300 {
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-btn-zinc-300 {
  background-color: var(--mdka-zinc-300) !important;
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-bg-zinc-400 {
  background-color: var(--mdka-zinc-400) !important;
}

.mdka-text-zinc-400 {
  color: var(--mdka-zinc-400);
}

.mdka-border-zinc-400 {
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-btn-zinc-400 {
  background-color: var(--mdka-zinc-400) !important;
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-bg-zinc-500 {
  background-color: var(--mdka-zinc-500) !important;
}

.mdka-text-zinc-500 {
  color: var(--mdka-zinc-500);
}

.mdka-border-zinc-500 {
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-btn-zinc-500 {
  background-color: var(--mdka-zinc-500) !important;
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-bg-zinc-600 {
  background-color: var(--mdka-zinc-600) !important;
}

.mdka-text-zinc-600 {
  color: var(--mdka-zinc-600);
}

.mdka-border-zinc-600 {
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-btn-zinc-600 {
  background-color: var(--mdka-zinc-600) !important;
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-bg-zinc-700 {
  background-color: var(--mdka-zinc-700) !important;
}

.mdka-text-zinc-700 {
  color: var(--mdka-zinc-700);
}

.mdka-border-zinc-700 {
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-btn-zinc-700 {
  background-color: var(--mdka-zinc-700) !important;
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-bg-zinc-800 {
  background-color: var(--mdka-zinc-800) !important;
}

.mdka-text-zinc-800 {
  color: var(--mdka-zinc-800);
}

.mdka-border-zinc-800 {
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-btn-zinc-800 {
  background-color: var(--mdka-zinc-800) !important;
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-bg-zinc-900 {
  background-color: var(--mdka-zinc-900) !important;
}

.mdka-text-zinc-900 {
  color: var(--mdka-zinc-900);
}

.mdka-border-zinc-900 {
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-btn-zinc-900 {
  background-color: var(--mdka-zinc-900) !important;
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-btn-zinc-50:hover {
  background-color: var(--mdka-zinc-100) !important;
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-btn-zinc-50:focus {
  background-color: var(--mdka-zinc-100) !important;
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-btn-zinc-50:active {
  background-color: var(--mdka-zinc-100) !important;
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-btn-zinc-50:disabled {
  background-color: var(--mdka-zinc-100) !important;
  border-color: var(--mdka-zinc-100) !important;
}

.mdka-btn-zinc-100:hover {
  background-color: var(--mdka-zinc-200) !important;
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-btn-zinc-100:focus {
  background-color: var(--mdka-zinc-200) !important;
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-btn-zinc-100:active {
  background-color: var(--mdka-zinc-200) !important;
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-btn-zinc-100:disabled {
  background-color: var(--mdka-zinc-200) !important;
  border-color: var(--mdka-zinc-200) !important;
}

.mdka-btn-zinc-200:hover {
  background-color: var(--mdka-zinc-300) !important;
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-btn-zinc-200:focus {
  background-color: var(--mdka-zinc-300) !important;
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-btn-zinc-200:active {
  background-color: var(--mdka-zinc-300) !important;
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-btn-zinc-200:disabled {
  background-color: var(--mdka-zinc-300) !important;
  border-color: var(--mdka-zinc-300) !important;
}

.mdka-btn-zinc-300:hover {
  background-color: var(--mdka-zinc-400) !important;
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-btn-zinc-300:focus {
  background-color: var(--mdka-zinc-400) !important;
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-btn-zinc-300:active {
  background-color: var(--mdka-zinc-400) !important;
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-btn-zinc-300:disabled {
  background-color: var(--mdka-zinc-400) !important;
  border-color: var(--mdka-zinc-400) !important;
}

.mdka-btn-zinc-400:hover {
  background-color: var(--mdka-zinc-500) !important;
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-btn-zinc-400:focus {
  background-color: var(--mdka-zinc-500) !important;
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-btn-zinc-400:active {
  background-color: var(--mdka-zinc-500) !important;
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-btn-zinc-400:disabled {
  background-color: var(--mdka-zinc-500) !important;
  border-color: var(--mdka-zinc-500) !important;
}

.mdka-btn-zinc-500:hover {
  background-color: var(--mdka-zinc-600) !important;
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-btn-zinc-500:focus {
  background-color: var(--mdka-zinc-600) !important;
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-btn-zinc-500:active {
  background-color: var(--mdka-zinc-600) !important;
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-btn-zinc-500:disabled {
  background-color: var(--mdka-zinc-600) !important;
  border-color: var(--mdka-zinc-600) !important;
}

.mdka-btn-zinc-600:hover {
  background-color: var(--mdka-zinc-700) !important;
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-btn-zinc-600:focus {
  background-color: var(--mdka-zinc-700) !important;
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-btn-zinc-600:active {
  background-color: var(--mdka-zinc-700) !important;
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-btn-zinc-600:disabled {
  background-color: var(--mdka-zinc-700) !important;
  border-color: var(--mdka-zinc-700) !important;
}

.mdka-btn-zinc-700:hover {
  background-color: var(--mdka-zinc-800) !important;
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-btn-zinc-700:focus {
  background-color: var(--mdka-zinc-800) !important;
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-btn-zinc-700:active {
  background-color: var(--mdka-zinc-800) !important;
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-btn-zinc-700:disabled {
  background-color: var(--mdka-zinc-800) !important;
  border-color: var(--mdka-zinc-800) !important;
}

.mdka-btn-zinc-800:hover {
  background-color: var(--mdka-zinc-900) !important;
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-btn-zinc-800:focus {
  background-color: var(--mdka-zinc-900) !important;
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-btn-zinc-800:active {
  background-color: var(--mdka-zinc-900) !important;
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-btn-zinc-800:disabled {
  background-color: var(--mdka-zinc-900) !important;
  border-color: var(--mdka-zinc-900) !important;
}

.mdka-bg-neutral-50 {
  background-color: var(--mdka-neutral-50) !important;
}

.mdka-text-neutral-50 {
  color: var(--mdka-neutral-50);
}

.mdka-border-neutral-50 {
  border-color: var(--mdka-neutral-50) !important;
}

.mdka-btn-neutral-50 {
  background-color: var(--mdka-neutral-50) !important;
  border-color: var(--mdka-neutral-50) !important;
}

.mdka-bg-neutral-100 {
  background-color: var(--mdka-neutral-100) !important;
}

.mdka-text-neutral-100 {
  color: var(--mdka-neutral-100);
}

.mdka-border-neutral-100 {
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-btn-neutral-100 {
  background-color: var(--mdka-neutral-100) !important;
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-bg-neutral-200 {
  background-color: var(--mdka-neutral-200) !important;
}

.mdka-text-neutral-200 {
  color: var(--mdka-neutral-200);
}

.mdka-border-neutral-200 {
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-btn-neutral-200 {
  background-color: var(--mdka-neutral-200) !important;
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-bg-neutral-300 {
  background-color: var(--mdka-neutral-300) !important;
}

.mdka-text-neutral-300 {
  color: var(--mdka-neutral-300);
}

.mdka-border-neutral-300 {
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-btn-neutral-300 {
  background-color: var(--mdka-neutral-300) !important;
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-bg-neutral-400 {
  background-color: var(--mdka-neutral-400) !important;
}

.mdka-text-neutral-400 {
  color: var(--mdka-neutral-400);
}

.mdka-border-neutral-400 {
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-btn-neutral-400 {
  background-color: var(--mdka-neutral-400) !important;
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-bg-neutral-500 {
  background-color: var(--mdka-neutral-500) !important;
}

.mdka-text-neutral-500 {
  color: var(--mdka-neutral-500);
}

.mdka-border-neutral-500 {
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-btn-neutral-500 {
  background-color: var(--mdka-neutral-500) !important;
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-bg-neutral-600 {
  background-color: var(--mdka-neutral-600) !important;
}

.mdka-text-neutral-600 {
  color: var(--mdka-neutral-600);
}

.mdka-border-neutral-600 {
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-btn-neutral-600 {
  background-color: var(--mdka-neutral-600) !important;
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-bg-neutral-700 {
  background-color: var(--mdka-neutral-700) !important;
}

.mdka-text-neutral-700 {
  color: var(--mdka-neutral-700);
}

.mdka-border-neutral-700 {
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-btn-neutral-700 {
  background-color: var(--mdka-neutral-700) !important;
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-bg-neutral-800 {
  background-color: var(--mdka-neutral-800) !important;
}

.mdka-text-neutral-800 {
  color: var(--mdka-neutral-800);
}

.mdka-border-neutral-800 {
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-btn-neutral-800 {
  background-color: var(--mdka-neutral-800) !important;
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-bg-neutral-900 {
  background-color: var(--mdka-neutral-900) !important;
}

.mdka-text-neutral-900 {
  color: var(--mdka-neutral-900);
}

.mdka-border-neutral-900 {
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-btn-neutral-900 {
  background-color: var(--mdka-neutral-900) !important;
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-btn-neutral-50:hover {
  background-color: var(--mdka-neutral-100) !important;
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-btn-neutral-50:focus {
  background-color: var(--mdka-neutral-100) !important;
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-btn-neutral-50:active {
  background-color: var(--mdka-neutral-100) !important;
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-btn-neutral-50:disabled {
  background-color: var(--mdka-neutral-100) !important;
  border-color: var(--mdka-neutral-100) !important;
}

.mdka-btn-neutral-100:hover {
  background-color: var(--mdka-neutral-200) !important;
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-btn-neutral-100:focus {
  background-color: var(--mdka-neutral-200) !important;
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-btn-neutral-100:active {
  background-color: var(--mdka-neutral-200) !important;
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-btn-neutral-100:disabled {
  background-color: var(--mdka-neutral-200) !important;
  border-color: var(--mdka-neutral-200) !important;
}

.mdka-btn-neutral-200:hover {
  background-color: var(--mdka-neutral-300) !important;
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-btn-neutral-200:focus {
  background-color: var(--mdka-neutral-300) !important;
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-btn-neutral-200:active {
  background-color: var(--mdka-neutral-300) !important;
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-btn-neutral-200:disabled {
  background-color: var(--mdka-neutral-300) !important;
  border-color: var(--mdka-neutral-300) !important;
}

.mdka-btn-neutral-300:hover {
  background-color: var(--mdka-neutral-400) !important;
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-btn-neutral-300:focus {
  background-color: var(--mdka-neutral-400) !important;
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-btn-neutral-300:active {
  background-color: var(--mdka-neutral-400) !important;
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-btn-neutral-300:disabled {
  background-color: var(--mdka-neutral-400) !important;
  border-color: var(--mdka-neutral-400) !important;
}

.mdka-btn-neutral-400:hover {
  background-color: var(--mdka-neutral-500) !important;
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-btn-neutral-400:focus {
  background-color: var(--mdka-neutral-500) !important;
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-btn-neutral-400:active {
  background-color: var(--mdka-neutral-500) !important;
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-btn-neutral-400:disabled {
  background-color: var(--mdka-neutral-500) !important;
  border-color: var(--mdka-neutral-500) !important;
}

.mdka-btn-neutral-500:hover {
  background-color: var(--mdka-neutral-600) !important;
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-btn-neutral-500:focus {
  background-color: var(--mdka-neutral-600) !important;
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-btn-neutral-500:active {
  background-color: var(--mdka-neutral-600) !important;
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-btn-neutral-500:disabled {
  background-color: var(--mdka-neutral-600) !important;
  border-color: var(--mdka-neutral-600) !important;
}

.mdka-btn-neutral-600:hover {
  background-color: var(--mdka-neutral-700) !important;
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-btn-neutral-600:focus {
  background-color: var(--mdka-neutral-700) !important;
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-btn-neutral-600:active {
  background-color: var(--mdka-neutral-700) !important;
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-btn-neutral-600:disabled {
  background-color: var(--mdka-neutral-700) !important;
  border-color: var(--mdka-neutral-700) !important;
}

.mdka-btn-neutral-700:hover {
  background-color: var(--mdka-neutral-800) !important;
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-btn-neutral-700:focus {
  background-color: var(--mdka-neutral-800) !important;
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-btn-neutral-700:active {
  background-color: var(--mdka-neutral-800) !important;
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-btn-neutral-700:disabled {
  background-color: var(--mdka-neutral-800) !important;
  border-color: var(--mdka-neutral-800) !important;
}

.mdka-btn-neutral-800:hover {
  background-color: var(--mdka-neutral-900) !important;
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-btn-neutral-800:focus {
  background-color: var(--mdka-neutral-900) !important;
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-btn-neutral-800:active {
  background-color: var(--mdka-neutral-900) !important;
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-btn-neutral-800:disabled {
  background-color: var(--mdka-neutral-900) !important;
  border-color: var(--mdka-neutral-900) !important;
}

.mdka-bg-stone-50 {
  background-color: var(--mdka-stone-50) !important;
}

.mdka-text-stone-50 {
  color: var(--mdka-stone-50);
}

.mdka-border-stone-50 {
  border-color: var(--mdka-stone-50) !important;
}

.mdka-btn-stone-50 {
  background-color: var(--mdka-stone-50) !important;
  border-color: var(--mdka-stone-50) !important;
}

.mdka-bg-stone-100 {
  background-color: var(--mdka-stone-100) !important;
}

.mdka-text-stone-100 {
  color: var(--mdka-stone-100);
}

.mdka-border-stone-100 {
  border-color: var(--mdka-stone-100) !important;
}

.mdka-btn-stone-100 {
  background-color: var(--mdka-stone-100) !important;
  border-color: var(--mdka-stone-100) !important;
}

.mdka-bg-stone-200 {
  background-color: var(--mdka-stone-200) !important;
}

.mdka-text-stone-200 {
  color: var(--mdka-stone-200);
}

.mdka-border-stone-200 {
  border-color: var(--mdka-stone-200) !important;
}

.mdka-btn-stone-200 {
  background-color: var(--mdka-stone-200) !important;
  border-color: var(--mdka-stone-200) !important;
}

.mdka-bg-stone-300 {
  background-color: var(--mdka-stone-300) !important;
}

.mdka-text-stone-300 {
  color: var(--mdka-stone-300);
}

.mdka-border-stone-300 {
  border-color: var(--mdka-stone-300) !important;
}

.mdka-btn-stone-300 {
  background-color: var(--mdka-stone-300) !important;
  border-color: var(--mdka-stone-300) !important;
}

.mdka-bg-stone-400 {
  background-color: var(--mdka-stone-400) !important;
}

.mdka-text-stone-400 {
  color: var(--mdka-stone-400);
}

.mdka-border-stone-400 {
  border-color: var(--mdka-stone-400) !important;
}

.mdka-btn-stone-400 {
  background-color: var(--mdka-stone-400) !important;
  border-color: var(--mdka-stone-400) !important;
}

.mdka-bg-stone-500 {
  background-color: var(--mdka-stone-500) !important;
}

.mdka-text-stone-500 {
  color: var(--mdka-stone-500);
}

.mdka-border-stone-500 {
  border-color: var(--mdka-stone-500) !important;
}

.mdka-btn-stone-500 {
  background-color: var(--mdka-stone-500) !important;
  border-color: var(--mdka-stone-500) !important;
}

.mdka-bg-stone-600 {
  background-color: var(--mdka-stone-600) !important;
}

.mdka-text-stone-600 {
  color: var(--mdka-stone-600);
}

.mdka-border-stone-600 {
  border-color: var(--mdka-stone-600) !important;
}

.mdka-btn-stone-600 {
  background-color: var(--mdka-stone-600) !important;
  border-color: var(--mdka-stone-600) !important;
}

.mdka-bg-stone-700 {
  background-color: var(--mdka-stone-700) !important;
}

.mdka-text-stone-700 {
  color: var(--mdka-stone-700);
}

.mdka-border-stone-700 {
  border-color: var(--mdka-stone-700) !important;
}

.mdka-btn-stone-700 {
  background-color: var(--mdka-stone-700) !important;
  border-color: var(--mdka-stone-700) !important;
}

.mdka-bg-stone-800 {
  background-color: var(--mdka-stone-800) !important;
}

.mdka-text-stone-800 {
  color: var(--mdka-stone-800);
}

.mdka-border-stone-800 {
  border-color: var(--mdka-stone-800) !important;
}

.mdka-btn-stone-800 {
  background-color: var(--mdka-stone-800) !important;
  border-color: var(--mdka-stone-800) !important;
}

.mdka-bg-stone-900 {
  background-color: var(--mdka-stone-900) !important;
}

.mdka-text-stone-900 {
  color: var(--mdka-stone-900);
}

.mdka-border-stone-900 {
  border-color: var(--mdka-stone-900) !important;
}

.mdka-btn-stone-900 {
  background-color: var(--mdka-stone-900) !important;
  border-color: var(--mdka-stone-900) !important;
}

.mdka-btn-stone-50:hover {
  background-color: var(--mdka-stone-100) !important;
  border-color: var(--mdka-stone-100) !important;
}

.mdka-btn-stone-50:focus {
  background-color: var(--mdka-stone-100) !important;
  border-color: var(--mdka-stone-100) !important;
}

.mdka-btn-stone-50:active {
  background-color: var(--mdka-stone-100) !important;
  border-color: var(--mdka-stone-100) !important;
}

.mdka-btn-stone-50:disabled {
  background-color: var(--mdka-stone-100) !important;
  border-color: var(--mdka-stone-100) !important;
}

.mdka-btn-stone-100:hover {
  background-color: var(--mdka-stone-200) !important;
  border-color: var(--mdka-stone-200) !important;
}

.mdka-btn-stone-100:focus {
  background-color: var(--mdka-stone-200) !important;
  border-color: var(--mdka-stone-200) !important;
}

.mdka-btn-stone-100:active {
  background-color: var(--mdka-stone-200) !important;
  border-color: var(--mdka-stone-200) !important;
}

.mdka-btn-stone-100:disabled {
  background-color: var(--mdka-stone-200) !important;
  border-color: var(--mdka-stone-200) !important;
}

.mdka-btn-stone-200:hover {
  background-color: var(--mdka-stone-300) !important;
  border-color: var(--mdka-stone-300) !important;
}

.mdka-btn-stone-200:focus {
  background-color: var(--mdka-stone-300) !important;
  border-color: var(--mdka-stone-300) !important;
}

.mdka-btn-stone-200:active {
  background-color: var(--mdka-stone-300) !important;
  border-color: var(--mdka-stone-300) !important;
}

.mdka-btn-stone-200:disabled {
  background-color: var(--mdka-stone-300) !important;
  border-color: var(--mdka-stone-300) !important;
}

.mdka-btn-stone-300:hover {
  background-color: var(--mdka-stone-400) !important;
  border-color: var(--mdka-stone-400) !important;
}

.mdka-btn-stone-300:focus {
  background-color: var(--mdka-stone-400) !important;
  border-color: var(--mdka-stone-400) !important;
}

.mdka-btn-stone-300:active {
  background-color: var(--mdka-stone-400) !important;
  border-color: var(--mdka-stone-400) !important;
}

.mdka-btn-stone-300:disabled {
  background-color: var(--mdka-stone-400) !important;
  border-color: var(--mdka-stone-400) !important;
}

.mdka-btn-stone-400:hover {
  background-color: var(--mdka-stone-500) !important;
  border-color: var(--mdka-stone-500) !important;
}

.mdka-btn-stone-400:focus {
  background-color: var(--mdka-stone-500) !important;
  border-color: var(--mdka-stone-500) !important;
}

.mdka-btn-stone-400:active {
  background-color: var(--mdka-stone-500) !important;
  border-color: var(--mdka-stone-500) !important;
}

.mdka-btn-stone-400:disabled {
  background-color: var(--mdka-stone-500) !important;
  border-color: var(--mdka-stone-500) !important;
}

.mdka-btn-stone-500:hover {
  background-color: var(--mdka-stone-600) !important;
  border-color: var(--mdka-stone-600) !important;
}

.mdka-btn-stone-500:focus {
  background-color: var(--mdka-stone-600) !important;
  border-color: var(--mdka-stone-600) !important;
}

.mdka-btn-stone-500:active {
  background-color: var(--mdka-stone-600) !important;
  border-color: var(--mdka-stone-600) !important;
}

.mdka-btn-stone-500:disabled {
  background-color: var(--mdka-stone-600) !important;
  border-color: var(--mdka-stone-600) !important;
}

.mdka-btn-stone-600:hover {
  background-color: var(--mdka-stone-700) !important;
  border-color: var(--mdka-stone-700) !important;
}

.mdka-btn-stone-600:focus {
  background-color: var(--mdka-stone-700) !important;
  border-color: var(--mdka-stone-700) !important;
}

.mdka-btn-stone-600:active {
  background-color: var(--mdka-stone-700) !important;
  border-color: var(--mdka-stone-700) !important;
}

.mdka-btn-stone-600:disabled {
  background-color: var(--mdka-stone-700) !important;
  border-color: var(--mdka-stone-700) !important;
}

.mdka-btn-stone-700:hover {
  background-color: var(--mdka-stone-800) !important;
  border-color: var(--mdka-stone-800) !important;
}

.mdka-btn-stone-700:focus {
  background-color: var(--mdka-stone-800) !important;
  border-color: var(--mdka-stone-800) !important;
}

.mdka-btn-stone-700:active {
  background-color: var(--mdka-stone-800) !important;
  border-color: var(--mdka-stone-800) !important;
}

.mdka-btn-stone-700:disabled {
  background-color: var(--mdka-stone-800) !important;
  border-color: var(--mdka-stone-800) !important;
}

.mdka-btn-stone-800:hover {
  background-color: var(--mdka-stone-900) !important;
  border-color: var(--mdka-stone-900) !important;
}

.mdka-btn-stone-800:focus {
  background-color: var(--mdka-stone-900) !important;
  border-color: var(--mdka-stone-900) !important;
}

.mdka-btn-stone-800:active {
  background-color: var(--mdka-stone-900) !important;
  border-color: var(--mdka-stone-900) !important;
}

.mdka-btn-stone-800:disabled {
  background-color: var(--mdka-stone-900) !important;
  border-color: var(--mdka-stone-900) !important;
}

.mdka-bg-red-50 {
  background-color: var(--mdka-red-50) !important;
}

.mdka-bg-red-100 {
  background-color: var(--mdka-red-100) !important;
}

.mdka-bg-red-200 {
  background-color: var(--mdka-red-200) !important;
}

.mdka-bg-red-300 {
  background-color: var(--mdka-red-300) !important;
}

.mdka-bg-red-400 {
  background-color: var(--mdka-red-400) !important;
}

.mdka-bg-red-500 {
  background-color: var(--mdka-red-500) !important;
}

.mdka-bg-red-600 {
  background-color: var(--mdka-red-600) !important;
}

.mdka-bg-red-700 {
  background-color: var(--mdka-red-700) !important;
}

.mdka-bg-red-800 {
  background-color: var(--mdka-red-800) !important;
}

.mdka-bg-red-900 {
  background-color: var(--mdka-red-900) !important;
}

.mdka-bg-blue-50 {
  background-color: var(--mdka-blue-50) !important;
}

.mdka-bg-blue-100 {
  background-color: var(--mdka-blue-100) !important;
}

.mdka-bg-blue-200 {
  background-color: var(--mdka-blue-200) !important;
}

.mdka-bg-blue-300 {
  background-color: var(--mdka-blue-300) !important;
}

.mdka-bg-blue-400 {
  background-color: var(--mdka-blue-400) !important;
}

.mdka-bg-blue-500 {
  background-color: var(--mdka-blue-500) !important;
}

.mdka-bg-blue-600 {
  background-color: var(--mdka-blue-600) !important;
}

.mdka-bg-blue-700 {
  background-color: var(--mdka-blue-700) !important;
}

.mdka-bg-blue-800 {
  background-color: var(--mdka-blue-800) !important;
}

.mdka-bg-blue-900 {
  background-color: var(--mdka-blue-900) !important;
}

.mdka-bg-green-50 {
  background-color: var(--mdka-green-50) !important;
}

.mdka-bg-green-100 {
  background-color: var(--mdka-green-100) !important;
}

.mdka-bg-green-200 {
  background-color: var(--mdka-green-200) !important;
}

.mdka-bg-green-300 {
  background-color: var(--mdka-green-300) !important;
}

.mdka-bg-green-400 {
  background-color: var(--mdka-green-400) !important;
}

.mdka-bg-green-500 {
  background-color: var(--mdka-green-500) !important;
}

.mdka-bg-green-600 {
  background-color: var(--mdka-green-600) !important;
}

.mdka-bg-green-700 {
  background-color: var(--mdka-green-700) !important;
}

.mdka-bg-green-800 {
  background-color: var(--mdka-green-800) !important;
}

.mdka-bg-green-900 {
  background-color: var(--mdka-green-900) !important;
}

.mdka-bg-yellow-50 {
  background-color: var(--mdka-yellow-50) !important;
}

.mdka-bg-yellow-100 {
  background-color: var(--mdka-yellow-100) !important;
}

.mdka-bg-yellow-200 {
  background-color: var(--mdka-yellow-200) !important;
}

.mdka-bg-yellow-300 {
  background-color: var(--mdka-yellow-300) !important;
}

.mdka-bg-yellow-400 {
  background-color: var(--mdka-yellow-400) !important;
}

.mdka-bg-yellow-500 {
  background-color: var(--mdka-yellow-500) !important;
}

.mdka-bg-yellow-600 {
  background-color: var(--mdka-yellow-600) !important;
}

.mdka-bg-yellow-700 {
  background-color: var(--mdka-yellow-700) !important;
}

.mdka-bg-yellow-800 {
  background-color: var(--mdka-yellow-800) !important;
}

.mdka-bg-yellow-900 {
  background-color: var(--mdka-yellow-900) !important;
}

.mdka-bg-gray-50 {
  background-color: var(--mdka-gray-50) !important;
}

.mdka-bg-gray-100 {
  background-color: var(--mdka-gray-100) !important;
}

.mdka-bg-gray-200 {
  background-color: var(--mdka-gray-200) !important;
}

.mdka-bg-gray-300 {
  background-color: var(--mdka-gray-300) !important;
}

.mdka-bg-gray-400 {
  background-color: var(--mdka-gray-400) !important;
}

.mdka-bg-gray-500 {
  background-color: var(--mdka-gray-500) !important;
}

.mdka-bg-gray-600 {
  background-color: var(--mdka-gray-600) !important;
}

.mdka-bg-gray-700 {
  background-color: var(--mdka-gray-700) !important;
}

.mdka-bg-gray-800 {
  background-color: var(--mdka-gray-800) !important;
}

.mdka-bg-gray-900 {
  background-color: var(--mdka-gray-900) !important;
}

.mdka-bg-purple-50 {
  background-color: var(--mdka-purple-50) !important;
}

.mdka-bg-purple-100 {
  background-color: var(--mdka-purple-100) !important;
}

.mdka-bg-purple-200 {
  background-color: var(--mdka-purple-200) !important;
}

.mdka-bg-purple-300 {
  background-color: var(--mdka-purple-300) !important;
}

.mdka-bg-purple-400 {
  background-color: var(--mdka-purple-400) !important;
}

.mdka-bg-purple-500 {
  background-color: var(--mdka-purple-500) !important;
}

.mdka-bg-purple-600 {
  background-color: var(--mdka-purple-600) !important;
}

.mdka-bg-purple-700 {
  background-color: var(--mdka-purple-700) !important;
}

.mdka-bg-purple-800 {
  background-color: var(--mdka-purple-800) !important;
}

.mdka-bg-purple-900 {
  background-color: var(--mdka-purple-900) !important;
}

.mdka-bg-pink-50 {
  background-color: var(--mdka-pink-50) !important;
}

.mdka-bg-pink-100 {
  background-color: var(--mdka-pink-100) !important;
}

.mdka-bg-pink-200 {
  background-color: var(--mdka-pink-200) !important;
}

.mdka-bg-pink-300 {
  background-color: var(--mdka-pink-300) !important;
}

.mdka-bg-pink-400 {
  background-color: var(--mdka-pink-400) !important;
}

.mdka-bg-pink-500 {
  background-color: var(--mdka-pink-500) !important;
}

.mdka-bg-pink-600 {
  background-color: var(--mdka-pink-600) !important;
}

.mdka-bg-pink-700 {
  background-color: var(--mdka-pink-700) !important;
}

.mdka-bg-pink-800 {
  background-color: var(--mdka-pink-800) !important;
}

.mdka-bg-pink-900 {
  background-color: var(--mdka-pink-900) !important;
}

.mdka-bg-orange-50 {
  background-color: var(--mdka-orange-50) !important;
}

.mdka-bg-orange-100 {
  background-color: var(--mdka-orange-100) !important;
}

.mdka-bg-orange-200 {
  background-color: var(--mdka-orange-200) !important;
}

.mdka-bg-orange-300 {
  background-color: var(--mdka-orange-300) !important;
}

.mdka-bg-orange-400 {
  background-color: var(--mdka-orange-400) !important;
}

.mdka-bg-orange-500 {
  background-color: var(--mdka-orange-500) !important;
}

.mdka-bg-orange-600 {
  background-color: var(--mdka-orange-600) !important;
}

.mdka-bg-orange-700 {
  background-color: var(--mdka-orange-700) !important;
}

.mdka-bg-orange-800 {
  background-color: var(--mdka-orange-800) !important;
}

.mdka-bg-orange-900 {
  background-color: var(--mdka-orange-900) !important;
}

.mdka-bg-brand-50 {
  background-color: var(--mdka-brand-50) !important;
}

.mdka-bg-brand-100 {
  background-color: var(--mdka-brand-100) !important;
}

.mdka-bg-brand-200 {
  background-color: var(--mdka-brand-200) !important;
}

.mdka-bg-brand-300 {
  background-color: var(--mdka-brand-300) !important;
}

.mdka-bg-brand-400 {
  background-color: var(--mdka-brand-400) !important;
}

.mdka-bg-brand-500 {
  background-color: var(--mdka-brand-500) !important;
}

.mdka-bg-brand-600 {
  background-color: var(--mdka-brand-600) !important;
}

.mdka-bg-brand-700 {
  background-color: var(--mdka-brand-700) !important;
}

.mdka-bg-brand-800 {
  background-color: var(--mdka-brand-800) !important;
}

.mdka-bg-brand-900 {
  background-color: var(--mdka-brand-900) !important;
}

.mdka-bg-lime-50 {
  background-color: var(--mdka-lime-50) !important;
}

.mdka-bg-lime-100 {
  background-color: var(--mdka-lime-100) !important;
}

.mdka-bg-lime-200 {
  background-color: var(--mdka-lime-200) !important;
}

.mdka-bg-lime-300 {
  background-color: var(--mdka-lime-300) !important;
}

.mdka-bg-lime-400 {
  background-color: var(--mdka-lime-400) !important;
}

.mdka-bg-lime-500 {
  background-color: var(--mdka-lime-500) !important;
}

.mdka-bg-lime-600 {
  background-color: var(--mdka-lime-600) !important;
}

.mdka-bg-lime-700 {
  background-color: var(--mdka-lime-700) !important;
}

.mdka-bg-lime-800 {
  background-color: var(--mdka-lime-800) !important;
}

.mdka-bg-lime-900 {
  background-color: var(--mdka-lime-900) !important;
}

.mdka-text-gray-50 {
  color: var(--mdka-gray-50);
}

.mdka-text-gray-100 {
  color: var(--mdka-gray-100);
}

.mdka-text-gray-200 {
  color: var(--mdka-gray-200);
}

.mdka-text-gray-300 {
  color: var(--mdka-gray-300);
}

.mdka-text-gray-400 {
  color: var(--mdka-gray-400);
}

.mdka-text-gray-500 {
  color: var(--mdka-gray-500);
}

.mdka-text-gray-600 {
  color: var(--mdka-gray-600) !important;
}

.mdka-text-gray-700 {
  color: var(--mdka-gray-700);
}

.mdka-text-gray-800 {
  color: var(--mdka-gray-800);
}

.mdka-text-gray-900 {
  color: var(--mdka-gray-900);
}

.mdka-text-purple-50 {
  color: var(--mdka-purple-50);
}

.mdka-text-purple-100 {
  color: var(--mdka-purple-100);
}

.mdka-text-purple-200 {
  color: var(--mdka-purple-200);
}

.mdka-text-purple-300 {
  color: var(--mdka-purple-300);
}

.mdka-text-purple-400 {
  color: var(--mdka-purple-400);
}

.mdka-text-purple-500 {
  color: var(--mdka-purple-500);
}

.mdka-text-purple-600 {
  color: var(--mdka-purple-600);
}

.mdka-text-purple-700 {
  color: var(--mdka-purple-700);
}

.mdka-text-purple-800 {
  color: var(--mdka-purple-800);
}

.mdka-text-purple-900 {
  color: var(--mdka-purple-900);
}

.mdka-text-pink-50 {
  color: var(--mdka-pink-50);
}

.mdka-text-pink-100 {
  color: var(--mdka-pink-100);
}

.mdka-text-pink-200 {
  color: var(--mdka-pink-200);
}

.mdka-text-pink-300 {
  color: var(--mdka-pink-300);
}

.mdka-text-pink-400 {
  color: var(--mdka-pink-400);
}

.mdka-text-pink-500 {
  color: var(--mdka-pink-500);
}

.mdka-text-pink-600 {
  color: var(--mdka-pink-600);
}

.mdka-text-pink-700 {
  color: var(--mdka-pink-700);
}

.mdka-text-pink-800 {
  color: var(--mdka-pink-800);
}

.mdka-text-pink-900 {
  color: var(--mdka-pink-900);
}

.mdka-text-orange-50 {
  color: var(--mdka-orange-50);
}

.mdka-text-orange-100 {
  color: var(--mdka-orange-100);
}

.mdka-text-orange-200 {
  color: var(--mdka-orange-200);
}

.mdka-text-orange-300 {
  color: var(--mdka-orange-300);
}

.mdka-text-orange-400 {
  color: var(--mdka-orange-400);
}

.mdka-text-orange-500 {
  color: var(--mdka-orange-500);
}

.mdka-text-orange-600 {
  color: var(--mdka-orange-600);
}

.mdka-text-orange-700 {
  color: var(--mdka-orange-700);
}

.mdka-text-orange-800 {
  color: var(--mdka-orange-800);
}

.mdka-text-orange-900 {
  color: var(--mdka-orange-900);
}

.mdka-text-brand-50 {
  color: var(--mdka-brand-50);
}

.mdka-text-brand-100 {
  color: var(--mdka-brand-100);
}

.mdka-text-brand-200 {
  color: var(--mdka-brand-200);
}

.mdka-text-brand-300 {
  color: var(--mdka-brand-300);
}

.mdka-text-brand-400 {
  color: var(--mdka-brand-400);
}

.mdka-text-brand-500 {
  color: var(--mdka-brand-500);
}

.mdka-text-brand-600 {
  color: var(--mdka-brand-600);
}

.mdka-text-brand-700 {
  color: var(--mdka-brand-700);
}

.mdka-text-brand-800 {
  color: var(--mdka-brand-800);
}

.mdka-text-brand-900 {
  color: var(--mdka-brand-900);
}

.mdka-text-green-50 {
  color: var(--mdka-green-50);
}

.mdka-text-green-100 {
  color: var(--mdka-green-100);
}

.mdka-text-green-200 {
  color: var(--mdka-green-200);
}

.mdka-text-green-300 {
  color: var(--mdka-green-300);
}

.mdka-text-green-400 {
  color: var(--mdka-green-400);
}

.mdka-text-green-500 {
  color: var(--mdka-green-500);
}

.mdka-text-green-600 {
  color: var(--mdka-green-600);
}

.mdka-text-green-700 {
  color: var(--mdka-green-700);
}

.mdka-text-green-800 {
  color: var(--mdka-green-800);
}

.mdka-text-green-900 {
  color: var(--mdka-green-900);
}

.mdka-text-red-50 {
  color: var(--mdka-red-50);
}

.mdka-text-red-100 {
  color: var(--mdka-red-100);
}

.mdka-text-red-200 {
  color: var(--mdka-red-200);
}

.mdka-text-red-300 {
  color: var(--mdka-red-300);
}

.mdka-text-red-400 {
  color: var(--mdka-red-400);
}

.mdka-text-red-500 {
  color: var(--mdka-red-500);
}

.mdka-text-red-600 {
  color: var(--mdka-red-600);
}

.mdka-text-red-700 {
  color: var(--mdka-red-700);
}

.mdka-text-red-800 {
  color: var(--mdka-red-800);
}

.mdka-text-red-900 {
  color: var(--mdka-red-900);
}

.mdka-text-blue-50 {
  color: var(--mdka-blue-50);
}

.mdka-text-blue-100 {
  color: var(--mdka-blue-100);
}

.mdka-text-blue-200 {
  color: var(--mdka-blue-200);
}

.mdka-text-blue-300 {
  color: var(--mdka-blue-300);
}

.mdka-text-blue-400 {
  color: var(--mdka-blue-400);
}

.mdka-text-blue-500 {
  color: var(--mdka-blue-500);
}

.mdka-text-blue-600 {
  color: var(--mdka-blue-600);
}

.mdka-text-blue-700 {
  color: var(--mdka-blue-700);
}

.mdka-text-blue-800 {
  color: var(--mdka-blue-800);
}

.mdka-text-blue-900 {
  color: var(--mdka-blue-900);
}

.mdka-text-green-50 {
  color: var(--mdka-green-50);
}

.mdka-text-green-100 {
  color: var(--mdka-green-100);
}

.mdka-text-green-200 {
  color: var(--mdka-green-200);
}

.mdka-text-green-300 {
  color: var(--mdka-green-300);
}

.mdka-text-green-400 {
  color: var(--mdka-green-400);
}

.mdka-text-green-500 {
  color: var(--mdka-green-500);
}

.mdka-text-green-600 {
  color: var(--mdka-green-600);
}

.mdka-text-green-700 {
  color: var(--mdka-green-700);
}

.mdka-text-green-800 {
  color: var(--mdka-green-800);
}

.mdka-text-green-900 {
  color: var(--mdka-green-900);
}

.mdka-text-yellow-50 {
  color: var(--mdka-yellow-50);
}

.mdka-text-yellow-100 {
  color: var(--mdka-yellow-100);
}

.mdka-text-yellow-200 {
  color: var(--mdka-yellow-200);
}

.mdka-text-yellow-300 {
  color: var(--mdka-yellow-300);
}

.mdka-text-yellow-400 {
  color: var(--mdka-yellow-400);
}

.mdka-text-yellow-500 {
  color: var(--mdka-yellow-500);
}

.mdka-text-yellow-600 {
  color: var(--mdka-yellow-600);
}

.mdka-text-yellow-700 {
  color: var(--mdka-yellow-700);
}

.mdka-text-yellow-800 {
  color: var(--mdka-yellow-800);
}

.mdka-text-yellow-900 {
  color: var(--mdka-yellow-900);
}

.mdka-text-lime-50 {
  color: var(--mdka-lime-50);
}

.mdka-text-lime-100 {
  color: var(--mdka-lime-100);
}

.mdka-text-lime-200 {
  color: var(--mdka-lime-200);
}

.mdka-text-lime-300 {
  color: var(--mdka-lime-300);
}

.mdka-text-lime-400 {
  color: var(--mdka-lime-400);
}

.mdka-text-lime-500 {
  color: var(--mdka-lime-500);
}

.mdka-text-lime-600 {
  color: var(--mdka-lime-600);
}

.mdka-text-lime-700 {
  color: var(--mdka-lime-700);
}

.mdka-text-lime-800 {
  color: var(--mdka-lime-800);
}

.mdka-text-lime-900 {
  color: var(--mdka-lime-900);
}

.mdka-border-white {
  border-color: white;
}

.mdka-border-brand-50 {
  border-color: var(--mdka-brand-50) !important;
}

.mdka-border-brand-100 {
  border-color: var(--mdka-brand-100) !important;
}

.mdka-border-brand-200 {
  border-color: var(--mdka-brand-200) !important;
}

.mdka-border-brand-300 {
  border-color: var(--mdka-brand-300) !important;
}

.mdka-border-brand-400 {
  border-color: var(--mdka-brand-400) !important;
}

.mdka-border-brand-500 {
  border-color: var(--mdka-brand-500) !important;
}

.mdka-border-brand-600 {
  border-color: var(--mdka-brand-600) !important;
}

.mdka-border-brand-700 {
  border-color: var(--mdka-brand-700) !important;
}

.mdka-border-brand-800 {
  border-color: var(--mdka-brand-800) !important;
}

.mdka-border-brand-900 {
  border-color: var(--mdka-brand-900) !important;
}

.mdka-border-red-50 {
  border-color: var(--mdka-red-50) !important;
}

.mdka-border-red-100 {
  border-color: var(--mdka-red-100) !important;
}

.mdka-border-red-200 {
  border-color: var(--mdka-red-200) !important;
}

.mdka-border-red-300 {
  border-color: var(--mdka-red-300) !important;
}

.mdka-border-red-400 {
  border-color: var(--mdka-red-400) !important;
}

.mdka-border-red-500 {
  border-color: var(--mdka-red-500) !important;
}

.mdka-border-red-600 {
  border-color: var(--mdka-red-600) !important;
}

.mdka-border-red-700 {
  border-color: var(--mdka-red-700) !important;
}

.mdka-border-red-800 {
  border-color: var(--mdka-red-800) !important;
}

.mdka-border-red-900 {
  border-color: var(--mdka-red-900) !important;
}

.mdka-border-blue-50 {
  border-color: var(--mdka-blue-50) !important;
}

.mdka-border-blue-100 {
  border-color: var(--mdka-blue-100) !important;
}

.mdka-border-blue-200 {
  border-color: var(--mdka-blue-200) !important;
}

.mdka-border-blue-300 {
  border-color: var(--mdka-blue-300) !important;
}

.mdka-border-blue-400 {
  border-color: var(--mdka-blue-400) !important;
}

.mdka-border-blue-500 {
  border-color: var(--mdka-blue-500) !important;
}

.mdka-border-blue-600 {
  border-color: var(--mdka-blue-600) !important;
}

.mdka-border-blue-700 {
  border-color: var(--mdka-blue-700) !important;
}

.mdka-border-blue-800 {
  border-color: var(--mdka-blue-800) !important;
}

.mdka-border-blue-900 {
  border-color: var(--mdka-blue-900) !important;
}

.mdka-border-green-50 {
  border-color: var(--mdka-green-50) !important;
}

.mdka-border-green-100 {
  border-color: var(--mdka-green-100) !important;
}

.mdka-border-green-200 {
  border-color: var(--mdka-green-200) !important;
}

.mdka-border-green-300 {
  border-color: var(--mdka-green-300) !important;
}

.mdka-border-green-400 {
  border-color: var(--mdka-green-400) !important;
}

.mdka-border-green-500 {
  border-color: var(--mdka-green-500) !important;
}

.mdka-border-green-600 {
  border-color: var(--mdka-green-600) !important;
}

.mdka-border-green-700 {
  border-color: var(--mdka-green-700) !important;
}

.mdka-border-green-800 {
  border-color: var(--mdka-green-800) !important;
}

.mdka-border-green-900 {
  border-color: var(--mdka-green-900) !important;
}

.mdka-border-yellow-50 {
  border-color: var(--mdka-yellow-50) !important;
}

.mdka-border-yellow-100 {
  border-color: var(--mdka-yellow-100) !important;
}

.mdka-border-yellow-200 {
  border-color: var(--mdka-yellow-200) !important;
}

.mdka-border-yellow-300 {
  border-color: var(--mdka-yellow-300) !important;
}

.mdka-border-yellow-400 {
  border-color: var(--mdka-yellow-400) !important;
}

.mdka-border-yellow-500 {
  border-color: var(--mdka-yellow-500) !important;
}

.mdka-border-yellow-600 {
  border-color: var(--mdka-yellow-600) !important;
}

.mdka-border-yellow-700 {
  border-color: var(--mdka-yellow-700) !important;
}

.mdka-border-yellow-800 {
  border-color: var(--mdka-yellow-800) !important;
}

.mdka-border-yellow-900 {
  border-color: var(--mdka-yellow-900) !important;
}

.mdka-border-orange-50 {
  border-color: var(--mdka-orange-50) !important;
}
.mdka-border-orange-100 {
  border-color: var(--mdka-orange-100) !important;
}
.mdka-border-orange-200 {
  border-color: var(--mdka-orange-200) !important;
}
.mdka-border-orange-300 {
  border-color: var(--mdka-orange-300) !important;
}
.mdka-border-orange-400 {
  border-color: var(--mdka-orange-400) !important;
}
.mdka-border-orange-500 {
  border-color: var(--mdka-orange-500) !important;
}
.mdka-border-orange-600 {
  border-color: var(--mdka-orange-600) !important;
}
.mdka-border-orange-700 {
  border-color: var(--mdka-orange-700) !important;
}
.mdka-border-orange-800 {
  border-color: var(--mdka-orange-800) !important;
}
.mdka-border-orange-900 {
  border-color: var(--mdka-orange-900) !important;
}

.mdka-border-gray-50 {
  border-color: var(--mdka-gray-50) !important;
}

.mdka-border-gray-100 {
  border-color: var(--mdka-gray-100) !important;
}

.mdka-border-gray-200 {
  border-color: var(--mdka-gray-200) !important;
}

.mdka-border-gray-300 {
  border-color: var(--mdka-gray-300) !important;
}

.mdka-border-gray-400 {
  border-color: var(--mdka-gray-400) !important;
}

.mdka-border-gray-500 {
  border-color: var(--mdka-gray-500) !important;
}

.mdka-border-gray-600 {
  border-color: var(--mdka-gray-600) !important;
}

.mdka-border-gray-700 {
  border-color: var(--mdka-gray-700) !important;
}

.mdka-border-gray-800 {
  border-color: var(--mdka-gray-800) !important;
}

.mdka-border-gray-900 {
  border-color: var(--mdka-gray-900) !important;
}

.mdka-border-lime-50 {
  border-color: var(--mdka-lime-50) !important;
}

.mdka-border-lime-100 {
  border-color: var(--mdka-lime-100) !important;
}

.mdka-border-lime-200 {
  border-color: var(--mdka-lime-200) !important;
}

.mdka-border-lime-300 {
  border-color: var(--mdka-lime-300) !important;
}

.mdka-border-lime-400 {
  border-color: var(--mdka-lime-400) !important;
}

.mdka-border-lime-500 {
  border-color: var(--mdka-lime-500) !important;
}

.mdka-border-lime-600 {
  border-color: var(--mdka-lime-600) !important;
}

.mdka-border-lime-700 {
  border-color: var(--mdka-lime-700) !important;
}

.mdka-border-lime-800 {
  border-color: var(--mdka-lime-800) !important;
}

.mdka-border-lime-900 {
  border-color: var(--mdka-lime-900) !important;
}

.mdka-border-purple-50 {
  border-color: var(--mdka-purple-50) !important;
}

.mdka-border-purple-100 {
  border-color: var(--mdka-purple-100) !important;
}

.mdka-border-purple-200 {
  border-color: var(--mdka-purple-200) !important;
}

.mdka-border-purple-300 {
  border-color: var(--mdka-purple-300) !important;
}

.mdka-border-purple-400 {
  border-color: var(--mdka-purple-400) !important;
}

.mdka-border-purple-500 {
  border-color: var(--mdka-purple-500) !important;
}

.mdka-border-purple-600 {
  border-color: var(--mdka-purple-600) !important;
}

.mdka-border-purple-700 {
  border-color: var(--mdka-purple-700) !important;
}

.mdka-border-purple-800 {
  border-color: var(--mdka-purple-800) !important;
}

.mdka-border-purple-900 {
  border-color: var(--mdka-purple-900) !important;
}

.mdka-border-pink-50 {
  border-color: var(--mdka-pink-50) !important;
}

.mdka-border-pink-100 {
  border-color: var(--mdka-pink-100) !important;
}

.mdka-border-pink-200 {
  border-color: var(--mdka-pink-200) !important;
}

.mdka-border-pink-300 {
  border-color: var(--mdka-pink-300) !important;
}

.mdka-border-pink-400 {
  border-color: var(--mdka-pink-400) !important;
}

.mdka-border-pink-500 {
  border-color: var(--mdka-pink-500) !important;
}

.mdka-border-pink-600 {
  border-color: var(--mdka-pink-600) !important;
}

.mdka-border-pink-700 {
  border-color: var(--mdka-pink-700) !important;
}

.mdka-border-pink-800 {
  border-color: var(--mdka-pink-800) !important;
}

.mdka-border-pink-900 {
  border-color: var(--mdka-pink-900) !important;
}

.mdka-btn-red-100 {
  background-color: var(--mdka-red-100) !important;
}

.mdka-btn-red-200 {
  background-color: var(--mdka-red-200) !important;
}

.mdka-btn-red-300 {
  background-color: var(--mdka-red-300) !important;
}

.mdka-btn-red-400 {
  background-color: var(--mdka-red-400) !important;
}

.mdka-btn-red-500 {
  background-color: var(--mdka-red-500) !important;
}

.mdka-btn-red-600 {
  background-color: var(--mdka-red-600) !important;
}

.mdka-btn-red-700 {
  background-color: var(--mdka-red-700) !important;
}

.mdka-btn-red-800 {
  background-color: var(--mdka-red-800) !important;
}

.mdka-btn-red-900 {
  background-color: var(--mdka-red-900) !important;
}

.mdka-btn-red-100:hover {
  background-color: var(--mdka-red-200) !important;
  border-color: var(--mdka-red-200) !important;
}

.mdka-btn-red-200:hover {
  background-color: var(--mdka-red-300) !important;
  border-color: var(--mdka-red-300) !important;
}

.mdka-btn-red-300:hover {
  background-color: var(--mdka-red-400) !important;
  border-color: var(--mdka-red-400) !important;
}

.mdka-btn-red-400:hover {
  background-color: var(--mdka-red-500) !important;
  border-color: var(--mdka-red-500) !important;
}

.mdka-btn-red-500:hover {
  background-color: var(--mdka-red-600) !important;
  border-color: var(--mdka-red-600) !important;
}

.mdka-btn-red-600:hover {
  background-color: var(--mdka-red-700) !important;
  border-color: var(--mdka-red-700) !important;
}

.mdka-btn-red-700:hover {
  background-color: var(--mdka-red-800) !important;
  border-color: var(--mdka-red-800) !important;
}

.mdka-btn-red-800:hover {
  background-color: var(--mdka-red-900) !important;
  border-color: var(--mdka-red-900) !important;
}

.mdka-btn-red-100:active {
  background-color: var(--mdka-red-200) !important;
  border-color: var(--mdka-red-200) !important;
}

.mdka-btn-red-200:active {
  background-color: var(--mdka-red-300) !important;
  border-color: var(--mdka-red-300) !important;
}

.mdka-btn-red-300:active {
  background-color: var(--mdka-red-400) !important;
  border-color: var(--mdka-red-400) !important;
}

.mdka-btn-red-400:active {
  background-color: var(--mdka-red-500) !important;
  border-color: var(--mdka-red-500) !important;
}

.mdka-btn-red-500:active {
  background-color: var(--mdka-red-600) !important;
  border-color: var(--mdka-red-600) !important;
}

.mdka-btn-red-600:active {
  background-color: var(--mdka-red-700) !important;
  border-color: var(--mdka-red-700) !important;
}

.mdka-btn-red-700:active {
  background-color: var(--mdka-red-800) !important;
  border-color: var(--mdka-red-800) !important;
}

.mdka-btn-red-800:active {
  background-color: var(--mdka-red-900) !important;
  border-color: var(--mdka-red-900) !important;
}

.mdka-btn-red-100:focus {
  background-color: var(--mdka-red-200) !important;
  border-color: var(--mdka-red-200) !important;
}

.mdka-btn-red-200:focus {
  background-color: var(--mdka-red-300) !important;
  border-color: var(--mdka-red-300) !important;
}

.mdka-btn-red-300:focus {
  background-color: var(--mdka-red-400) !important;
  border-color: var(--mdka-red-400) !important;
}

.mdka-btn-red-400:focus {
  background-color: var(--mdka-red-500) !important;
  border-color: var(--mdka-red-500) !important;
}

.mdka-btn-red-500:focus {
  background-color: var(--mdka-red-600) !important;
  border-color: var(--mdka-red-600) !important;
}

.mdka-btn-red-600:focus {
  background-color: var(--mdka-red-700) !important;
  border-color: var(--mdka-red-700) !important;
}

.mdka-btn-red-700:focus {
  background-color: var(--mdka-red-800) !important;
  border-color: var(--mdka-red-800) !important;
}

.mdka-btn-red-800:focus {
  background-color: var(--mdka-red-900) !important;
  border-color: var(--mdka-red-900) !important;
}

.mdka-btn-red-100:disabled {
  background-color: var(--mdka-red-200) !important;
  border-color: var(--mdka-red-200) !important;
}

.mdka-btn-red-200:disabled {
  background-color: var(--mdka-red-300) !important;
  border-color: var(--mdka-red-300) !important;
}

.mdka-btn-red-300:disabled {
  background-color: var(--mdka-red-400) !important;
  border-color: var(--mdka-red-400) !important;
}

.mdka-btn-red-400:disabled {
  background-color: var(--mdka-red-500) !important;
  border-color: var(--mdka-red-500) !important;
}

.mdka-btn-red-500:disabled {
  background-color: var(--mdka-red-600) !important;
  border-color: var(--mdka-red-600) !important;
}

.mdka-btn-red-600:disabled {
  background-color: var(--mdka-red-700) !important;
  border-color: var(--mdka-red-700) !important;
}

.mdka-btn-red-700:disabled {
  background-color: var(--mdka-red-800) !important;
  border-color: var(--mdka-red-800) !important;
}

.mdka-btn-red-800:disabled {
  background-color: var(--mdka-red-900) !important;
  border-color: var(--mdka-red-900) !important;
}

.mdka-btn-blue-50 {
  background-color: var(--mdka-blue-50) !important;
  border-color: var(--mdka-blue-50) !important;
}

.mdka-btn-blue-100 {
  background-color: var(--mdka-blue-100) !important;
  border-color: var(--mdka-blue-100) !important;
}

.mdka-btn-blue-200 {
  background-color: var(--mdka-blue-200) !important;
  border-color: var(--mdka-blue-200) !important;
}

.mdka-btn-blue-300 {
  background-color: var(--mdka-blue-300) !important;
  border-color: var(--mdka-blue-300) !important;
}

.mdka-btn-blue-400 {
  background-color: var(--mdka-blue-400) !important;
  border-color: var(--mdka-blue-400) !important;
}

.mdka-btn-blue-500 {
  background-color: var(--mdka-blue-500) !important;
  border-color: var(--mdka-blue-500) !important;
}

.mdka-btn-blue-600 {
  background-color: var(--mdka-blue-600) !important;
  border-color: var(--mdka-blue-600) !important;
}

.mdka-btn-blue-700 {
  background-color: var(--mdka-blue-700) !important;
  border-color: var(--mdka-blue-700) !important;
}

.mdka-btn-blue-800 {
  background-color: var(--mdka-blue-800) !important;
  border-color: var(--mdka-blue-800) !important;
}

.mdka-btn-blue-900 {
  background-color: var(--mdka-blue-900) !important;
  border-color: var(--mdka-blue-900) !important;
}

.mdka-btn-blue-100:active {
  background-color: var(--mdka-blue-200) !important;
  border-color: var(--mdka-blue-200) !important;
}

.mdka-btn-blue-200:active {
  background-color: var(--mdka-blue-300) !important;
  border-color: var(--mdka-blue-300) !important;
}

.mdka-btn-blue-300:active {
  background-color: var(--mdka-blue-400) !important;
  border-color: var(--mdka-blue-400) !important;
}

.mdka-btn-blue-400:active {
  background-color: var(--mdka-blue-500) !important;
  border-color: var(--mdka-blue-500) !important;
}

.mdka-btn-blue-500:active {
  background-color: var(--mdka-blue-600) !important;
  border-color: var(--mdka-blue-600) !important;
}

.mdka-btn-blue-600:active {
  background-color: var(--mdka-blue-700) !important;
  border-color: var(--mdka-blue-700) !important;
}

.mdka-btn-blue-700:active {
  background-color: var(--mdka-blue-800) !important;
  border-color: var(--mdka-blue-800) !important;
}

.mdka-btn-blue-800:active {
  background-color: var(--mdka-blue-900) !important;
  border-color: var(--mdka-blue-900) !important;
}

.mdka-btn-blue-100:focus {
  background-color: var(--mdka-blue-200) !important;
  border-color: var(--mdka-blue-200) !important;
}

.mdka-btn-blue-200:focus {
  background-color: var(--mdka-blue-300) !important;
  border-color: var(--mdka-blue-300) !important;
}

.mdka-btn-blue-300:focus {
  background-color: var(--mdka-blue-400) !important;
  border-color: var(--mdka-blue-400) !important;
}

.mdka-btn-blue-400:focus {
  background-color: var(--mdka-blue-500) !important;
  border-color: var(--mdka-blue-500) !important;
}

.mdka-btn-blue-500:focus {
  background-color: var(--mdka-blue-600) !important;
  border-color: var(--mdka-blue-600) !important;
}

.mdka-btn-blue-600:focus {
  background-color: var(--mdka-blue-700) !important;
  border-color: var(--mdka-blue-700) !important;
}

.mdka-btn-blue-700:focus {
  background-color: var(--mdka-blue-800) !important;
  border-color: var(--mdka-blue-800) !important;
}

.mdka-btn-blue-800:focus {
  background-color: var(--mdka-blue-900) !important;
  border-color: var(--mdka-blue-900) !important;
}

.mdka-btn-blue-100:disabled {
  background-color: var(--mdka-blue-200) !important;
  border-color: var(--mdka-blue-200) !important;
}

.mdka-btn-blue-200:disabled {
  background-color: var(--mdka-blue-300) !important;
  border-color: var(--mdka-blue-300) !important;
}

.mdka-btn-blue-300:disabled {
  background-color: var(--mdka-blue-400) !important;
  border-color: var(--mdka-blue-400) !important;
}

.mdka-btn-blue-400:disabled {
  background-color: var(--mdka-blue-500) !important;
  border-color: var(--mdka-blue-500) !important;
}

.mdka-btn-blue-500:disabled {
  background-color: var(--mdka-blue-600) !important;
  border-color: var(--mdka-blue-600) !important;
}

.mdka-btn-blue-600:disabled {
  background-color: var(--mdka-blue-700) !important;
  border-color: var(--mdka-blue-700) !important;
}

.mdka-btn-blue-700:disabled {
  background-color: var(--mdka-blue-800) !important;
  border-color: var(--mdka-blue-800) !important;
}

.mdka-btn-blue-800:disabled {
  background-color: var(--mdka-blue-900) !important;
  border-color: var(--mdka-blue-900) !important;
}

.mdka-btn-blue-100:hover {
  background-color: var(--mdka-blue-200) !important;
  border-color: var(--mdka-blue-200) !important;
}

.mdka-btn-blue-200:hover {
  background-color: var(--mdka-blue-300) !important;
  border-color: var(--mdka-blue-300) !important;
}

.mdka-btn-blue-300:hover {
  background-color: var(--mdka-blue-400) !important;
  border-color: var(--mdka-blue-400) !important;
}

.mdka-btn-blue-400:hover {
  background-color: var(--mdka-blue-500) !important;
  border-color: var(--mdka-blue-500) !important;
}

.mdka-btn-blue-500:hover {
  background-color: var(--mdka-blue-600) !important;
  border-color: var(--mdka-blue-600) !important;
}

.mdka-btn-blue-600:hover {
  background-color: var(--mdka-blue-700) !important;
  border-color: var(--mdka-blue-700) !important;
}

.mdka-btn-blue-700:hover {
  background-color: var(--mdka-blue-800) !important;
  border-color: var(--mdka-blue-800) !important;
}

.mdka-btn-blue-800:hover {
  background-color: var(--mdka-blue-900) !important;
  border-color: var(--mdka-blue-900) !important;
}

.mdka-btn-brand-100 {
  background-color: var(--mdka-brand-100) !important;
}

.mdka-btn-brand-200 {
  background-color: var(--mdka-brand-200) !important;
}

.mdka-btn-brand-300 {
  background-color: var(--mdka-brand-300) !important;
}

.mdka-btn-brand-400 {
  background-color: var(--mdka-brand-400) !important;
}

.mdka-btn-brand-500 {
  background-color: var(--mdka-brand-500) !important;
}

.mdka-btn-brand-600 {
  background-color: var(--mdka-brand-600) !important;
}

.mdka-btn-brand-700 {
  background-color: var(--mdka-brand-700) !important;
}

.mdka-btn-brand-800 {
  background-color: var(--mdka-brand-800) !important;
}

.mdka-btn-brand-900 {
  background-color: var(--mdka-brand-900) !important;
}

.mdka-btn-brand-100:hover {
  background-color: var(--mdka-brand-200) !important;
  border-color: var(--mdka-brand-200) !important;
}

.mdka-btn-brand-200:hover {
  background-color: var(--mdka-brand-300) !important;
  border-color: var(--mdka-brand-300) !important;
}

.mdka-btn-brand-300:hover {
  background-color: var(--mdka-brand-400) !important;
  border-color: var(--mdka-brand-400) !important;
}

.mdka-btn-brand-400:hover {
  background-color: var(--mdka-brand-500) !important;
  border-color: var(--mdka-brand-500) !important;
}

.mdka-btn-brand-500:hover {
  background-color: var(--mdka-brand-600) !important;
  border-color: var(--mdka-brand-600) !important;
}

.mdka-btn-brand-600:hover {
  background-color: var(--mdka-brand-700) !important;
  border-color: var(--mdka-brand-700) !important;
}

.mdka-btn-brand-700:hover {
  background-color: var(--mdka-brand-800) !important;
  border-color: var(--mdka-brand-800) !important;
}

.mdka-btn-brand-800:hover {
  background-color: var(--mdka-brand-900) !important;
  border-color: var(--mdka-brand-900) !important;
}

.mdka-btn-brand-100:focus {
  background-color: var(--mdka-brand-200) !important;
  border-color: var(--mdka-brand-200) !important;
}

.mdka-btn-brand-200:focus {
  background-color: var(--mdka-brand-300) !important;
  border-color: var(--mdka-brand-300) !important;
}

.mdka-btn-brand-300:focus {
  background-color: var(--mdka-brand-400) !important;
  border-color: var(--mdka-brand-400) !important;
}

.mdka-btn-brand-400:focus {
  background-color: var(--mdka-brand-500) !important;
  border-color: var(--mdka-brand-500) !important;
}

.mdka-btn-brand-500:focus {
  background-color: var(--mdka-brand-600) !important;
  border-color: var(--mdka-brand-600) !important;
}

.mdka-btn-brand-600:focus {
  background-color: var(--mdka-brand-700) !important;
  border-color: var(--mdka-brand-700) !important;
}

.mdka-btn-brand-700:focus {
  background-color: var(--mdka-brand-800) !important;
  border-color: var(--mdka-brand-800) !important;
}

.mdka-btn-brand-800:focus {
  background-color: var(--mdka-brand-900) !important;
  border-color: var(--mdka-brand-900) !important;
}

.mdka-btn-brand-100:active {
  background-color: var(--mdka-brand-200) !important;
  border-color: var(--mdka-brand-200) !important;
}

.mdka-btn-brand-200:active {
  background-color: var(--mdka-brand-300) !important;
  border-color: var(--mdka-brand-300) !important;
}

.mdka-btn-brand-300:active {
  background-color: var(--mdka-brand-400) !important;
  border-color: var(--mdka-brand-400) !important;
}

.mdka-btn-brand-400:active {
  background-color: var(--mdka-brand-500) !important;
  border-color: var(--mdka-brand-500) !important;
}

.mdka-btn-brand-500:active {
  background-color: var(--mdka-brand-600) !important;
  border-color: var(--mdka-brand-600) !important;
}

.mdka-btn-brand-600:active {
  background-color: var(--mdka-brand-700) !important;
  border-color: var(--mdka-brand-700) !important;
}

.mdka-btn-brand-700:active {
  background-color: var(--mdka-brand-800) !important;
  border-color: var(--mdka-brand-800) !important;
}

.mdka-btn-brand-800:active {
  background-color: var(--mdka-brand-900) !important;
  border-color: var(--mdka-brand-900) !important;
}

.mdka-btn-yellow-100 {
  background-color: var(--mdka-yellow-100) !important;
}

.mdka-btn-yellow-200 {
  background-color: var(--mdka-yellow-200) !important;
}

.mdka-btn-yellow-300 {
  background-color: var(--mdka-yellow-300) !important;
}

.mdka-btn-yellow-400 {
  background-color: var(--mdka-yellow-400) !important;
}

.mdka-btn-yellow-500 {
  background-color: var(--mdka-yellow-500) !important;
}

.mdka-btn-yellow-600 {
  background-color: var(--mdka-yellow-600) !important;
}

.mdka-btn-yellow-700 {
  background-color: var(--mdka-yellow-700) !important;
}

.mdka-btn-yellow-800 {
  background-color: var(--mdka-yellow-800) !important;
}

.mdka-btn-yellow-900 {
  background-color: var(--mdka-yellow-900) !important;
}

.mdka-btn-yellow-100:hover {
  background-color: var(--mdka-yellow-200) !important;
  border-color: var(--mdka-yellow-200) !important;
}

.mdka-btn-yellow-200:hover {
  background-color: var(--mdka-yellow-300) !important;
  border-color: var(--mdka-yellow-300) !important;
}

.mdka-btn-yellow-300:hover {
  background-color: var(--mdka-yellow-400) !important;
  border-color: var(--mdka-yellow-400) !important;
}

.mdka-btn-yellow-400:hover {
  background-color: var(--mdka-yellow-500) !important;
  border-color: var(--mdka-yellow-500) !important;
}

.mdka-btn-yellow-500:hover {
  background-color: var(--mdka-yellow-600) !important;
  border-color: var(--mdka-yellow-600) !important;
}

.mdka-btn-yellow-600:hover {
  background-color: var(--mdka-yellow-700) !important;
  border-color: var(--mdka-yellow-700) !important;
}

.mdka-btn-yellow-700:hover {
  background-color: var(--mdka-yellow-800) !important;
  border-color: var(--mdka-yellow-800) !important;
}

.mdka-btn-yellow-800:hover {
  background-color: var(--mdka-yellow-900) !important;
  border-color: var(--mdka-yellow-900) !important;
}

.mdka-btn-yellow-100:disabled {
  background-color: var(--mdka-yellow-200) !important;
  border-color: var(--mdka-yellow-200) !important;
}

.mdka-btn-yellow-200:disabled {
  background-color: var(--mdka-yellow-300) !important;
  border-color: var(--mdka-yellow-300) !important;
}

.mdka-btn-yellow-300:disabled {
  background-color: var(--mdka-yellow-400) !important;
  border-color: var(--mdka-yellow-400) !important;
}

.mdka-btn-yellow-400:disabled {
  background-color: var(--mdka-yellow-500) !important;
  border-color: var(--mdka-yellow-500) !important;
}

.mdka-btn-yellow-500:disabled {
  background-color: var(--mdka-yellow-600) !important;
  border-color: var(--mdka-yellow-600) !important;
}

.mdka-btn-yellow-600:disabled {
  background-color: var(--mdka-yellow-700) !important;
  border-color: var(--mdka-yellow-700) !important;
}

.mdka-btn-yellow-700:disabled {
  background-color: var(--mdka-yellow-800) !important;
  border-color: var(--mdka-yellow-800) !important;
}

.mdka-btn-yellow-800:disabled {
  background-color: var(--mdka-yellow-900) !important;
  border-color: var(--mdka-yellow-900) !important;
}

.mdka-btn-yellow-100:focus {
  background-color: var(--mdka-yellow-200) !important;
  border-color: var(--mdka-yellow-200) !important;
}

.mdka-btn-yellow-200:focus {
  background-color: var(--mdka-yellow-300) !important;
  border-color: var(--mdka-yellow-300) !important;
}

.mdka-btn-yellow-300:focus {
  background-color: var(--mdka-yellow-400) !important;
  border-color: var(--mdka-yellow-400) !important;
}

.mdka-btn-yellow-400:focus {
  background-color: var(--mdka-yellow-500) !important;
  border-color: var(--mdka-yellow-500) !important;
}

.mdka-btn-yellow-500:focus {
  background-color: var(--mdka-yellow-600) !important;
  border-color: var(--mdka-yellow-600) !important;
}

.mdka-btn-yellow-600:focus {
  background-color: var(--mdka-yellow-700) !important;
  border-color: var(--mdka-yellow-700) !important;
}

.mdka-btn-yellow-700:focus {
  background-color: var(--mdka-yellow-800) !important;
  border-color: var(--mdka-yellow-800) !important;
}

.mdka-btn-yellow-800:focus {
  background-color: var(--mdka-yellow-900) !important;
  border-color: var(--mdka-yellow-900) !important;
}

.mdka-btn-yellow-100:active {
  background-color: var(--mdka-yellow-200) !important;
  border-color: var(--mdka-yellow-200) !important;
}

.mdka-btn-yellow-200:active {
  background-color: var(--mdka-yellow-300) !important;
  border-color: var(--mdka-yellow-300) !important;
}

.mdka-btn-yellow-300:active {
  background-color: var(--mdka-yellow-400) !important;
  border-color: var(--mdka-yellow-400) !important;
}

.mdka-btn-yellow-400:active {
  background-color: var(--mdka-yellow-500) !important;
  border-color: var(--mdka-yellow-500) !important;
}

.mdka-btn-yellow-500:active {
  background-color: var(--mdka-yellow-600) !important;
  border-color: var(--mdka-yellow-600) !important;
}

.mdka-btn-yellow-600:active {
  background-color: var(--mdka-yellow-700) !important;
  border-color: var(--mdka-yellow-700) !important;
}

.mdka-btn-yellow-700:active {
  background-color: var(--mdka-yellow-800) !important;
  border-color: var(--mdka-yellow-800) !important;
}

.mdka-btn-yellow-800:active {
  background-color: var(--mdka-yellow-900) !important;
  border-color: var(--mdka-yellow-900) !important;
}

.mdka-btn-orange-100 {
  background-color: var(--mdka-orange-100) !important;
}

.mdka-btn-orange-200 {
  background-color: var(--mdka-orange-200) !important;
}

.mdka-btn-orange-300 {
  background-color: var(--mdka-orange-300) !important;
}

.mdka-btn-orange-400 {
  background-color: var(--mdka-orange-400) !important;
}

.mdka-btn-orange-500 {
  background-color: var(--mdka-orange-500) !important;
}

.mdka-btn-orange-600 {
  background-color: var(--mdka-orange-600) !important;
}

.mdka-btn-orange-700 {
  background-color: var(--mdka-orange-700) !important;
}

.mdka-btn-orange-800 {
  background-color: var(--mdka-orange-800) !important;
}

.mdka-btn-orange-900 {
  background-color: var(--mdka-orange-900) !important;
}

.mdka-btn-orange-100:hover {
  background-color: var(--mdka-orange-200) !important;
  border-color: var(--mdka-orange-200) !important;
}

.mdka-btn-orange-200:hover {
  background-color: var(--mdka-orange-300) !important;
  border-color: var(--mdka-orange-300) !important;
}

.mdka-btn-orange-300:hover {
  background-color: var(--mdka-orange-400) !important;
  border-color: var(--mdka-orange-400) !important;
}

.mdka-btn-orange-400:hover {
  background-color: var(--mdka-orange-500) !important;
  border-color: var(--mdka-orange-500) !important;
}

.mdka-btn-orange-500:hover {
  background-color: var(--mdka-orange-600) !important;
  border-color: var(--mdka-orange-600) !important;
}

.mdka-btn-orange-600:hover {
  background-color: var(--mdka-orange-700) !important;
  border-color: var(--mdka-orange-700) !important;
}

.mdka-btn-orange-700:hover {
  background-color: var(--mdka-orange-800) !important;
  border-color: var(--mdka-orange-800) !important;
}

.mdka-btn-orange-800:hover {
  background-color: var(--mdka-orange-900) !important;
  border-color: var(--mdka-orange-900) !important;
}

.mdka-btn-orange-100:focus {
  background-color: var(--mdka-orange-200) !important;
  border-color: var(--mdka-orange-200) !important;
}

.mdka-btn-orange-200:focus {
  background-color: var(--mdka-orange-300) !important;
  border-color: var(--mdka-orange-300) !important;
}

.mdka-btn-orange-300:focus {
  background-color: var(--mdka-orange-400) !important;
  border-color: var(--mdka-orange-400) !important;
}

.mdka-btn-orange-400:focus {
  background-color: var(--mdka-orange-500) !important;
  border-color: var(--mdka-orange-500) !important;
}

.mdka-btn-orange-500:focus {
  background-color: var(--mdka-orange-600) !important;
  border-color: var(--mdka-orange-600) !important;
}

.mdka-btn-orange-600:focus {
  background-color: var(--mdka-orange-700) !important;
  border-color: var(--mdka-orange-700) !important;
}

.mdka-btn-orange-700:focus {
  background-color: var(--mdka-orange-800) !important;
  border-color: var(--mdka-orange-800) !important;
}

.mdka-btn-orange-800:focus {
  background-color: var(--mdka-orange-900) !important;
  border-color: var(--mdka-orange-900) !important;
}

.mdka-btn-orange-100:active {
  background-color: var(--mdka-orange-200) !important;
  border-color: var(--mdka-orange-200) !important;
}

.mdka-btn-orange-200:active {
  background-color: var(--mdka-orange-300) !important;
  border-color: var(--mdka-orange-300) !important;
}

.mdka-btn-orange-300:active {
  background-color: var(--mdka-orange-400) !important;
  border-color: var(--mdka-orange-400) !important;
}

.mdka-btn-orange-400:active {
  background-color: var(--mdka-orange-500) !important;
  border-color: var(--mdka-orange-500) !important;
}

.mdka-btn-orange-500:active {
  background-color: var(--mdka-orange-600) !important;
  border-color: var(--mdka-orange-600) !important;
}

.mdka-btn-orange-600:active {
  background-color: var(--mdka-orange-700) !important;
  border-color: var(--mdka-orange-700) !important;
}

.mdka-btn-orange-700:active {
  background-color: var(--mdka-orange-800) !important;
  border-color: var(--mdka-orange-800) !important;
}

.mdka-btn-orange-800:active {
  background-color: var(--mdka-orange-900) !important;
  border-color: var(--mdka-orange-900) !important;
}

.mdka-btn-orange-100:disabled {
  background-color: var(--mdka-orange-200) !important;
  border-color: var(--mdka-orange-200) !important;
}

.mdka-btn-orange-200:disabled {
  background-color: var(--mdka-orange-300) !important;
  border-color: var(--mdka-orange-300) !important;
}

.mdka-btn-orange-300:disabled {
  background-color: var(--mdka-orange-400) !important;
  border-color: var(--mdka-orange-400) !important;
}

.mdka-btn-orange-400:disabled {
  background-color: var(--mdka-orange-500) !important;
  border-color: var(--mdka-orange-500) !important;
}

.mdka-btn-orange-500:disabled {
  background-color: var(--mdka-orange-600) !important;
  border-color: var(--mdka-orange-600) !important;
}

.mdka-btn-orange-600:disabled {
  background-color: var(--mdka-orange-700) !important;
  border-color: var(--mdka-orange-700) !important;
}

.mdka-btn-orange-700:disabled {
  background-color: var(--mdka-orange-800) !important;
  border-color: var(--mdka-orange-800) !important;
}

.mdka-btn-orange-800:disabled {
  background-color: var(--mdka-orange-900) !important;
  border-color: var(--mdka-orange-900) !important;
}

.mdka-btn-green-100 {
  background-color: var(--mdka-green-100) !important;
}

.mdka-btn-green-200 {
  background-color: var(--mdka-green-200) !important;
}

.mdka-btn-green-300 {
  background-color: var(--mdka-green-300) !important;
}

.mdka-btn-green-400 {
  background-color: var(--mdka-green-400) !important;
}

.mdka-btn-green-500 {
  background-color: var(--mdka-green-500) !important;
}

.mdka-btn-green-600 {
  background-color: var(--mdka-green-600) !important;
}

.mdka-btn-green-700 {
  background-color: var(--mdka-green-700) !important;
}

.mdka-btn-green-800 {
  background-color: var(--mdka-green-800) !important;
}

.mdka-btn-green-900 {
  background-color: var(--mdka-green-900) !important;
}

.mdka-btn-green-100:hover {
  background-color: var(--mdka-green-200) !important;
  border-color: var(--mdka-green-200) !important;
}

.mdka-btn-green-200:hover {
  background-color: var(--mdka-green-300) !important;
  border-color: var(--mdka-green-300) !important;
}

.mdka-btn-green-300:hover {
  background-color: var(--mdka-green-400) !important;
  border-color: var(--mdka-green-400) !important;
}

.mdka-btn-green-400:hover {
  background-color: var(--mdka-green-500) !important;
  border-color: var(--mdka-green-500) !important;
}

.mdka-btn-green-500:hover {
  background-color: var(--mdka-green-600) !important;
  border-color: var(--mdka-green-600) !important;
}

.mdka-btn-green-600:hover {
  background-color: var(--mdka-green-700) !important;
  border-color: var(--mdka-green-700) !important;
}

.mdka-btn-green-700:hover {
  background-color: var(--mdka-green-800) !important;
  border-color: var(--mdka-green-800) !important;
}

.mdka-btn-green-800:hover {
  background-color: var(--mdka-green-900) !important;
  border-color: var(--mdka-green-900) !important;
}

.mdka-btn-green-100:active {
  background-color: var(--mdka-green-200) !important;
  border-color: var(--mdka-green-200) !important;
}

.mdka-btn-green-200:active {
  background-color: var(--mdka-green-300) !important;
  border-color: var(--mdka-green-300) !important;
}

.mdka-btn-green-300:active {
  background-color: var(--mdka-green-400) !important;
  border-color: var(--mdka-green-400) !important;
}

.mdka-btn-green-400:active {
  background-color: var(--mdka-green-500) !important;
  border-color: var(--mdka-green-500) !important;
}

.mdka-btn-green-500:active {
  background-color: var(--mdka-green-600) !important;
  border-color: var(--mdka-green-600) !important;
}

.mdka-btn-green-600:active {
  background-color: var(--mdka-green-700) !important;
  border-color: var(--mdka-green-700) !important;
}

.mdka-btn-green-700:active {
  background-color: var(--mdka-green-800) !important;
  border-color: var(--mdka-green-800) !important;
}

.mdka-btn-green-800:active {
  background-color: var(--mdka-green-900) !important;
  border-color: var(--mdka-green-900) !important;
}

.mdka-btn-green-100:disabled {
  background-color: var(--mdka-green-200) !important;
  border-color: var(--mdka-green-200) !important;
}

.mdka-btn-green-200:disabled {
  background-color: var(--mdka-green-300) !important;
  border-color: var(--mdka-green-300) !important;
}

.mdka-btn-green-300:disabled {
  background-color: var(--mdka-green-400) !important;
  border-color: var(--mdka-green-400) !important;
}

.mdka-btn-green-400:disabled {
  background-color: var(--mdka-green-500) !important;
  border-color: var(--mdka-green-500) !important;
}

.mdka-btn-green-500:disabled {
  background-color: var(--mdka-green-600) !important;
  border-color: var(--mdka-green-600) !important;
}

.mdka-btn-green-600:disabled {
  background-color: var(--mdka-green-700) !important;
  border-color: var(--mdka-green-700) !important;
}

.mdka-btn-green-700:disabled {
  background-color: var(--mdka-green-800) !important;
  border-color: var(--mdka-green-800) !important;
}

.mdka-btn-green-800:disabled {
  background-color: var(--mdka-green-900) !important;
  border-color: var(--mdka-green-900) !important;
}

.mdka-btn-green-100:focus {
  background-color: var(--mdka-green-200) !important;
  border-color: var(--mdka-green-200) !important;
}

.mdka-btn-green-200:focus {
  background-color: var(--mdka-green-300) !important;
  border-color: var(--mdka-green-300) !important;
}

.mdka-btn-green-300:focus {
  background-color: var(--mdka-green-400) !important;
  border-color: var(--mdka-green-400) !important;
}

.mdka-btn-green-400:focus {
  background-color: var(--mdka-green-500) !important;
  border-color: var(--mdka-green-500) !important;
}

.mdka-btn-green-500:focus {
  background-color: var(--mdka-green-600) !important;
  border-color: var(--mdka-green-600) !important;
}

.mdka-btn-green-600:focus {
  background-color: var(--mdka-green-700) !important;
  border-color: var(--mdka-green-700) !important;
}

.mdka-btn-green-700:focus {
  background-color: var(--mdka-green-800) !important;
  border-color: var(--mdka-green-800) !important;
}

.mdka-btn-green-800:focus {
  background-color: var(--mdka-green-900) !important;
  border-color: var(--mdka-green-900) !important;
}

.mdka-btn-purple-100 {
  background-color: var(--mdka-purple-100) !important;
}

.mdka-btn-purple-200 {
  background-color: var(--mdka-purple-200) !important;
}

.mdka-btn-purple-300 {
  background-color: var(--mdka-purple-300) !important;
}

.mdka-btn-purple-400 {
  background-color: var(--mdka-purple-400) !important;
}

.mdka-btn-purple-500 {
  background-color: var(--mdka-purple-500) !important;
}

.mdka-btn-purple-600 {
  background-color: var(--mdka-purple-600) !important;
}

.mdka-btn-purple-700 {
  background-color: var(--mdka-purple-700) !important;
}

.mdka-btn-purple-800 {
  background-color: var(--mdka-purple-800) !important;
}

.mdka-btn-purple-100:hover {
  background-color: var(--mdka-purple-200) !important;
  border-color: var(--mdka-purple-200) !important;
}

.mdka-btn-purple-200:hover {
  background-color: var(--mdka-purple-300) !important;
  border-color: var(--mdka-purple-300) !important;
}

.mdka-btn-purple-300:hover {
  background-color: var(--mdka-purple-400) !important;
  border-color: var(--mdka-purple-400) !important;
}

.mdka-btn-purple-400:hover {
  background-color: var(--mdka-purple-500) !important;
  border-color: var(--mdka-purple-500) !important;
}

.mdka-btn-purple-500:hover {
  background-color: var(--mdka-purple-600) !important;
  border-color: var(--mdka-purple-600) !important;
}

.mdka-btn-purple-600:hover {
  background-color: var(--mdka-purple-700) !important;
  border-color: var(--mdka-purple-700) !important;
}

.mdka-btn-purple-700:hover {
  background-color: var(--mdka-purple-800) !important;
  border-color: var(--mdka-purple-800) !important;
}

.mdka-btn-purple-800:hover {
  background-color: var(--mdka-purple-900) !important;
  border-color: var(--mdka-purple-900) !important;
}

.mdka-btn-purple-100:disabled {
  background-color: var(--mdka-purple-200) !important;
  border-color: var(--mdka-purple-200) !important;
}

.mdka-btn-purple-200:disabled {
  background-color: var(--mdka-purple-300) !important;
  border-color: var(--mdka-purple-300) !important;
}

.mdka-btn-purple-300:disabled {
  background-color: var(--mdka-purple-400) !important;
  border-color: var(--mdka-purple-400) !important;
}

.mdka-btn-purple-400:disabled {
  background-color: var(--mdka-purple-500) !important;
  border-color: var(--mdka-purple-500) !important;
}

.mdka-btn-purple-500:disabled {
  background-color: var(--mdka-purple-600) !important;
  border-color: var(--mdka-purple-600) !important;
}

.mdka-btn-purple-600:disabled {
  background-color: var(--mdka-purple-700) !important;
  border-color: var(--mdka-purple-700) !important;
}

.mdka-btn-purple-700:disabled {
  background-color: var(--mdka-purple-800) !important;
  border-color: var(--mdka-purple-800) !important;
}

.mdka-btn-purple-800:disabled {
  background-color: var(--mdka-purple-900) !important;
  border-color: var(--mdka-purple-900) !important;
}

.mdka-btn-purple-100:focus {
  background-color: var(--mdka-purple-200) !important;
  border-color: var(--mdka-purple-200) !important;
}

.mdka-btn-purple-200:focus {
  background-color: var(--mdka-purple-300) !important;
  border-color: var(--mdka-purple-300) !important;
}

.mdka-btn-purple-300:focus {
  background-color: var(--mdka-purple-400) !important;
  border-color: var(--mdka-purple-400) !important;
}

.mdka-btn-purple-400:focus {
  background-color: var(--mdka-purple-500) !important;
  border-color: var(--mdka-purple-500) !important;
}

.mdka-btn-purple-500:focus {
  background-color: var(--mdka-purple-600) !important;
  border-color: var(--mdka-purple-600) !important;
}

.mdka-btn-purple-600:focus {
  background-color: var(--mdka-purple-700) !important;
  border-color: var(--mdka-purple-700) !important;
}

.mdka-btn-purple-700:focus {
  background-color: var(--mdka-purple-800) !important;
  border-color: var(--mdka-purple-800) !important;
}

.mdka-btn-purple-800:focus {
  background-color: var(--mdka-purple-900) !important;
  border-color: var(--mdka-purple-900) !important;
}

.mdka-btn-purple-100:active {
  background-color: var(--mdka-purple-200) !important;
  border-color: var(--mdka-purple-200) !important;
}

.mdka-btn-purple-200:active {
  background-color: var(--mdka-purple-300) !important;
  border-color: var(--mdka-purple-300) !important;
}

.mdka-btn-purple-300:active {
  background-color: var(--mdka-purple-400) !important;
  border-color: var(--mdka-purple-400) !important;
}

.mdka-btn-purple-400:active {
  background-color: var(--mdka-purple-500) !important;
  border-color: var(--mdka-purple-500) !important;
}

.mdka-btn-purple-500:active {
  background-color: var(--mdka-purple-600) !important;
  border-color: var(--mdka-purple-600) !important;
}

.mdka-btn-purple-600:active {
  background-color: var(--mdka-purple-700) !important;
  border-color: var(--mdka-purple-700) !important;
}

.mdka-btn-purple-700:active {
  background-color: var(--mdka-purple-800) !important;
  border-color: var(--mdka-purple-800) !important;
}

.mdka-btn-purple-800:active {
  background-color: var(--mdka-purple-900) !important;
  border-color: var(--mdka-purple-900) !important;
}

.mdka-btn-pink-100 {
  background-color: var(--mdka-pink-100) !important;
}

.mdka-btn-pink-200 {
  background-color: var(--mdka-pink-200) !important;
}

.mdka-btn-pink-300 {
  background-color: var(--mdka-pink-300) !important;
}

.mdka-btn-pink-400 {
  background-color: var(--mdka-pink-400) !important;
}

.mdka-btn-pink-500 {
  background-color: var(--mdka-pink-500) !important;
}

.mdka-btn-pink-600 {
  background-color: var(--mdka-pink-600) !important;
}

.mdka-btn-pink-700 {
  background-color: var(--mdka-pink-700) !important;
}

.mdka-btn-pink-800 {
  background-color: var(--mdka-pink-800) !important;
}

.mdka-btn-pink-100:hover {
  background-color: var(--mdka-pink-200) !important;
  border-color: var(--mdka-pink-200) !important;
}

.mdka-btn-pink-200:hover {
  background-color: var(--mdka-pink-300) !important;
  border-color: var(--mdka-pink-300) !important;
}

.mdka-btn-pink-300:hover {
  background-color: var(--mdka-pink-400) !important;
  border-color: var(--mdka-pink-400) !important;
}

.mdka-btn-pink-400:hover {
  background-color: var(--mdka-pink-500) !important;
  border-color: var(--mdka-pink-500) !important;
}

.mdka-btn-pink-500:hover {
  background-color: var(--mdka-pink-600) !important;
  border-color: var(--mdka-pink-600) !important;
}

.mdka-btn-pink-600:hover {
  background-color: var(--mdka-pink-700) !important;
  border-color: var(--mdka-pink-700) !important;
}

.mdka-btn-pink-700:hover {
  background-color: var(--mdka-pink-800) !important;
  border-color: var(--mdka-pink-800) !important;
}

.mdka-btn-pink-800:hover {
  background-color: var(--mdka-pink-900) !important;
  border-color: var(--mdka-pink-900) !important;
}

.mdka-btn-pink-100:focus {
  background-color: var(--mdka-pink-200) !important;
  border-color: var(--mdka-pink-200) !important;
}

.mdka-btn-pink-200:focus {
  background-color: var(--mdka-pink-300) !important;
  border-color: var(--mdka-pink-300) !important;
}

.mdka-btn-pink-300:focus {
  background-color: var(--mdka-pink-400) !important;
  border-color: var(--mdka-pink-400) !important;
}

.mdka-btn-pink-400:focus {
  background-color: var(--mdka-pink-500) !important;
  border-color: var(--mdka-pink-500) !important;
}

.mdka-btn-pink-500:focus {
  background-color: var(--mdka-pink-600) !important;
  border-color: var(--mdka-pink-600) !important;
}

.mdka-btn-pink-600:focus {
  background-color: var(--mdka-pink-700) !important;
  border-color: var(--mdka-pink-700) !important;
}

.mdka-btn-pink-700:focus {
  background-color: var(--mdka-pink-800) !important;
  border-color: var(--mdka-pink-800) !important;
}

.mdka-btn-pink-800:focus {
  background-color: var(--mdka-pink-900) !important;
  border-color: var(--mdka-pink-900) !important;
}

.mdka-btn-pink-100:active {
  background-color: var(--mdka-pink-200) !important;
  border-color: var(--mdka-pink-200) !important;
}

.mdka-btn-pink-200:active {
  background-color: var(--mdka-pink-300) !important;
  border-color: var(--mdka-pink-300) !important;
}

.mdka-btn-pink-300:active {
  background-color: var(--mdka-pink-400) !important;
  border-color: var(--mdka-pink-400) !important;
}

.mdka-btn-pink-400:active {
  background-color: var(--mdka-pink-500) !important;
  border-color: var(--mdka-pink-500) !important;
}

.mdka-btn-pink-500:active {
  background-color: var(--mdka-pink-600) !important;
  border-color: var(--mdka-pink-600) !important;
}

.mdka-btn-pink-600:active {
  background-color: var(--mdka-pink-700) !important;
  border-color: var(--mdka-pink-700) !important;
}

.mdka-btn-pink-700:active {
  background-color: var(--mdka-pink-800) !important;
  border-color: var(--mdka-pink-800) !important;
}

.mdka-btn-pink-800:active {
  background-color: var(--mdka-pink-900) !important;
  border-color: var(--mdka-pink-900) !important;
}

.mdka-btn-pink-100:disabled {
  background-color: var(--mdka-pink-200) !important;
  border-color: var(--mdka-pink-200) !important;
}

.mdka-btn-pink-200:disabled {
  background-color: var(--mdka-pink-300) !important;
  border-color: var(--mdka-pink-300) !important;
}

.mdka-btn-pink-300:disabled {
  background-color: var(--mdka-pink-400) !important;
  border-color: var(--mdka-pink-400) !important;
}

.mdka-btn-pink-400:disabled {
  background-color: var(--mdka-pink-500) !important;
  border-color: var(--mdka-pink-500) !important;
}

.mdka-btn-pink-500:disabled {
  background-color: var(--mdka-pink-600) !important;
  border-color: var(--mdka-pink-600) !important;
}

.mdka-btn-pink-600:disabled {
  background-color: var(--mdka-pink-700) !important;
  border-color: var(--mdka-pink-700) !important;
}

.mdka-btn-pink-700:disabled {
  background-color: var(--mdka-pink-800) !important;
  border-color: var(--mdka-pink-800) !important;
}

.mdka-btn-pink-800:disabled {
  background-color: var(--mdka-pink-900) !important;
  border-color: var(--mdka-pink-900) !important;
}

.mdka-btn-gray-100 {
  background-color: var(--mdka-gray-100) !important;
  border-color: var(--mdka-gray-100) !important;
}

.mdka-btn-gray-200 {
  background-color: var(--mdka-gray-200) !important;
  border-color: var(--mdka-gray-200) !important;
}

.mdka-btn-gray-300 {
  background-color: var(--mdka-gray-300) !important;
  border-color: var(--mdka-gray-300) !important;
}

.mdka-btn-gray-400 {
  background-color: var(--mdka-gray-400) !important;
  border-color: var(--mdka-gray-400) !important;
}

.mdka-btn-gray-500 {
  background-color: var(--mdka-gray-500) !important;
  border-color: var(--mdka-gray-500) !important;
}

.mdka-btn-gray-600 {
  background-color: var(--mdka-gray-600) !important;
  border-color: var(--mdka-gray-600) !important;
}

.mdka-btn-gray-700 {
  background-color: var(--mdka-gray-700) !important;
  border-color: var(--mdka-gray-700) !important;
}

.mdka-btn-gray-800 {
  background-color: var(--mdka-gray-800) !important;
  border-color: var(--mdka-gray-800) !important;
}

.mdka-btn-gray-900 {
  background-color: var(--mdka-gray-900) !important;
  border-color: var(--mdka-gray-900) !important;
}

.mdka-btn-gray-100:hover {
  background-color: var(--mdka-gray-200) !important;
  border-color: var(--mdka-gray-200) !important;
}

.mdka-btn-gray-200:hover {
  background-color: var(--mdka-gray-300) !important;
  border-color: var(--mdka-gray-300) !important;
}

.mdka-btn-gray-300:hover {
  background-color: var(--mdka-gray-400) !important;
  border-color: var(--mdka-gray-400) !important;
}

.mdka-btn-gray-400:hover {
  background-color: var(--mdka-gray-500) !important;
  border-color: var(--mdka-gray-500) !important;
}

.mdka-btn-gray-500:hover {
  background-color: var(--mdka-gray-600) !important;
  border-color: var(--mdka-gray-600) !important;
}

.mdka-btn-gray-600:hover {
  background-color: var(--mdka-gray-700) !important;
  border-color: var(--mdka-gray-700) !important;
}

.mdka-btn-gray-700:hover {
  background-color: var(--mdka-gray-800) !important;
  border-color: var(--mdka-gray-800) !important;
}

.mdka-btn-gray-800:hover {
  background-color: var(--mdka-gray-900) !important;
  border-color: var(--mdka-gray-900) !important;
}

.mdka-btn-gray-100:focus {
  background-color: var(--mdka-gray-200) !important;
  border-color: var(--mdka-gray-200) !important;
}

.mdka-btn-gray-200:focus {
  background-color: var(--mdka-gray-300) !important;
  border-color: var(--mdka-gray-300) !important;
}

.mdka-btn-gray-300:focus {
  background-color: var(--mdka-gray-400) !important;
  border-color: var(--mdka-gray-400) !important;
}

.mdka-btn-gray-400:focus {
  background-color: var(--mdka-gray-500) !important;
  border-color: var(--mdka-gray-500) !important;
}

.mdka-btn-gray-500:focus {
  background-color: var(--mdka-gray-600) !important;
  border-color: var(--mdka-gray-600) !important;
}

.mdka-btn-gray-600:focus {
  background-color: var(--mdka-gray-700) !important;
  border-color: var(--mdka-gray-700) !important;
}

.mdka-btn-gray-700:focus {
  background-color: var(--mdka-gray-800) !important;
  border-color: var(--mdka-gray-800) !important;
}

.mdka-btn-gray-800:focus {
  background-color: var(--mdka-gray-900) !important;
  border-color: var(--mdka-gray-900) !important;
}

.mdka-btn-gray-100:active {
  background-color: var(--mdka-gray-200) !important;
  border-color: var(--mdka-gray-200) !important;
}

.mdka-btn-gray-200:active {
  background-color: var(--mdka-gray-300) !important;
  border-color: var(--mdka-gray-300) !important;
}

.mdka-btn-gray-300:active {
  background-color: var(--mdka-gray-400) !important;
  border-color: var(--mdka-gray-400) !important;
}

.mdka-btn-gray-400:active {
  background-color: var(--mdka-gray-500) !important;
  border-color: var(--mdka-gray-500) !important;
}

.mdka-btn-gray-500:active {
  background-color: var(--mdka-gray-600) !important;
  border-color: var(--mdka-gray-600) !important;
}

.mdka-btn-gray-600:active {
  background-color: var(--mdka-gray-700) !important;
  border-color: var(--mdka-gray-700) !important;
}

.mdka-btn-gray-700:active {
  background-color: var(--mdka-gray-800) !important;
  border-color: var(--mdka-gray-800) !important;
}

.mdka-btn-gray-800:active {
  background-color: var(--mdka-gray-900) !important;
  border-color: var(--mdka-gray-900) !important;
}

.mdka-btn-lime-50 {
  background-color: var(--mdka-lime-50) !important;
  border-color: var(--mdka-lime-50) !important;
}

.mdka-btn-lime-100 {
  background-color: var(--mdka-lime-100) !important;
  border-color: var(--mdka-lime-100) !important;
}

.mdka-btn-lime-200 {
  background-color: var(--mdka-lime-200) !important;
  border-color: var(--mdka-lime-200) !important;
}

.mdka-btn-lime-300 {
  background-color: var(--mdka-lime-300) !important;
  border-color: var(--mdka-lime-300) !important;
}

.mdka-btn-lime-400 {
  background-color: var(--mdka-lime-400) !important;
  border-color: var(--mdka-lime-400) !important;
}

.mdka-btn-lime-500 {
  background-color: var(--mdka-lime-500) !important;
  border-color: var(--mdka-lime-500) !important;
}

.mdka-btn-lime-600 {
  background-color: var(--mdka-lime-600) !important;
  border-color: var(--mdka-lime-600) !important;
}

.mdka-btn-lime-700 {
  background-color: var(--mdka-lime-700) !important;
  border-color: var(--mdka-lime-700) !important;
}

.mdka-btn-lime-800 {
  background-color: var(--mdka-lime-800) !important;
  border-color: var(--mdka-lime-800) !important;
}

.mdka-btn-lime-900 {
  background-color: var(--mdka-lime-900) !important;
  border-color: var(--mdka-lime-900) !important;
}

.mdka-btn-lime-50:hover {
  background-color: var(--mdka-lime-100) !important;
  border-color: var(--mdka-lime-100) !important;
}

.mdka-btn-lime-100:hover {
  background-color: var(--mdka-lime-200) !important;
  border-color: var(--mdka-lime-200) !important;
}

.mdka-btn-lime-200:hover {
  background-color: var(--mdka-lime-300) !important;
  border-color: var(--mdka-lime-300) !important;
}

.mdka-btn-lime-300:hover {
  background-color: var(--mdka-lime-400) !important;
  border-color: var(--mdka-lime-400) !important;
}

.mdka-btn-lime-400:hover {
  background-color: var(--mdka-lime-500) !important;
  border-color: var(--mdka-lime-500) !important;
}

.mdka-btn-lime-500:hover {
  background-color: var(--mdka-lime-600) !important;
  border-color: var(--mdka-lime-600) !important;
}

.mdka-btn-lime-600:hover {
  background-color: var(--mdka-lime-700) !important;
  border-color: var(--mdka-lime-700) !important;
}

.mdka-btn-lime-700:hover {
  background-color: var(--mdka-lime-800) !important;
  border-color: var(--mdka-lime-800) !important;
}

.mdka-btn-lime-800:hover {
  background-color: var(--mdka-lime-900) !important;
  border-color: var(--mdka-lime-900) !important;
}

.mdka-btn-lime-50:focus {
  background-color: var(--mdka-lime-100) !important;
  border-color: var(--mdka-lime-100) !important;
}

.mdka-btn-lime-100:focus {
  background-color: var(--mdka-lime-200) !important;
  border-color: var(--mdka-lime-200) !important;
}

.mdka-btn-lime-200:focus {
  background-color: var(--mdka-lime-300) !important;
  border-color: var(--mdka-lime-300) !important;
}

.mdka-btn-lime-300:focus {
  background-color: var(--mdka-lime-400) !important;
  border-color: var(--mdka-lime-400) !important;
}

.mdka-btn-lime-400:focus {
  background-color: var(--mdka-lime-500) !important;
  border-color: var(--mdka-lime-500) !important;
}

.mdka-btn-lime-500:focus {
  background-color: var(--mdka-lime-600) !important;
  border-color: var(--mdka-lime-600) !important;
}

.mdka-btn-lime-600:focus {
  background-color: var(--mdka-lime-700) !important;
  border-color: var(--mdka-lime-700) !important;
}

.mdka-btn-lime-700:focus {
  background-color: var(--mdka-lime-800) !important;
  border-color: var(--mdka-lime-800) !important;
}

.mdka-btn-lime-800:focus {
  background-color: var(--mdka-lime-900) !important;
  border-color: var(--mdka-lime-900) !important;
}

.mdka-btn-lime-50:active {
  background-color: var(--mdka-lime-100) !important;
  border-color: var(--mdka-lime-100) !important;
}

.mdka-btn-lime-100:active {
  background-color: var(--mdka-lime-200) !important;
  border-color: var(--mdka-lime-200) !important;
}

.mdka-btn-lime-200:active {
  background-color: var(--mdka-lime-300) !important;
  border-color: var(--mdka-lime-300) !important;
}

.mdka-btn-lime-300:active {
  background-color: var(--mdka-lime-400) !important;
  border-color: var(--mdka-lime-400) !important;
}

.mdka-btn-lime-400:active {
  background-color: var(--mdka-lime-500) !important;
  border-color: var(--mdka-lime-500) !important;
}

.mdka-btn-lime-500:active {
  background-color: var(--mdka-lime-600) !important;
  border-color: var(--mdka-lime-600) !important;
}

.mdka-btn-lime-600:active {
  background-color: var(--mdka-lime-700) !important;
  border-color: var(--mdka-lime-700) !important;
}

.mdka-btn-lime-700:active {
  background-color: var(--mdka-lime-800) !important;
  border-color: var(--mdka-lime-800) !important;
}

.mdka-btn-lime-800:active {
  background-color: var(--mdka-lime-900) !important;
  border-color: var(--mdka-lime-900) !important;
}

/** PAGINATION **/
.btn-pagination {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  color: #334155;
  font-size: 12px;
}

.btn-pagination.btn-primary {
  color: #fff;
  background: #206bc4;
}

.btn-pagination:hover {
  color: #fff;
  background: #206bc4;
}

.btn-previous,
.btn-next {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  color: #000;
  background: #fff;
  font-weight: 500;
  border: 0.5px solid #e2e8f0;
}

.btn-previous.disabled,
.btn-next.disabled {
  background: #e2e8f0;
  border-color: #e2e8f0;
}

/** NAVIGATION TABS 1 **/
.mdka-nav {
  position: relative;
}

.mdka-nav::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 2px;
  background-color: #e2e8f0;
  z-index: 0;
}

.mdka-nav .mdka-nav-item .mdka-nav-link {
  color: #64748b;
}

.mdka-nav .mdka-nav-item .mdka-nav-link:hover {
    color: #3b82f6;
    cursor: pointer;
}

.mdka-nav .mdka-nav-item .mdka-nav-link:hover .badge-tab {
    color: white !important;
    background-color: #3b82f6 !important;
}

.mdka-nav .mdka-nav-item .mdka-nav-link.active {
  color: #3b82f6;
  position: relative;
}

.mdka-nav .mdka-nav-item .mdka-nav-link.active .badge-tab {
    color: white !important;
    background-color: #3b82f6 !important;
}

.mdka-nav .mdka-nav-item .mdka-nav-link .badge-tab {
    color: var(--mdka-gray-700) !important;
    background-color: var(--mdka-gray-200) !important;
}

.mdka-nav .mdka-nav-item .mdka-nav-link.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 3px;
  background-color: #3b82f6;
  z-index: 1;
}

/** NAVIGATION TABS 2 **/
.mdka-nav-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0;
  margin: 0;
}

.mdka-nav-btn::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 2px;
  background-color: #E2E8F0;
  z-index: 0;
}

.mdka-nav-btn-item {
  list-style-type: none;
  padding: 8px 2px;
}

.mdka-nav-btn .mdka-nav-btn-item .mdka-nav-btn-link {
  background-color: #F1F5F9;
  padding: 8px 20px;
  color: #64748B;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #E2E8F0;
}

.mdka-nav-btn .mdka-nav-btn-item .mdka-nav-btn-link:hover {
  color: #3B82F6;
}

.mdka-nav-btn .mdka-nav-btn-item .mdka-nav-btn-link.active {
  color: white;
  background-color: #3B82F6;
  position: relative;
  cursor: unset;
  border-color: #3B82F6;
}

/** Sidebar Navigation **/
.navbar.navbar-vertical.navbar-expand-lg {
  overflow: hidden;
  /* Hides the scrollbar */
    -ms-overflow-style: none;
  /* Internet Explorer 10+ */
    scrollbar-width: none;
  /* Firefox */;
}

.navbar.navbar-vertical.navbar-expand-lg::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */;
}

.navbar-expand-lg.collapsed .nav-link-title.sidebar-control,
.navbar-expand-lg.collapsed .span-title-sidebar {
    display: none !important;
}

.nav-item .badge-sidebar {
    position: initial !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

.navbar-vertical.collapsed .badge-sidebar {
    position: absolute !important;
    top: .375rem !important;
    right: .375rem !important;
    transform: translate(50%, -50%) !important;
    margin-right: 5px !important;
}

.navbar-vertical.collapsed .nav-item {
    margin-left: 0 !important;
}

.navbar-vertical.collapsed .active-mdka-nav {
    margin-left: 8px !important;
}

.navbar-vertical.collapsed .active-mdka-nav .nav-link-icon {
    padding-left: 4px !important;
}

.navbar-vertical.collapsed .nav-collapse-master {
    display: none !important;
}

.sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    width: 100%;
}

#sidebarLogo {
    height: 45px;
    width: auto;
    margin-left: 0;
    object-fit: contain;
}

#sidebarControl {
    width: 20px;
    height: 21px;
    margin-left: 8px;
    margin-right: 0;
    cursor: pointer;
}

.navbar-expand-lg:not(.collapsed) .sidebar-header #sidebarLogo {
    margin-left: 16px; /* Adjust the value as needed */
}

.navbar-expand-lg.collapsed .sidebar-header #sidebarLogo {
    height: 32px; /* Match SVG height */
}

.navbar-expand-lg.collapsed .sidebar-header #sidebarControl {
    height: 32px;
    width: 32px;
}

/* Responsive username: truncate and max width */
/*.username-navbar {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

.navbar-separator {
    width: 1px;
    height: 32px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 1px;
}

.navbar {
    --tblr-navbar-border-color: var(--mdka-gray-200) !important;
}

.navbar-border-bottom-custom {
    /*border-bottom: var(--mdka-gray-100) !important;*/
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--mdka-gray-200) !important;
}

.page-wrapper .page-header {
    margin: 0.5rem 0 0 !important;
}

.nav-item {
    z-index: 1;
    margin-left: 8px;
    margin-right: 10px;
}

.nav-link {
  align-items: center;
}

.dropdown-header {
    font-weight: normal !important;
}

.nav-item.active-mdka-nav .nav-link,
.nav-item.active-mdka-nav > .nav-link {
  background-color: var(--mdka-brand-600) !important;
  color: #ffefef !important;
}

.dropdown-item.active-mdka-nav {
  background-color: var(--mdka-brand-50) !important;
}

.dropdown-item .nav-link-title {
    color: var(--mdka-gray-800);
  }

.dropdown-item .nav-link-icon {
  margin-bottom: 2px;
}

.dropdown-item.active-mdka-nav .nav-link-title {
  color: var(--mdka-brand-600);
}

.nav-item.active-mdka-nav .nav-link-icon {
    color: var(--mdka-white) !important;
}

.navbar-nav .nav-item .nav-link .nav-link-icon svg {
    color: #64748B;
    stroke: currentColor;
}

.navbar-nav .nav-item.active-mdka-nav .nav-link .nav-link-icon svg {
    color: #fff;
    stroke: currentColor;
}

.dropdown-item:hover {
  background-color: var(--mdka-brand-50) !important;
}

.dropdown-item:hover .nav-link-title {
  color: var(--mdka-brand-600);
}

.sidebar-background {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 240px;
  z-index: 0;
  height: auto;
}

/** Sortable Table **/
th.mdka-sortable i.mdka-sortable-icon {
  color: var(--mdka-gray-300);
}

th.mdka-sortable i.mdka-sortable-icon.active {
  color: var(--mdka-gray-900);
}

th.mdka-sortable:hover i.mdka-sortable-icon {
  color: var(--mdka-gray-900);
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.25em 0.75em;
    border-radius: 0.25em;
    background: transparent;
    color: inherit;
    border: none;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 0.25em;
    border: 1px solid #ddd;
    margin-left: 0.5em;
}

/* Hide default DataTables pagination */
.dataTables_paginate {
    display: none !important;
}

.dataTables_filter {
    display: none !important;
}

table.dataTable.no-footer {
     border-bottom: none !important; 
}

table.dataTable.no-footer tbody, td, tfoot, th, thead, tr {
    border-bottom: 1px solid var(--mdka-gray-200) !important;
}

.avatar-initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #e0e7ef;
    color: #334155;
    font-weight: 600;
    border-radius: 50%;
    margin-right: 8px;
    font-size: 1em;
}

.badge-status {
    display: inline-block;
    padding: 0.35em 0.7em;
    border-radius: 0.5em;
    font-size: 0.95em;
    font-weight: 600;
    color: #fff !important;
}

.status-column {
    text-align: center !important;
    vertical-align: middle !important;
}

#custom-dt-reset svg {
    vertical-align: middle;
}

.btn-reset-icon {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    color: #64748B; /* or your preferred icon color */
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px; /* match input height if needed */
    width: 32px; /* match input height if needed */
    transition: color 0.2s;
}

.btn-reset-icon:hover,
.btn-reset-icon:focus {
    color: #334155; /* darker on hover/focus */
    background: none;
    outline: none;
}

.btn-reset-icon svg {
    display: block;
}

.form-check-input:checked {
    background-color: var(--mdka-blue-600) !important;
}

.select2-results__options,
.select2-results__option {
    font-size: 0.65rem !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--tblr-bg-surface-secondary) !important;
    cursor: default;
}

/* Optional: Custom BlockUI overlay style */
.blockUI {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: calc(100vw / var(--app-zoom, 1)) !important;
    height: calc(100vh / var(--app-zoom, 1)) !important;
    z-index: 2000 !important;
    background: rgba(0,0,0,0.1) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border: none !important;
}

.blockUI-content {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 16px;
    padding: 24px 40px;
    font-weight: 600;
    font-size: 1.1rem;
    color: #2563eb;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
    min-width: 260px;
    backdrop-filter: blur(0.3px);
}

.blockUI-spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid #2563eb;
    border-top: 3px solid #b3c6f7;
    border-radius: 50%;
    animation: blockUI-spin 1s linear infinite;
    margin-right: 8px;
}

@keyframes blockUI-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Cancel button: btn btn-outline-gray style */
.swal2-cancel.swal2-styled {
    background-color: #fff !important;
    color: #64748b !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: background 0.2s, color 0.2s;
}

/* Confirm button: btn text-white mdka-btn-blue-600 style */
.swal2-confirm.swal2-styled {
    background-color: var(--mdka-blue-600, #2563eb) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 1rem !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: background 0.2s, color 0.2s;
}

/*.timeline-approval {
    background: #FAFCFE;
    border-radius: 10px;
    border: 1px solid #E5EAF2;
    padding: 16px 0;
}

.timeline-item {
    position: relative;
}

    .timeline-item:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 15px;
        top: 36px;
        width: 2px;
        height: calc(100% - 36px);
        background: #E5EAF2;
        z-index: 0;
    }

.timeline-icon {
    position: relative;
    z-index: 1;
}*/

/*table.dataTable.no-footer tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}*/

/*@media (max-width: 991.98px) {
    .username-navbar {
        max-width: 70px;
        font-size: 0.9rem;
    }

    .navbar .rounded-circle {
        width: 28px !important;
        height: 28px !important;
    }
}*/

@media (max-width: 991.98px) {
    .navbar-separator {
        display: none;
    }
}