/*!
 * Vue MDBootstrap v2.2.3
 * Released under the BSD-3 License.
 * Copyright Ahmad Fajar (https://ahmadfajar.github.io).
 */
@layer theme, base, components, animations, utilities;
@layer components {
  .dark .md-field:not(.has-success):not(.has-error) {
    --md-field-border-color: oklch(96.7% 0.003 264.542deg / 0.2);
    --md-field-hover-border-color: oklch(97.36% 0 264.54deg / 0.45);
  }
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-action-icon .md-btn:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-action-icon .md-btn-icon:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-action-icon > .md-icon:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-action-icon > .md-toggle-icon:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-prepend-inner:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-prepend-outer:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-append-inner:not(:hover),
  .dark .md-field:not(.has-success):not(.has-error) > .md-field-wrapper .md-append-outer:not(:hover) {
    opacity: var(--md-field-disabled-opacity);
  }
  .dark .md-field.has-success .md-field-control {
    --md-field-border-color: oklch(61.94% 0.12 156.93deg / 0.5);
    --md-field-hover-border-color: oklch(64.18% 0.12 156.93deg / 0.6);
  }
  .dark .md-field.has-error .md-field-control {
    --md-field-border-color: oklch(65.28% 0.2 21.24deg / 0.6);
    --md-field-hover-border-color: oklch(63.24% 0.2 21.24deg / 0.8);
    --md-field-active-border-color: oklch(63.24% 0.2 21.24deg / 0.85);
    --md-field-floating-label-color: oklch(0.72 0.22 20.75);
  }
  .dark a.md-badge.text-bg-default:focus, .dark a.md-badge.text-bg-default:hover {
    background-color: oklch(65% 0.1 297.94deg) !important;
  }
  .dark a.md-badge.text-bg-default:focus {
    box-shadow: 0 0 0 0.25rem oklch(90% 0.1 297.94deg / 0.35);
  }
  .dark a.md-badge.text-bg-primary:focus, .dark a.md-badge.text-bg-primary:hover {
    background-color: oklch(53.6% 0.14 235.91deg) !important;
  }
  .dark a.md-badge.text-bg-primary:focus {
    box-shadow: 0 0 0 0.25rem oklch(78.6% 0.14 235.91deg / 0.35);
  }
  .dark a.md-badge.text-bg-secondary:focus, .dark a.md-badge.text-bg-secondary:hover {
    background-color: oklch(45% 0.02 244.89deg) !important;
  }
  .dark a.md-badge.text-bg-secondary:focus {
    box-shadow: 0 0 0 0.25rem oklch(70% 0.02 244.89deg / 0.35);
  }
  .dark a.md-badge.text-bg-success:focus, .dark a.md-badge.text-bg-success:hover {
    background-color: oklch(45% 0.1 177.8deg) !important;
  }
  .dark a.md-badge.text-bg-success:focus {
    box-shadow: 0 0 0 0.25rem oklch(70% 0.1 177.8deg / 0.35);
  }
  .dark a.md-badge.text-bg-danger:focus, .dark a.md-badge.text-bg-danger:hover {
    background-color: oklch(51.8% 0.2 20.57deg) !important;
  }
  .dark a.md-badge.text-bg-danger:focus {
    box-shadow: 0 0 0 0.25rem oklch(76.8% 0.2 20.57deg / 0.35);
  }
  .dark a.md-badge.text-bg-warning:focus, .dark a.md-badge.text-bg-warning:hover {
    background-color: oklch(73.42% 0.16 79.51deg) !important;
  }
  .dark a.md-badge.text-bg-warning:focus {
    box-shadow: 0 0 0 0.25rem oklch(87.42% 0.16 79.51deg / 0.5);
  }
  .dark a.md-badge.text-bg-info:focus, .dark a.md-badge.text-bg-info:hover {
    background-color: oklch(72.33% 0.14 213.05deg) !important;
  }
  .dark a.md-badge.text-bg-info:focus {
    box-shadow: 0 0 0 0.25rem oklch(86.33% 0.14 213.05deg / 0.5);
  }
  .dark a.md-badge.text-bg-light:focus, .dark a.md-badge.text-bg-light:hover {
    background-color: oklch(84.2% 0.01 247.88deg) !important;
  }
  .dark a.md-badge.text-bg-light:focus {
    box-shadow: 0 0 0 0.25rem oklch(98.2% 0.01 247.88deg / 0.5);
  }
  .dark .md-btn,
  .dark .md-btn-fab,
  .dark .md-btn-icon {
    --md-btn-disabled-bg: oklch(100% 0.01 247.95deg / 0.08);
    --md-btn-disabled-color: oklch(55.6% 0 89.876deg);
    --md-btn-disabled-border-color: oklch(68.7% 0.016 239.982deg / 0.05);
  }
  .dark .md-btn[class*=btn-outline],
  .dark .md-btn-fab[class*=btn-outline],
  .dark .md-btn-icon[class*=btn-outline] {
    --md-btn-disabled-border-color: oklch(68.7% 0.016 239.982deg / 0.3);
  }
  .dark .btn-default {
    --md-btn-bg: oklch(75% 0.1 297.94deg);
    --md-btn-color: oklch(5% 0.1 297.94deg);
    --md-btn-border-color: oklch(75% 0.1 297.94deg / 0.1);
    --md-btn-active-bg: oklch(55% 0.1 297.94deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(55% 0.1 297.94deg / 0.1);
    --md-btn-hover-bg: oklch(67% 0.1 297.94deg);
    --md-btn-hover-color: oklch(5% 0.1 297.94deg);
    --md-btn-hover-border-color: oklch(67% 0.1 297.94deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(80% 0.1 297.94deg);
  }
  .dark .btn-default.md-btn-fab, .dark .btn-default.btn-tonal {
    --md-btn-bg: oklch(75% 0.1 297.94deg / 0.25);
    --md-btn-color: oklch(100% 0.1 297.94deg);
    --md-btn-border-color: oklch(75% 0.1 297.94deg / 0.01);
    --md-btn-hover-bg: oklch(82.5% 0.1 297.94deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(82.5% 0.1 297.94deg / 0.1);
    --md-btn-active-bg: oklch(75% 0.1 297.94deg);
    --md-btn-active-color: oklch(10% 0.1 297.94deg);
    --md-btn-active-border-color: oklch(75% 0.1 297.94deg / 0.1);
  }
  .dark .md-segmented-button > .btn-default:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(60% 0.1 297.94deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-default:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(50% 0.1 297.94deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-default:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-default {
    --md-btn-color: oklch(88.75% 0.1 297.94deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(75% 0.1 297.94deg);
    --md-btn-active-color: oklch(5% 0.1 297.94deg);
    --md-btn-active-border-color: oklch(75% 0.1 297.94deg / 0.1);
    --md-btn-hover-bg: oklch(80% 0.1 297.94deg / 0.14);
    --md-btn-hover-color: oklch(88.75% 0.1 297.94deg);
    --md-btn-hover-border-color: oklch(85% 0.1 297.94deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(85% 0.1 297.94deg);
  }
  .dark .md-segmented-button > .btn-outline-default:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-default {
    --md-btn-color: oklch(88.75% 0.1 297.94deg);
    --md-btn-active-bg: oklch(75% 0.1 297.94deg / 0.8);
    --md-btn-active-color: oklch(5% 0.1 297.94deg);
    --md-btn-hover-bg: oklch(80% 0.1 297.94deg / 0.2);
    --md-btn-hover-color: oklch(88.75% 0.1 297.94deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(85% 0.1 297.94deg);
  }
  .dark .btn-primary {
    --md-btn-bg: oklch(63.6% 0.137 235.915deg);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(63.6% 0.137 235.915deg / 0.1);
    --md-btn-active-bg: oklch(43.6% 0.14 235.91deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(43.6% 0.14 235.91deg / 0.1);
    --md-btn-hover-bg: oklch(55.6% 0.14 235.91deg);
    --md-btn-hover-color: oklch(95% 0 0deg);
    --md-btn-hover-border-color: oklch(55.6% 0.14 235.91deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(68.6% 0.14 235.91deg);
  }
  .dark .btn-primary.md-btn-fab, .dark .btn-primary.btn-tonal {
    --md-btn-bg: oklch(63.6% 0.137 235.915deg / 0.25);
    --md-btn-color: oklch(100% 0.14 235.91deg);
    --md-btn-border-color: oklch(63.6% 0.137 235.915deg / 0.01);
    --md-btn-hover-bg: oklch(74.52% 0.14 235.91deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(74.52% 0.14 235.91deg / 0.1);
    --md-btn-active-bg: oklch(63.6% 0.14 235.91deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(63.6% 0.137 235.915deg / 0.1);
  }
  .dark .md-segmented-button > .btn-primary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(48.6% 0.137 235.915deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-primary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(38.6% 0.14 235.91deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-primary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-primary {
    --md-btn-color: oklch(83.62% 0.14 235.91deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(63.6% 0.14 235.91deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(63.6% 0.14 235.91deg / 0.1);
    --md-btn-hover-bg: oklch(70.88% 0.14 235.91deg / 0.14);
    --md-btn-hover-color: oklch(83.62% 0.14 235.91deg);
    --md-btn-hover-border-color: oklch(73.6% 0.14 235.91deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(73.6% 0.14 235.91deg);
  }
  .dark .md-segmented-button > .btn-outline-primary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-primary {
    --md-btn-color: oklch(83.62% 0.14 235.91deg);
    --md-btn-active-bg: oklch(63.6% 0.14 235.91deg / 0.8);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-hover-bg: oklch(70.88% 0.14 235.91deg / 0.2);
    --md-btn-hover-color: oklch(83.62% 0.14 235.91deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(73.6% 0.14 235.91deg);
  }
  .dark .btn-secondary {
    --md-btn-bg: oklch(55% 0.02 244.89deg);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(55% 0.02 244.89deg / 0.1);
    --md-btn-active-bg: oklch(35% 0.02 244.89deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(35% 0.02 244.89deg / 0.1);
    --md-btn-hover-bg: oklch(47% 0.02 244.89deg);
    --md-btn-hover-color: oklch(95% 0 0deg);
    --md-btn-hover-border-color: oklch(47% 0.02 244.89deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(60% 0.02 244.89deg);
  }
  .dark .btn-secondary.md-btn-fab, .dark .btn-secondary.btn-tonal {
    --md-btn-bg: oklch(55% 0.02 244.89deg / 0.25);
    --md-btn-color: oklch(100% 0.02 244.89deg);
    --md-btn-border-color: oklch(55% 0.02 244.89deg / 0.01);
    --md-btn-hover-bg: oklch(68.5% 0.02 244.89deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(68.5% 0.02 244.89deg / 0.1);
    --md-btn-active-bg: oklch(55% 0.02 244.89deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(55% 0.02 244.89deg / 0.1);
  }
  .dark .md-segmented-button > .btn-secondary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(40% 0.02 244.89deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-secondary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(30% 0.02 244.89deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-secondary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-secondary {
    --md-btn-color: oklch(79.75% 0.02 244.89deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(55% 0.02 244.89deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(55% 0.02 244.89deg / 0.1);
    --md-btn-hover-bg: oklch(64% 0.02 244.89deg / 0.14);
    --md-btn-hover-color: oklch(79.75% 0.02 244.89deg);
    --md-btn-hover-border-color: oklch(98.7% 0.02 239.98deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(65% 0.02 244.89deg);
  }
  .dark .md-segmented-button > .btn-outline-secondary:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-secondary {
    --md-btn-color: oklch(79.75% 0.02 244.89deg);
    --md-btn-active-bg: oklch(55% 0.02 244.89deg / 0.8);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-hover-bg: oklch(64% 0.02 244.89deg / 0.2);
    --md-btn-hover-color: oklch(79.75% 0.02 244.89deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(65% 0.02 244.89deg);
  }
  .dark .btn-success {
    --md-btn-bg: oklch(55% 0.1 177.8deg);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(55% 0.1 177.8deg / 0.1);
    --md-btn-active-bg: oklch(35% 0.1 177.8deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(35% 0.1 177.8deg / 0.1);
    --md-btn-hover-bg: oklch(47% 0.1 177.8deg);
    --md-btn-hover-color: oklch(95% 0 0deg);
    --md-btn-hover-border-color: oklch(47% 0.1 177.8deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(60% 0.1 177.8deg);
  }
  .dark .btn-success.md-btn-fab, .dark .btn-success.btn-tonal {
    --md-btn-bg: oklch(55% 0.1 177.8deg / 0.25);
    --md-btn-color: oklch(100% 0.1 177.8deg);
    --md-btn-border-color: oklch(55% 0.1 177.8deg / 0.01);
    --md-btn-hover-bg: oklch(68.5% 0.1 177.8deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(68.5% 0.1 177.8deg / 0.1);
    --md-btn-active-bg: oklch(55% 0.1 177.8deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(55% 0.1 177.8deg / 0.1);
  }
  .dark .md-segmented-button > .btn-success:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(40% 0.1 177.8deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-success:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(30% 0.1 177.8deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-success:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-success {
    --md-btn-color: oklch(79.75% 0.1 177.8deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(55% 0.1 177.8deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(55% 0.1 177.8deg / 0.1);
    --md-btn-hover-bg: oklch(64% 0.1 177.8deg / 0.14);
    --md-btn-hover-color: oklch(79.75% 0.1 177.8deg);
    --md-btn-hover-border-color: oklch(65% 0.1 177.8deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(65% 0.1 177.8deg);
  }
  .dark .md-segmented-button > .btn-outline-success:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-success {
    --md-btn-color: oklch(79.75% 0.1 177.8deg);
    --md-btn-active-bg: oklch(55% 0.1 177.8deg / 0.8);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-hover-bg: oklch(64% 0.1 177.8deg / 0.2);
    --md-btn-hover-color: oklch(79.75% 0.1 177.8deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(65% 0.1 177.8deg);
  }
  .dark .btn-danger {
    --md-btn-bg: oklch(61.8% 0.203 20.568deg);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(61.8% 0.203 20.568deg / 0.1);
    --md-btn-active-bg: oklch(41.8% 0.2 20.57deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(41.8% 0.2 20.57deg / 0.1);
    --md-btn-hover-bg: oklch(53.8% 0.2 20.57deg);
    --md-btn-hover-color: oklch(95% 0 0deg);
    --md-btn-hover-border-color: oklch(53.8% 0.2 20.57deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(66.8% 0.2 20.57deg);
  }
  .dark .btn-danger.md-btn-fab, .dark .btn-danger.btn-tonal {
    --md-btn-bg: oklch(61.8% 0.203 20.568deg / 0.25);
    --md-btn-color: oklch(100% 0.2 20.57deg);
    --md-btn-border-color: oklch(61.8% 0.203 20.568deg / 0.01);
    --md-btn-hover-bg: oklch(73.26% 0.2 20.57deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(73.26% 0.2 20.57deg / 0.1);
    --md-btn-active-bg: oklch(61.8% 0.2 20.57deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(61.8% 0.203 20.568deg / 0.1);
  }
  .dark .md-segmented-button > .btn-danger:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(46.8% 0.203 20.568deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-danger:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(36.8% 0.2 20.57deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-danger:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-danger {
    --md-btn-color: oklch(82.81% 0.2 20.57deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(61.8% 0.2 20.57deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(61.8% 0.2 20.57deg / 0.1);
    --md-btn-hover-bg: oklch(69.44% 0.2 20.57deg / 0.14);
    --md-btn-hover-color: oklch(82.81% 0.2 20.57deg);
    --md-btn-hover-border-color: oklch(71.8% 0.2 20.57deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(71.8% 0.2 20.57deg);
  }
  .dark .md-segmented-button > .btn-outline-danger:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-danger {
    --md-btn-color: oklch(82.81% 0.2 20.57deg);
    --md-btn-active-bg: oklch(61.8% 0.2 20.57deg / 0.8);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-hover-bg: oklch(69.44% 0.2 20.57deg / 0.2);
    --md-btn-hover-color: oklch(82.81% 0.2 20.57deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(71.8% 0.2 20.57deg);
  }
  .dark .btn-warning {
    --md-btn-bg: oklch(83.42% 0.16 79.51deg);
    --md-btn-color: oklch(13.42% 0.16 79.51deg);
    --md-btn-border-color: oklch(83.42% 0.16 79.51deg / 0.1);
    --md-btn-active-bg: oklch(63.42% 0.16 79.51deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(63.42% 0.16 79.51deg / 0.1);
    --md-btn-hover-bg: oklch(75.42% 0.16 79.51deg);
    --md-btn-hover-color: oklch(13.42% 0.16 79.51deg);
    --md-btn-hover-border-color: oklch(75.42% 0.16 79.51deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(88.42% 0.16 79.51deg);
  }
  .dark .btn-warning.md-btn-fab, .dark .btn-warning.btn-tonal {
    --md-btn-bg: oklch(83.42% 0.16 79.51deg / 0.15);
    --md-btn-color: oklch(91% 0.11 84.51deg);
    --md-btn-border-color: oklch(83.42% 0.16 79.51deg / 0.01);
    --md-btn-hover-bg: oklch(88.39% 0.16 79.51deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(88.39% 0.16 79.51deg / 0.1);
    --md-btn-active-bg: oklch(83.42% 0.16 79.51deg);
    --md-btn-active-color: oklch(18.42% 0.16 79.51deg);
    --md-btn-active-border-color: oklch(83.42% 0.16 79.51deg / 0.1);
  }
  .dark .md-segmented-button > .btn-warning:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(68.42% 0.16 79.51deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-warning:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(58.42% 0.16 79.51deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-warning:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-warning {
    --md-btn-color: oklch(91% 0.11 84.51deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(83.42% 0.16 79.51deg);
    --md-btn-active-color: oklch(13.42% 0.16 79.51deg);
    --md-btn-active-border-color: oklch(83.42% 0.16 79.51deg / 0.1);
    --md-btn-hover-bg: oklch(85.91% 0.16 79.51deg / 0.13);
    --md-btn-hover-color: oklch(91% 0.11 84.51deg);
    --md-btn-hover-border-color: oklch(93.42% 0.16 79.51deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(93.42% 0.16 79.51deg);
  }
  .dark .md-segmented-button > .btn-outline-warning:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-warning {
    --md-btn-color: oklch(92.54% 0.16 79.51deg);
    --md-btn-active-bg: oklch(83.42% 0.16 79.51deg / 0.8);
    --md-btn-active-color: oklch(13.42% 0.16 79.51deg);
    --md-btn-hover-bg: oklch(85.91% 0.16 79.51deg / 0.13);
    --md-btn-hover-color: oklch(92.54% 0.16 79.51deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(93.42% 0.16 79.51deg);
  }
  .dark .btn-info {
    --md-btn-bg: oklch(82.33% 0.14 213.05deg);
    --md-btn-color: oklch(12.33% 0.14 213.05deg);
    --md-btn-border-color: oklch(82.33% 0.14 213.05deg / 0.1);
    --md-btn-active-bg: oklch(62.33% 0.14 213.05deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(62.33% 0.14 213.05deg / 0.1);
    --md-btn-hover-bg: oklch(74.33% 0.14 213.05deg);
    --md-btn-hover-color: oklch(12.33% 0.14 213.05deg);
    --md-btn-hover-border-color: oklch(74.33% 0.14 213.05deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(87.33% 0.14 213.05deg);
  }
  .dark .btn-info.md-btn-fab, .dark .btn-info.btn-tonal {
    --md-btn-bg: oklch(82.33% 0.14 213.05deg / 0.15);
    --md-btn-color: oklch(100% 0.14 213.05deg);
    --md-btn-border-color: oklch(82.33% 0.14 213.05deg / 0.01);
    --md-btn-hover-bg: oklch(87.63% 0.14 213.05deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(87.63% 0.14 213.05deg / 0.1);
    --md-btn-active-bg: oklch(82.33% 0.14 213.05deg);
    --md-btn-active-color: oklch(17.33% 0.14 213.05deg);
    --md-btn-active-border-color: oklch(82.33% 0.14 213.05deg / 0.1);
  }
  .dark .md-segmented-button > .btn-info:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(67.33% 0.14 213.05deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-info:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(57.33% 0.14 213.05deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-info:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-info {
    --md-btn-color: oklch(92.05% 0.14 213.05deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(82.33% 0.14 213.05deg);
    --md-btn-active-color: oklch(12.33% 0.14 213.05deg);
    --md-btn-active-border-color: oklch(82.33% 0.14 213.05deg / 0.1);
    --md-btn-hover-bg: oklch(84.98% 0.14 213.05deg / 0.13);
    --md-btn-hover-color: oklch(92.05% 0.14 213.05deg);
    --md-btn-hover-border-color: oklch(92.33% 0.14 213.05deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(92.33% 0.14 213.05deg);
  }
  .dark .md-segmented-button > .btn-outline-info:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-info {
    --md-btn-color: oklch(92.05% 0.14 213.05deg);
    --md-btn-active-bg: oklch(82.33% 0.14 213.05deg / 0.8);
    --md-btn-active-color: oklch(12.33% 0.14 213.05deg);
    --md-btn-hover-bg: oklch(84.98% 0.14 213.05deg / 0.13);
    --md-btn-hover-color: oklch(92.05% 0.14 213.05deg);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(92.33% 0.14 213.05deg);
  }
  .dark .btn-light {
    --md-btn-bg: oklch(94.2% 0.005 247.879deg);
    --md-btn-color: oklch(24.2% 0.01 247.88deg);
    --md-btn-border-color: oklch(94.2% 0.005 247.879deg / 0.1);
    --md-btn-active-bg: oklch(74.2% 0.01 247.88deg);
    --md-btn-active-color: oklch(20.5% 0 0deg);
    --md-btn-active-border-color: oklch(74.2% 0.01 247.88deg / 0.1);
    --md-btn-hover-bg: oklch(86.2% 0.01 247.88deg);
    --md-btn-hover-color: oklch(24.2% 0.01 247.88deg);
    --md-btn-hover-border-color: oklch(86.2% 0.01 247.88deg / 0.1);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(99.2% 0.01 247.88deg);
  }
  .dark .btn-light.md-btn-fab, .dark .btn-light.btn-tonal {
    --md-btn-bg: oklch(94.2% 0.005 247.879deg / 0.15);
    --md-btn-color: oklch(100% 0.01 247.88deg);
    --md-btn-border-color: oklch(94.2% 0.005 247.879deg / 0.01);
    --md-btn-hover-bg: oklch(95.94% 0.01 247.88deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(95.94% 0.01 247.88deg / 0.1);
    --md-btn-active-bg: oklch(94.2% 0.01 247.88deg);
    --md-btn-active-color: oklch(29.2% 0.01 247.88deg);
    --md-btn-active-border-color: oklch(94.2% 0.005 247.879deg / 0.1);
  }
  .dark .md-segmented-button > .btn-light:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(79.2% 0.005 247.879deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-light:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(69.2% 0.01 247.88deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-light:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-light {
    --md-btn-color: oklch(97.39% 0.01 247.88deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(94.2% 0.01 247.88deg);
    --md-btn-active-color: oklch(24.2% 0.01 247.88deg);
    --md-btn-active-border-color: oklch(94.2% 0.01 247.88deg / 0.1);
    --md-btn-hover-bg: oklch(95.07% 0.01 247.88deg / 0.13);
    --md-btn-hover-color: oklch(97.39% 0.01 247.88deg);
    --md-btn-hover-border-color: oklch(100% 0.01 247.88deg / 0.35);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(100% 0.01 247.88deg);
  }
  .dark .md-segmented-button > .btn-outline-light:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-light {
    --md-btn-color: oklch(94.2% 0.01 247.88deg / 0.8);
    --md-btn-active-bg: oklch(94.2% 0.01 247.88deg / 0.8);
    --md-btn-active-color: oklch(24.2% 0.01 247.88deg);
    --md-btn-hover-bg: oklch(95.07% 0.01 247.88deg / 0.13);
    --md-btn-hover-color: oklch(94.2% 0.01 247.88deg / 0.8);
    --md-btn-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-btn-focus-shadow-color: oklch(100% 0.01 247.88deg);
  }
  .dark .btn-dark {
    --md-btn-bg: oklch(21.34% 0 0deg);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(21.34% 0 0deg / 0.1);
    --md-btn-active-bg: oklch(1.34% 0 0deg);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(1.34% 0 0deg / 0.1);
    --md-btn-hover-bg: oklch(29.34% 0 0deg);
    --md-btn-hover-color: oklch(95% 0 0deg);
    --md-btn-hover-border-color: oklch(29.34% 0 0deg / 0.1);
    --md-btn-focus-border-color: oklch(0% 0 0deg);
    --md-btn-focus-shadow-color: oklch(61.34% 0 0deg);
  }
  .dark .btn-dark.md-btn-fab, .dark .btn-dark.btn-tonal {
    --md-btn-bg: oklch(21.34% 0 0deg / 0.25);
    --md-btn-color: oklch(95% 0 0deg);
    --md-btn-border-color: oklch(21.34% 0 0deg / 0.01);
    --md-btn-hover-bg: oklch(44.94% 0 0deg / 0.4);
    --md-btn-hover-color: oklch(98% 0 0deg);
    --md-btn-hover-border-color: oklch(44.94% 0 0deg / 0.1);
    --md-btn-active-bg: oklch(51.34% 0 0deg / 0.35);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(21.34% 0 0deg / 0.1);
  }
  .dark .md-segmented-button > .btn-dark:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active) {
    border-left-color: oklch(6.34% 0 0deg / 0.7) !important;
  }
  .dark .md-segmented-button > .btn-dark:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).readonly {
    border-left-color: oklch(0% 0 0deg / 0.8) !important;
  }
  .dark .md-segmented-button > .btn-dark:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active).btn-tonal {
    border-left-color: transparent !important;
  }
  .dark .btn-outline-dark {
    --md-btn-color: oklch(64.6% 0 0deg);
    --md-btn-border-color: oklch(93.7% 0.02 239.98deg / 0.35);
    --md-btn-active-bg: oklch(51.34% 0 0deg / 0.35);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-active-border-color: oklch(51.34% 0 0deg / 0.1);
    --md-btn-hover-bg: oklch(37.07% 0 0deg / 0.14);
    --md-btn-hover-color: oklch(64.6% 0 0deg);
    --md-btn-hover-border-color: oklch(98.7% 0.02 239.98deg / 0.35);
    --md-btn-focus-border-color: oklch(0% 0 0deg);
    --md-btn-focus-shadow-color: oklch(61.34% 0 0deg);
  }
  .dark .md-segmented-button > .btn-outline-dark:not(:first-child):not(:focus-visible):not(:disabled):not(.disabled):not(.active):not(:hover) {
    border-left-color: oklch(93.7% 0.02 239.98deg / 0.1);
  }
  .dark .btn-flat-dark {
    --md-btn-color: oklch(64.6% 0 0deg);
    --md-btn-active-bg: oklch(51.34% 0 0deg / 0.35);
    --md-btn-active-color: oklch(100% 0 0deg);
    --md-btn-hover-bg: oklch(37.07% 0 0deg / 0.2);
    --md-btn-hover-color: oklch(64.6% 0 0deg);
    --md-btn-focus-border-color: oklch(0% 0 0deg);
    --md-btn-focus-shadow-color: oklch(61.34% 0 0deg);
  }
  .dark .alert-default {
    --md-alert-bg: oklch(26.25% 0.04 297.94deg / 0.5);
    --md-alert-border-color: oklch(48.75% 0.07 297.94deg);
    --md-alert-color: oklch(84.5% 0.06 297.94deg);
    --md-alert-link-color: oklch(87.6% 0.05 297.94deg);
  }
  .dark .alert-default .btn-flat-default.btn-close-action {
    --md-btn-color: oklch(84.5% 0.06 297.94deg);
    --md-btn-hover-bg: oklch(75% 0.1 297.94deg / 0.25);
  }
  .dark .alert-outline-default {
    --md-alert-color: oklch(83.75% 0.07 297.94deg);
    --md-alert-link-color: oklch(80% 0.08 297.94deg);
    --md-alert-border-color: oklch(90% 0.1 297.94deg / 0.6);
  }
  .dark .alert-primary {
    --md-alert-bg: oklch(22.26% 0.05 235.92deg / 0.5);
    --md-alert-border-color: oklch(41.34% 0.09 235.92deg);
    --md-alert-color: oklch(77.43% 0.08 235.92deg);
    --md-alert-link-color: oklch(81.94% 0.06 235.92deg);
  }
  .dark .alert-primary .btn-flat-primary.btn-close-action {
    --md-btn-color: oklch(77.43% 0.08 235.92deg);
    --md-btn-hover-bg: oklch(63.6% 0.14 235.91deg / 0.25);
  }
  .dark .alert-outline-primary {
    --md-alert-color: oklch(76.34% 0.09 235.92deg);
    --md-alert-link-color: oklch(70.88% 0.11 235.92deg);
    --md-alert-border-color: oklch(78.6% 0.14 235.91deg / 0.6);
  }
  .dark .alert-secondary {
    --md-alert-bg: oklch(19.25% 0.01 244.89deg / 0.5);
    --md-alert-border-color: oklch(35.75% 0.01 244.89deg);
    --md-alert-color: oklch(72.1% 0.01 244.89deg);
    --md-alert-link-color: oklch(77.68% 0.01 244.89deg);
  }
  .dark .alert-outline-secondary {
    --md-alert-color: oklch(70.75% 0.01 244.89deg);
    --md-alert-link-color: oklch(64% 0.02 244.89deg);
    --md-alert-border-color: oklch(70% 0.02 244.89deg / 0.6);
  }
  .dark .alert-success {
    --md-alert-bg: oklch(19.25% 0.03 177.8deg / 0.5);
    --md-alert-border-color: oklch(35.75% 0.06 177.8deg);
    --md-alert-color: oklch(72.1% 0.06 177.8deg);
    --md-alert-link-color: oklch(77.68% 0.05 177.8deg);
  }
  .dark .alert-success .btn-flat-success.btn-close-action {
    --md-btn-color: oklch(72.1% 0.06 177.8deg);
    --md-btn-hover-bg: oklch(55% 0.1 177.8deg / 0.25);
  }
  .dark .alert-outline-success {
    --md-alert-color: oklch(70.75% 0.07 177.8deg);
    --md-alert-link-color: oklch(64% 0.08 177.8deg);
    --md-alert-border-color: oklch(70% 0.1 177.8deg / 0.6);
  }
  .dark .alert-danger {
    --md-alert-bg: oklch(21.63% 0.07 20.57deg / 0.5);
    --md-alert-border-color: oklch(40.17% 0.13 20.57deg);
    --md-alert-color: oklch(76.32% 0.13 20.57deg);
    --md-alert-link-color: oklch(81.06% 0.1 20.57deg);
  }
  .dark .alert-danger .btn-flat-danger.btn-close-action {
    --md-btn-color: oklch(76.32% 0.13 20.57deg);
    --md-btn-hover-bg: oklch(61.8% 0.2 20.57deg / 0.25);
  }
  .dark .alert-outline-danger {
    --md-alert-color: oklch(75.17% 0.13 20.57deg);
    --md-alert-link-color: oklch(69.44% 0.16 20.57deg);
    --md-alert-border-color: oklch(76.8% 0.2 20.57deg / 0.6);
  }
  .dark .alert-warning {
    --md-alert-bg: oklch(29.2% 0.06 79.51deg / 0.5);
    --md-alert-border-color: oklch(54.22% 0.1 79.51deg);
    --md-alert-color: oklch(89.72% 0.1 79.51deg);
    --md-alert-link-color: oklch(91.78% 0.08 79.51deg);
  }
  .dark .alert-warning .btn-flat-warning.btn-close-action {
    --md-btn-color: oklch(89.72% 0.1 79.51deg);
    --md-btn-hover-bg: oklch(83.42% 0.16 79.51deg / 0.25);
  }
  .dark .alert-outline-warning {
    --md-alert-color: oklch(89.22% 0.1 79.51deg);
    --md-alert-link-color: oklch(86.74% 0.13 79.51deg);
    --md-alert-border-color: oklch(73.42% 0.16 79.51deg / 0.6);
  }
  .dark .alert-info {
    --md-alert-bg: oklch(28.82% 0.05 213.05deg / 0.5);
    --md-alert-border-color: oklch(53.51% 0.09 213.05deg);
    --md-alert-color: oklch(89.04% 0.09 213.05deg);
    --md-alert-link-color: oklch(91.23% 0.07 213.05deg);
  }
  .dark .alert-info .btn-flat-info.btn-close-action {
    --md-btn-color: oklch(89.04% 0.09 213.05deg);
    --md-btn-hover-bg: oklch(82.33% 0.14 213.05deg / 0.25);
  }
  .dark .alert-outline-info {
    --md-alert-color: oklch(88.51% 0.09 213.05deg);
    --md-alert-link-color: oklch(85.86% 0.11 213.05deg);
    --md-alert-border-color: oklch(72.33% 0.14 213.05deg / 0.6);
  }
  .dark .alert-light {
    --md-alert-bg: oklch(31.09% 0 247.88deg / 0.85);
    --md-alert-border-color: oklch(47.1% 0 247.88deg);
    --md-alert-color: oklch(96.4% 0 247.88deg);
    --md-alert-link-color: oklch(97.12% 0 0deg);
  }
  .dark .alert-outline-light {
    --md-alert-color: oklch(96.23% 0 247.88deg);
    --md-alert-link-color: oklch(95.36% 0 247.88deg);
    --md-alert-border-color: oklch(94.2% 0.005 247.879deg / 0.6);
  }
  .dark .alert-solid-secondary {
    --md-alert-bg: oklch(0.46 0.01 240);
  }
  .dark .checkbox-default {
    --md-checkbox-checked-bg: oklch(75% 0.1 297.94deg);
    --md-checkbox-checked-color: oklch(0% 0 0deg);
  }
  .dark .checkbox-primary {
    --md-checkbox-checked-bg: oklch(63.6% 0.137 235.915deg);
    --md-checkbox-checked-color: oklch(100% 0 0deg);
  }
  .dark .checkbox-secondary {
    --md-checkbox-checked-bg: oklch(55% 0.02 244.89deg);
    --md-checkbox-checked-color: oklch(100% 0 0deg);
  }
  .dark .checkbox-success {
    --md-checkbox-checked-bg: oklch(55% 0.1 177.8deg);
    --md-checkbox-checked-color: oklch(100% 0 0deg);
  }
  .dark .checkbox-danger {
    --md-checkbox-checked-bg: oklch(61.8% 0.203 20.568deg);
    --md-checkbox-checked-color: oklch(100% 0 0deg);
  }
  .dark .checkbox-warning {
    --md-checkbox-checked-bg: oklch(83.42% 0.16 79.51deg);
    --md-checkbox-checked-color: oklch(0% 0 0deg);
  }
  .dark .checkbox-info {
    --md-checkbox-checked-bg: oklch(82.33% 0.14 213.05deg);
    --md-checkbox-checked-color: oklch(0% 0 0deg);
  }
  .dark .radio-default {
    --md-radio-active-color: oklch(75% 0.1 297.94deg);
  }
  .dark .radio-primary {
    --md-radio-active-color: oklch(63.6% 0.137 235.915deg);
  }
  .dark .radio-secondary {
    --md-radio-active-color: oklch(55% 0.02 244.89deg);
  }
  .dark .radio-success {
    --md-radio-active-color: oklch(55% 0.1 177.8deg);
  }
  .dark .radio-danger {
    --md-radio-active-color: oklch(61.8% 0.203 20.568deg);
  }
  .dark .radio-warning {
    --md-radio-active-color: oklch(83.42% 0.16 79.51deg);
  }
  .dark .radio-info {
    --md-radio-active-color: oklch(82.33% 0.14 213.05deg);
  }
  .dark .md-switch {
    --md-switch-thumb-bg: oklch(88.9% 0 0deg);
    --md-switch-thumb-color: oklch(88.9% 0 0deg);
    --md-switch-track-color: oklch(55.6% 0 89.876deg / 0.5);
    --md-switch-outlined-stroke-color: oklch(55.6% 0 89.876deg);
    --md-switch-outlined-track-color: oklch(55.6% 0 89.876deg / 0.5);
    --md-switch-outlined-thumb-color: oklch(26.9% 0 0deg);
    --md-switch-disabled-thumb-bg: oklch(62.26% 0 0deg);
    --md-switch-disabled-thumb-color: oklch(100% 0 0deg);
    --md-switch-disabled-track-color: oklch(89.6% 0.007 247.901deg / 0.3);
  }
  .dark .switch-default {
    --md-switch-active-thumb-bg: oklch(77.5% 0.1 297.94deg);
    --md-switch-active-thumb-color: oklch(77.5% 0.1 297.94deg);
    --md-switch-active-track-color: oklch(75% 0.1 297.94deg / 0.38);
    --md-switch-active-inset-track-color: oklch(82.5% 0.07 297.94deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(77.5% 0.1 297.94deg);
    --md-switch-active-inset-thumb-color: oklch(0% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(82.5% 0.07 297.94deg / 0.05);
  }
  .dark .switch-primary {
    --md-switch-active-thumb-bg: oklch(67.24% 0.14 235.91deg);
    --md-switch-active-thumb-color: oklch(67.24% 0.14 235.91deg);
    --md-switch-active-track-color: oklch(63.6% 0.137 235.915deg / 0.38);
    --md-switch-active-inset-track-color: oklch(74.52% 0.1 235.92deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(67.24% 0.14 235.91deg);
    --md-switch-active-inset-thumb-color: oklch(100% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(74.52% 0.1 235.92deg / 0.05);
  }
  .dark .switch-secondary {
    --md-switch-active-thumb-bg: oklch(59.5% 0.02 244.89deg);
    --md-switch-active-thumb-color: oklch(59.5% 0.02 244.89deg);
    --md-switch-active-track-color: oklch(55% 0.02 244.89deg / 0.38);
    --md-switch-active-inset-track-color: oklch(68.5% 0.01 244.89deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(59.5% 0.02 244.89deg);
    --md-switch-active-inset-thumb-color: oklch(100% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(68.5% 0.01 244.89deg / 0.05);
  }
  .dark .switch-success {
    --md-switch-active-thumb-bg: oklch(59.5% 0.1 177.8deg);
    --md-switch-active-thumb-color: oklch(59.5% 0.1 177.8deg);
    --md-switch-active-track-color: oklch(55% 0.1 177.8deg / 0.38);
    --md-switch-active-inset-track-color: oklch(68.5% 0.07 177.8deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(59.5% 0.1 177.8deg);
    --md-switch-active-inset-thumb-color: oklch(100% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(68.5% 0.07 177.8deg / 0.05);
  }
  .dark .switch-danger {
    --md-switch-active-thumb-bg: oklch(65.62% 0.2 20.57deg);
    --md-switch-active-thumb-color: oklch(65.62% 0.2 20.57deg);
    --md-switch-active-track-color: oklch(61.8% 0.203 20.568deg / 0.38);
    --md-switch-active-inset-track-color: oklch(73.26% 0.14 20.57deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(65.62% 0.2 20.57deg);
    --md-switch-active-inset-thumb-color: oklch(100% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(73.26% 0.14 20.57deg / 0.05);
  }
  .dark .switch-warning {
    --md-switch-active-thumb-bg: oklch(83.42% 0.16 79.51deg);
    --md-switch-active-thumb-color: oklch(83.42% 0.16 79.51deg);
    --md-switch-active-track-color: oklch(83.42% 0.16 79.51deg / 0.38);
    --md-switch-active-inset-track-color: oklch(88.39% 0.11 79.51deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(85.08% 0.16 79.51deg);
    --md-switch-active-inset-thumb-color: oklch(0% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(88.39% 0.11 79.51deg / 0.05);
  }
  .dark .switch-info {
    --md-switch-active-thumb-bg: oklch(82.33% 0.14 213.05deg);
    --md-switch-active-thumb-color: oklch(82.33% 0.14 213.05deg);
    --md-switch-active-track-color: oklch(82.33% 0.14 213.05deg / 0.38);
    --md-switch-active-inset-track-color: oklch(87.63% 0.1 213.05deg / 0.4);
    --md-switch-active-inset-thumb-bg: oklch(84.1% 0.14 213.05deg);
    --md-switch-active-inset-thumb-color: oklch(0% 0 0deg);
    --md-switch-active-outlined-stroke-color: oklch(87.63% 0.1 213.05deg / 0.05);
  }
  .dark .md-chip {
    --md-chip-disabled-bg: oklch(0.53 0.01 261.34 / 0.15);
    --md-chip-disabled-border-color: oklch(0.234 0.005 248.037);
    --md-chip-disabled-color: oklch(55.6% 0 89.876deg);
    --md-chip-disabled-icon-color: oklch(0.52 0 0);
  }
  .dark .chip-default {
    --md-chip-bg: oklch(81.25% 0.08 297.94deg / 0.22);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(81.25% 0.08 297.94deg / 0.05);
    --md-chip-icon-color: oklch(75% 0.1 297.94deg);
    --md-chip-hover-bg: oklch(82.5% 0.07 297.94deg / 0.28);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(82.5% 0.07 297.94deg / 0.1);
    --md-chip-active-bg: oklch(95% 0.1 297.94deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(95% 0.1 297.94deg / 0.2);
    --md-chip-active-icon-color: oklch(90% 0.1 297.94deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(80% 0.1 297.94deg);
  }
  .dark .chip-outline-default {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(75% 0.1 297.94deg);
    --md-chip-hover-bg: oklch(95% 0.1 297.94deg / 0.2);
    --md-chip-hover-color: oklch(95% 0.1 297.94deg);
    --md-chip-hover-border-color: oklch(87% 0.1 297.94deg);
    --md-chip-active-bg: oklch(82.5% 0.07 297.94deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(82.5% 0.07 297.94deg / 0.35);
    --md-chip-active-icon-color: oklch(90% 0.1 297.94deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(80% 0.1 297.94deg);
  }
  .dark .chip-primary {
    --md-chip-bg: oklch(72.7% 0.1 235.92deg / 0.22);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(72.7% 0.1 235.92deg / 0.05);
    --md-chip-icon-color: oklch(63.6% 0.137 235.915deg);
    --md-chip-hover-bg: oklch(74.52% 0.1 235.92deg / 0.28);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(74.52% 0.1 235.92deg / 0.1);
    --md-chip-active-bg: oklch(83.6% 0.14 235.91deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(83.6% 0.14 235.91deg / 0.2);
    --md-chip-active-icon-color: oklch(78.6% 0.14 235.91deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(68.6% 0.14 235.91deg);
  }
  .dark .chip-outline-primary {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(63.6% 0.137 235.915deg);
    --md-chip-hover-bg: oklch(83.6% 0.14 235.91deg / 0.2);
    --md-chip-hover-color: oklch(83.6% 0.14 235.91deg);
    --md-chip-hover-border-color: oklch(75.6% 0.14 235.91deg);
    --md-chip-active-bg: oklch(74.52% 0.1 235.92deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(74.52% 0.1 235.92deg / 0.35);
    --md-chip-active-icon-color: oklch(78.6% 0.14 235.91deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(68.6% 0.14 235.91deg);
  }
  .dark .chip-secondary {
    --md-chip-bg: oklch(66.25% 0.02 244.89deg / 0.22);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(66.25% 0.02 244.89deg / 0.05);
    --md-chip-icon-color: oklch(55% 0.02 244.89deg);
    --md-chip-hover-bg: oklch(68.5% 0.01 244.89deg / 0.28);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(68.5% 0.01 244.89deg / 0.1);
    --md-chip-active-bg: oklch(75% 0.02 244.89deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(75% 0.02 244.89deg / 0.2);
    --md-chip-active-icon-color: oklch(70% 0.02 244.89deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(60% 0.02 244.89deg);
  }
  .dark .chip-outline-secondary {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(55% 0.02 244.89deg);
    --md-chip-hover-bg: oklch(75% 0.02 244.89deg / 0.2);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(67% 0.02 244.89deg);
    --md-chip-active-bg: oklch(68.5% 0.01 244.89deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(68.5% 0.01 244.89deg / 0.35);
    --md-chip-active-icon-color: oklch(70% 0.02 244.89deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(60% 0.02 244.89deg);
  }
  .dark .chip-success {
    --md-chip-bg: oklch(66.25% 0.07 177.8deg / 0.22);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(66.25% 0.07 177.8deg / 0.05);
    --md-chip-icon-color: oklch(55% 0.1 177.8deg);
    --md-chip-hover-bg: oklch(68.5% 0.07 177.8deg / 0.28);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(68.5% 0.07 177.8deg / 0.1);
    --md-chip-active-bg: oklch(75% 0.1 177.8deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(75% 0.1 177.8deg / 0.2);
    --md-chip-active-icon-color: oklch(70% 0.1 177.8deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(60% 0.1 177.8deg);
  }
  .dark .chip-outline-success {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(55% 0.1 177.8deg);
    --md-chip-hover-bg: oklch(75% 0.1 177.8deg / 0.2);
    --md-chip-hover-color: oklch(75% 0.1 177.8deg);
    --md-chip-hover-border-color: oklch(67% 0.1 177.8deg);
    --md-chip-active-bg: oklch(68.5% 0.07 177.8deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(68.5% 0.07 177.8deg / 0.35);
    --md-chip-active-icon-color: oklch(70% 0.1 177.8deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(60% 0.1 177.8deg);
  }
  .dark .chip-danger {
    --md-chip-bg: oklch(71.35% 0.15 20.57deg / 0.22);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(71.35% 0.15 20.57deg / 0.05);
    --md-chip-icon-color: oklch(61.8% 0.203 20.568deg);
    --md-chip-hover-bg: oklch(73.26% 0.14 20.57deg / 0.28);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(73.26% 0.14 20.57deg / 0.1);
    --md-chip-active-bg: oklch(81.8% 0.2 20.57deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(81.8% 0.2 20.57deg / 0.2);
    --md-chip-active-icon-color: oklch(76.8% 0.2 20.57deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(66.8% 0.2 20.57deg);
  }
  .dark .chip-outline-danger {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(61.8% 0.203 20.568deg);
    --md-chip-hover-bg: oklch(81.8% 0.2 20.57deg / 0.2);
    --md-chip-hover-color: oklch(81.8% 0.2 20.57deg);
    --md-chip-hover-border-color: oklch(73.8% 0.2 20.57deg);
    --md-chip-active-bg: oklch(73.26% 0.14 20.57deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(73.26% 0.14 20.57deg / 0.35);
    --md-chip-active-icon-color: oklch(76.8% 0.2 20.57deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(66.8% 0.2 20.57deg);
  }
  .dark .chip-warning {
    --md-chip-bg: oklch(85.08% 0.14 79.51deg / 0.15);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(85.08% 0.14 79.51deg / 0.05);
    --md-chip-icon-color: oklch(83.42% 0.16 79.51deg);
    --md-chip-hover-bg: oklch(85.91% 0.14 79.51deg / 0.22);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(85.91% 0.14 79.51deg / 0.1);
    --md-chip-active-bg: oklch(88.39% 0.11 79.51deg / 0.4);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(88.39% 0.11 79.51deg / 0.2);
    --md-chip-active-icon-color: oklch(98.42% 0.16 79.51deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(88.42% 0.16 79.51deg);
  }
  .dark .chip-outline-warning {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(83.42% 0.16 79.51deg);
    --md-chip-hover-bg: oklch(100% 0.16 79.51deg / 0.2);
    --md-chip-hover-color: oklch(91% 0.11 84.51deg);
    --md-chip-hover-border-color: oklch(73.42% 0.16 79.51deg);
    --md-chip-active-bg: oklch(85.91% 0.14 79.51deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(85.91% 0.14 79.51deg / 0.35);
    --md-chip-active-icon-color: oklch(98.42% 0.16 79.51deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(88.42% 0.16 79.51deg);
  }
  .dark .chip-info {
    --md-chip-bg: oklch(84.1% 0.13 213.05deg / 0.15);
    --md-chip-color: oklch(78.02% 0 0deg);
    --md-chip-border-color: oklch(84.1% 0.13 213.05deg / 0.05);
    --md-chip-icon-color: oklch(82.33% 0.14 213.05deg);
    --md-chip-hover-bg: oklch(84.98% 0.12 213.05deg / 0.22);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(84.98% 0.12 213.05deg / 0.1);
    --md-chip-active-bg: oklch(87.63% 0.1 213.05deg / 0.4);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(87.63% 0.1 213.05deg / 0.2);
    --md-chip-active-icon-color: oklch(97.33% 0.14 213.05deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(87.33% 0.14 213.05deg);
  }
  .dark .chip-outline-info {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(82.33% 0.14 213.05deg);
    --md-chip-hover-bg: oklch(100% 0.14 213.05deg / 0.2);
    --md-chip-hover-color: oklch(100% 0.14 213.05deg);
    --md-chip-hover-border-color: oklch(72.33% 0.14 213.05deg);
    --md-chip-active-bg: oklch(84.98% 0.12 213.05deg / 0.35);
    --md-chip-active-color: oklch(88.9% 0 0deg);
    --md-chip-active-border-color: oklch(84.98% 0.12 213.05deg / 0.35);
    --md-chip-active-icon-color: oklch(97.33% 0.14 213.05deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(87.33% 0.14 213.05deg);
  }
  .dark .chip-light {
    --md-chip-bg: oklch(94.78% 0 247.88deg / 0.15);
    --md-chip-color: oklch(88.9% 0 0deg);
    --md-chip-border-color: oklch(94.78% 0 247.88deg / 0.05);
    --md-chip-icon-color: oklch(94.2% 0.005 247.879deg);
    --md-chip-hover-bg: oklch(95.07% 0 247.88deg / 0.22);
    --md-chip-hover-color: oklch(100% 0 0deg);
    --md-chip-hover-border-color: oklch(95.07% 0 247.88deg / 0.1);
    --md-chip-active-bg: oklch(95.94% 0 247.88deg / 0.4);
    --md-chip-active-color: oklch(100% 0 0deg);
    --md-chip-active-border-color: oklch(95.94% 0 247.88deg / 0.2);
    --md-chip-active-icon-color: oklch(100% 0 0deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(99.2% 0.01 247.88deg);
  }
  .dark .chip-outline-light {
    --md-chip-bg: transparent;
    --md-chip-color: oklch(77.29% 0 0deg);
    --md-chip-border-color: oklch(68.7% 0.02 239.98deg / 0.4);
    --md-chip-icon-color: oklch(94.2% 0.005 247.879deg);
    --md-chip-hover-bg: oklch(89.2% 0.01 247.88deg / 0.2);
    --md-chip-hover-color: oklch(88.9% 0 0deg);
    --md-chip-hover-border-color: oklch(80.01% 0 0deg);
    --md-chip-active-bg: oklch(95.07% 0 247.88deg / 0.35);
    --md-chip-active-color: oklch(100% 0 0deg);
    --md-chip-active-border-color: oklch(95.07% 0 247.88deg / 0.35);
    --md-chip-active-icon-color: oklch(100% 0 0deg);
    --md-chip-focus-border-color: oklch(34.5% 0.02 238.21deg);
    --md-chip-focus-shadow-color: oklch(99.2% 0.01 247.88deg);
  }
  .dark .progress-bar-default {
    --md-progress-bar-bg: oklch(75% 0.1 297.94deg / 0.24);
    --md-progress-bar-fill-bg: oklch(75% 0.1 297.94deg);
    --md-progress-bar-track-bg: oklch(75% 0.1 297.94deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(75% 0.1 297.94deg / 0.38);
  }
  .dark .progress-bar-default.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-default.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(75% 0.1 297.94deg);
  }
  .dark .spinner-default .md-progress-spinner-circle {
    stroke: oklch(75% 0.1 297.94deg);
  }
  .dark .progress-bar-primary {
    --md-progress-bar-bg: oklch(63.6% 0.14 235.91deg / 0.24);
    --md-progress-bar-fill-bg: oklch(63.6% 0.137 235.915deg);
    --md-progress-bar-track-bg: oklch(63.6% 0.14 235.91deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(63.6% 0.14 235.91deg / 0.38);
  }
  .dark .progress-bar-primary.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-primary.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(63.6% 0.137 235.915deg);
  }
  .dark .spinner-primary .md-progress-spinner-circle {
    stroke: oklch(63.6% 0.137 235.915deg);
  }
  .dark .progress-bar-secondary {
    --md-progress-bar-bg: oklch(55% 0.02 244.89deg / 0.24);
    --md-progress-bar-fill-bg: oklch(55% 0.02 244.89deg);
    --md-progress-bar-track-bg: oklch(55% 0.02 244.89deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(55% 0.02 244.89deg / 0.38);
  }
  .dark .progress-bar-secondary.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-secondary.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(55% 0.02 244.89deg);
  }
  .dark .spinner-secondary .md-progress-spinner-circle {
    stroke: oklch(55% 0.02 244.89deg);
  }
  .dark .progress-bar-success {
    --md-progress-bar-bg: oklch(55% 0.1 177.8deg / 0.24);
    --md-progress-bar-fill-bg: oklch(55% 0.1 177.8deg);
    --md-progress-bar-track-bg: oklch(55% 0.1 177.8deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(55% 0.1 177.8deg / 0.38);
  }
  .dark .progress-bar-success.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-success.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(55% 0.1 177.8deg);
  }
  .dark .spinner-success .md-progress-spinner-circle {
    stroke: oklch(55% 0.1 177.8deg);
  }
  .dark .progress-bar-danger {
    --md-progress-bar-bg: oklch(61.8% 0.2 20.57deg / 0.24);
    --md-progress-bar-fill-bg: oklch(61.8% 0.203 20.568deg);
    --md-progress-bar-track-bg: oklch(61.8% 0.2 20.57deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(61.8% 0.2 20.57deg / 0.38);
  }
  .dark .progress-bar-danger.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-danger.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(61.8% 0.203 20.568deg);
  }
  .dark .spinner-danger .md-progress-spinner-circle {
    stroke: oklch(61.8% 0.203 20.568deg);
  }
  .dark .progress-bar-warning {
    --md-progress-bar-bg: oklch(83.42% 0.16 79.51deg / 0.24);
    --md-progress-bar-fill-bg: oklch(83.42% 0.16 79.51deg);
    --md-progress-bar-track-bg: oklch(83.42% 0.16 79.51deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(83.42% 0.16 79.51deg / 0.38);
  }
  .dark .progress-bar-warning.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-warning.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(83.42% 0.16 79.51deg);
  }
  .dark .spinner-warning .md-progress-spinner-circle {
    stroke: oklch(83.42% 0.16 79.51deg);
  }
  .dark .progress-bar-info {
    --md-progress-bar-bg: oklch(82.33% 0.14 213.05deg / 0.24);
    --md-progress-bar-fill-bg: oklch(82.33% 0.14 213.05deg);
    --md-progress-bar-track-bg: oklch(82.33% 0.14 213.05deg / 0.38);
    --md-progress-bar-buffer-border-color: oklch(82.33% 0.14 213.05deg / 0.38);
  }
  .dark .progress-bar-info.md-indeterminate > .md-progress-bar-track:after,
  .dark .progress-bar-info.md-indeterminate > .md-progress-bar-fill:after {
    --md-progress-bar-bg-after: oklch(82.33% 0.14 213.05deg);
  }
  .dark .spinner-info .md-progress-spinner-circle {
    stroke: oklch(82.33% 0.14 213.05deg);
  }
  .dark .md-breadcrumb {
    --md-breadcrumb-item-hover-color: oklch(63.6% 0.137 235.915deg);
  }
  .dark .md-card {
    --md-card-border-color: oklch(0.9 0 0 / 0.08);
    --md-card-cap-bg: oklch(0 0 0 / 0.08);
  }
  .dark .md-divider {
    --md-divider-color: var(--border-translucent);
  }
  .dark .md-listbox {
    --md-searchbox-active-bg: oklch(0% 0 0deg / 0.25);
    --md-searchbox-border-color: oklch(43.9% 0 0deg);
  }
  .dark .md-color-picker {
    --md-color-picker-input-bg: oklch(0.287 0.003 48.605 / 0.15);
    --md-color-picker-input-border: 1px solid oklch(0.967 0.003 264.542 / 0.18);
    --md-color-picker-slider-thumb-color: oklch(0.592 0.012 261.776);
  }
  .dark .md-datepicker {
    --md-datepicker-table-header-color: oklch(0.58 0.02 240.04);
  }
  .dark .md-datepicker-body .md-btn-today {
    --md-btn-border-color: var(--md-btn-active-bg);
    --md-btn-hover-border-color: var(--md-btn-active-bg);
  }
  .dark .md-progressbar-simple {
    --md-progress-bg: oklch(0.967 0.003 264.542 / 0.1);
    --md-progress-bar-bg: oklch(63.6% 0.137 235.915deg);
  }
  .dark .md-tabs {
    --md-tab-tabs-background: oklch(0 0 0 / 0.08);
    --md-tab-tabs-border-color: oklch(87.2% 0.01 258.338deg / 0.15);
    --md-tab-tabs-color: oklch(75.58% 0 0deg);
    --md-tab-tabs-active-bg: var(--background-secondary);
    --md-tab-tabs-active-border-color: oklch(87.2% 0.01 258.338deg / 0.15);
    --md-tab-tabs-hover-border-color: oklch(92.8% 0.006 264.531deg / 0.05);
    --md-tab-pills-color: var(--md-tab-tabs-color);
    --md-tab-pills-active-color: oklch(37.1% 0 0deg);
  }
  .dark .md-notification {
    --md-notification-background-color: oklch(0.305 0.002 247.9);
  }
  .dark .md-tooltip {
    --md-tooltip-bg: oklch(47.894% 0.02043 256.396);
    --md-tooltip-opacity: 1;
  }
}
.dark {
  color-scheme: dark;
}
.dark .bg-default {
  background-color: oklch(75% 0.1 297.94deg);
}
.dark .border-default {
  --md-border-color: oklch(75% 0.1 297.94deg);
  --bs-border-color: oklch(75% 0.1 297.94deg);
}
.dark .text-default {
  color: oklch(75% 0.1 297.94deg);
}
.dark a.text-default:hover, .dark a.text-default:focus {
  color: oklch(60% 0.1 297.94deg);
}
.dark .text-bg-default {
  color: oklch(20.5% 0 0deg);
  background-color: oklch(75% 0.1 297.94deg);
}
.dark .bg-primary {
  background-color: oklch(63.6% 0.137 235.915deg) !important;
}
.dark .border-primary {
  --md-border-color: oklch(63.6% 0.137 235.915deg);
  --bs-primary-rgb: 0, 150, 210;
}
.dark .text-primary {
  color: oklch(63.6% 0.137 235.915deg) !important;
}
.dark a.text-primary:hover, .dark a.text-primary:focus {
  color: oklch(48.6% 0.14 235.91deg);
}
.dark .text-bg-primary {
  color: oklch(100% 0 0deg) !important;
  background-color: oklch(63.6% 0.137 235.915deg) !important;
}
.dark .bg-success {
  background-color: oklch(55% 0.1 177.8deg) !important;
}
.dark .border-success {
  --md-border-color: oklch(55% 0.1 177.8deg);
  --bs-success-rgb: 7, 132, 113;
}
.dark .text-success {
  color: oklch(55% 0.1 177.8deg) !important;
}
.dark a.text-success:hover, .dark a.text-success:focus {
  color: oklch(40% 0.1 177.8deg);
}
.dark .text-bg-success {
  color: oklch(100% 0 0deg) !important;
  background-color: oklch(55% 0.1 177.8deg) !important;
}
.dark .bg-danger {
  background-color: oklch(68% 0.17 18deg) !important;
}
.dark .border-danger {
  --md-border-color: oklch(68% 0.17 18deg);
  --bs-danger-rgb: 238, 101, 112;
}
.dark .text-danger {
  color: oklch(68% 0.17 18deg) !important;
}
.dark a.text-danger:hover, .dark a.text-danger:focus {
  color: oklch(53% 0.17 18deg);
}
.dark .text-bg-danger {
  color: oklch(100% 0 0deg) !important;
  background-color: oklch(68% 0.17 18deg) !important;
}

@layer theme {
  .dark {
    --background: oklch(0.213 0 89.876);
    --foreground: oklch(0.8 0 0);
    --background-secondary: oklch(0.25 0 0);
    --foreground-secondary: oklch(0.85 0 0);
    --background-tertiary: oklch(0.3 0 0);
    --foreground-tertiary: oklch(0.85 0 0);
    --foreground-subtle: oklch(0.65 0 0);
    --foreground-subtle-tertiary: oklch(43.9% 0 0deg);
    --border-translucent: oklch(0.967 0.003 264.542 / 0.08);
    --appbar-background: oklch(0.22 0 89.876);
    --appbar-foreground: var(--foreground);
    --sidedrawer-background: oklch(0.182 0 89.876);
    --sidedrawer-foreground: var(--foreground);
    --sidedrawer-item-active-background: oklch(0.4 0.04 284.73);
    --sidedrawer-item-active-foreground: oklch(0.95 0.03 298.65);
    --sidedrawer-item-active-foreground-secondary: oklch(0.796 0.062 295.364 / 0.75);
    --sidedrawer-item-hover-background: oklch(0.535 0.005 271.325 / 0.15);
    --navigation-item-active-foreground: oklch(0.88 0.07 297.73);
    --navigation-item-active-foreground-secondary: oklch(0.796 0.062 295.364 / 0.75);
    --navigation-item-hover-background: oklch(0.535 0.005 271.325 / 0.15);
    --md-dropdown-border-color: var(--border-translucent);
    --md-dropdown-border-width: thin;
    --md-field-active-indicator: var(--md-field-accent-indicator);
    --md-field-button-hover-color: oklch(75.58% 0 0deg);
  }
}