/*!
 * 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 base {
  :root {
    --font-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-size-default: 1rem;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height: 1.5;
  }
  @media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  *,
  ::before,
  ::after {
    box-sizing: border-box;
  }
  html,
  body {
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
  }
}
@layer components {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: var(--font-weight-medium);
  }
  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw);
  }
  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw);
  }
  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw);
  }
  h5,
  .h5 {
    font-size: 1.25rem;
  }
  @media (min-width: 1200px) {
    h1,
    .h1 {
      font-size: 2.5rem;
    }
    h2,
    .h2 {
      font-size: 2rem;
    }
    h3,
    .h3 {
      font-size: 1.75rem;
    }
    h4,
    .h4 {
      font-size: 1.5rem;
    }
  }
}
@layer theme {
  :root {
    --md-field-primary-indicator: oklch(0.458 0.23 304.441);
    --md-field-accent-indicator: oklch(0.743 0.102 303.276);
    --md-field-active-indicator: var(--md-field-primary-indicator);
    --md-field-button-active-bg: oklch(0.154 0 89.876 / 0.25);
    --md-field-button-hover-bg: oklch(0.431 0 89.876 / 0.2);
    --md-field-button-hover-color: oklch(0.209 0 89.876);
    --md-field-button-color: currentColor;
    --md-field-disabled-opacity: 0.4;
    --md-field-readonly-opacity: 0.55;
    --md-dropdown-border-color: transparent;
    --md-dropdown-border-width: 0;
    --md-caret-size: 5px;
    --md-radius: 0.5rem;
    --md-radius-pill: 50rem;
  }
}
@layer animations {
  .fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.5s ease-in-out;
  }
  .fade-enter-from,
  .fade-leave-to {
    opacity: 0;
  }
  .slide-fade-enter-active,
  .slide-fade-reverse-enter-active {
    transition: all 0.6s ease;
  }
  .slide-fade-leave-active,
  .slide-fade-reverse-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
  }
  .slide-fade-leave-from, .slide-fade-leave-active, .slide-fade-leave-to,
  .slide-fade-reverse-leave-from,
  .slide-fade-reverse-leave-active,
  .slide-fade-reverse-leave-to {
    position: absolute !important;
  }
  .slide-fade-enter-from,
  .slide-fade-leave-to {
    transform: translateX(100%);
    opacity: 0;
  }
  .slide-fade-reverse-enter-from,
  .slide-fade-reverse-leave-to {
    transform: translateX(-100%);
    opacity: 0;
  }
  .scale-enter-active,
  .scale-leave-active {
    transition-duration: 300ms;
    transition-property: opacity, transform;
    opacity: 1;
  }
  .scale-enter-from,
  .scale-leave-active {
    transform: scale(0.5);
    opacity: 0;
  }
  .slide-left-right-enter-active, .slide-left-right-leave-active,
  .slide-right-left-enter-active,
  .slide-right-left-leave-active,
  .slide-bottom-top-enter-active,
  .slide-bottom-top-leave-active,
  .slide-top-bottom-enter-active,
  .slide-top-bottom-leave-active {
    transition: 0.45s cubic-bezier(0, 0, 0.2, 1);
  }
  .slide-left-right-enter-from, .slide-left-right-leave-to,
  .slide-right-left-enter-from,
  .slide-right-left-leave-to,
  .slide-bottom-top-enter-from,
  .slide-bottom-top-leave-to,
  .slide-top-bottom-enter-from,
  .slide-top-bottom-leave-to {
    opacity: 0;
  }
  .slide-left-right-enter-to,
  .slide-right-left-enter-to,
  .slide-bottom-top-enter-to,
  .slide-top-bottom-enter-to {
    transform: translate(0);
  }
  .slide-left-right-leave-from, .slide-left-right-leave-active, .slide-left-right-leave-to,
  .slide-right-left-leave-from,
  .slide-right-left-leave-active,
  .slide-right-left-leave-to,
  .slide-bottom-top-leave-from,
  .slide-bottom-top-leave-active,
  .slide-bottom-top-leave-to,
  .slide-top-bottom-leave-from,
  .slide-top-bottom-leave-active,
  .slide-top-bottom-leave-to {
    position: absolute !important;
  }
  .slide-bottom-top-enter-from {
    transform: translate(0, 100%);
  }
  .slide-bottom-top-leave-to {
    transform: translate(0, -100%);
  }
  .slide-top-bottom-enter-from {
    transform: translate(0, -100%);
  }
  .slide-top-bottom-leave-to {
    transform: translate(0, 100%);
  }
  .slide-left-right-enter-from {
    transform: translateX(-100%);
  }
  .slide-left-right-leave-to {
    transform: translateX(100%);
    opacity: 0;
  }
  .slide-right-left-enter-from {
    transform: translateX(100%);
  }
  .slide-right-left-leave-to {
    transform: translateX(-100%);
    opacity: 0;
  }
  .tab-transition-enter-from {
    transform: translate(100%, 0);
  }
  .tab-transition-leave-from, .tab-transition-leave-active {
    position: absolute;
    top: 0;
  }
  .tab-transition-leave-to {
    transform: translate(-100%, 0);
    position: absolute;
  }
  .tab-transition-reverse-enter-from {
    transform: translate(-100%, 0);
  }
  .tab-transition-reverse-leave-from, .tab-transition-reverse-leave-to {
    transform: translate(100%, 0);
    position: absolute;
    top: 0;
  }
  @keyframes rotateIn {
    0% {
      transform-origin: center center;
      transform: rotate(-180deg);
      opacity: 0;
    }
    100% {
      transform-origin: center center;
      transform: rotate(0);
      opacity: 1;
    }
  }
  @keyframes rotateOut {
    0% {
      transform-origin: center center;
      transform: rotate(0);
      opacity: 1;
    }
    100% {
      transform-origin: center center;
      transform: rotate(180deg);
      opacity: 0;
    }
  }
  @keyframes rotateInUpLeft {
    0% {
      transform-origin: left bottom;
      transform: rotate(90deg);
      opacity: 0;
    }
    100% {
      transform-origin: left bottom;
      transform: rotate(0);
      opacity: 1;
    }
  }
  @keyframes rotateOutUpLeft {
    0% {
      transform-origin: left bottom;
      transform: rotate(0);
      opacity: 1;
    }
    100% {
      transform-origin: left bottom;
      transform: rotate(-90deg);
      opacity: 0;
    }
  }
  .rotate-clock-wise-enter-active {
    animation: rotateIn 1s;
  }
  .rotate-clock-wise-leave-active {
    animation: rotateOut 1s;
  }
  .rotate-clock-wise-enter-from, .rotate-clock-wise-leave-to {
    opacity: 0;
  }
  .rotate-clock-reverse-enter-active {
    animation: rotateInUpLeft 750ms;
  }
  .rotate-clock-reverse-leave-active {
    animation: rotateOutUpLeft 750ms;
  }
  .rotate-clock-reverse-enter-from, .rotate-clock-reverse-leave-to {
    opacity: 0;
  }
  @keyframes rollIn {
    0% {
      transform: translateX(-100%) rotate(-120deg);
      opacity: 0;
    }
    100% {
      transform: translateX(0) rotate(0);
      opacity: 1;
    }
  }
  @keyframes rollOut {
    0% {
      transform: translateX(0) rotate(0);
      opacity: 1;
    }
    100% {
      transform: translateX(100%) rotate(120deg);
      opacity: 0;
    }
  }
  .roll-in-out-enter-active {
    animation: rollIn 750ms;
  }
  .roll-in-out-leave-active {
    animation: rollOut 750ms;
  }
  .roll-in-out-enter-from, .roll-in-out-leave-to {
    opacity: 0;
  }
  @keyframes md-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .md-spin {
    animation: md-spin 2s infinite linear;
  }
  .md-pulse {
    animation: md-spin 1.5s infinite steps(8);
  }
  .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
}
@layer components {
  .md-overlay {
    background-color: oklch(0% 0 0deg);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0.4;
    position: absolute;
    z-index: 1031;
  }
  .md-ripple {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    mask-image: radial-gradient(circle, oklch(100% 0 89.876deg) 100%, oklch(0% 0 0deg) 100%);
  }
  .md-ripple-wave {
    transform: scale(2) translateZ(0);
    background: currentColor;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    z-index: 1;
  }
  .md-ripple-wave.md-center {
    animation-duration: 1.2s;
    top: 50%;
    left: 50%;
  }
  .md-ripple-wave ~ *:not(.md-ripple-wave) {
    position: relative;
    z-index: 2;
  }
}
@layer animations {
  .expand-enter-active,
  .expand-leave-active {
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .md-ripple-enter-active {
    transition: 0.8s cubic-bezier(0.25, 0.8, 0.5, 1);
    transition-property: opacity, transform;
    will-change: opacity, transform;
  }
  .md-ripple-enter-active.md-center {
    transition-duration: 1.2s;
  }
  .md-ripple-enter-from {
    transform: scale(0.26) translateZ(0);
    opacity: 0.26;
  }
}
@layer components {
  .md-application-wrap,
  .md-container-wrap,
  .md-content-wrap {
    width: 100%;
    position: relative;
  }
  .md-application-wrap {
    background-color: var(--background);
    color: var(--foreground);
    display: flex;
    flex-direction: column;
  }
  .md-application-wrap:not(.md-viewport-height) {
    overflow-x: hidden;
  }
  .md-application-wrap.md-viewport-height {
    min-height: 100vh;
  }
  .md-container-wrap {
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
  }
  .md-container-wrap.smooth-animation {
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-content-wrap {
    color: var(--foreground);
    flex: 1 0 auto;
  }
}
@layer components {
  .md-appbar {
    --md-appbar-bg: var(--appbar-background, oklch(100% 0 0deg));
    --md-appbar-color: var(--appbar-foreground, oklch(20.5% 0 0deg));
    --md-appbar-height: var(--appbar-height, 4rem);
    --md-appbar-padding: 0.5rem 0.75rem 0.5rem 1rem;
    --md-appbar-title-font-size: 1.5rem;
    --md-appbar-title-font-weight: var(--font-weight-normal, 400) ;
    justify-self: flex-start;
    background-color: var(--md-appbar-bg);
    color: var(--md-appbar-color);
  }
  .md-appbar.smooth-animation {
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-appbar.appbar-shadow {
    box-shadow: 0 2px 5px 0 oklch(0% 0 0deg / 0.16), 0 4px 8px 0 oklch(0% 0 0deg / 0.12);
  }
  .md-appbar > .md-appbar-content {
    height: var(--md-appbar-height);
    padding: var(--md-appbar-padding);
  }
  .md-appbar .md-appbar-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--md-appbar-color);
    font-size: var(--md-appbar-title-font-size);
    font-weight: var(--md-appbar-title-font-weight);
    line-height: normal;
    margin: 0 1rem;
  }
  .md-appbar .md-appbar-title > a {
    color: inherit;
    text-decoration: none;
  }
  .md-appbar .md-appbar-title:first-child {
    margin-left: 0;
  }
  .md-appbar .md-appbar-items {
    padding: 0;
  }
}
@layer components {
  .md-alert {
    --md-alert-bg: transparent;
    --md-alert-padding-x: 1rem;
    --md-alert-padding-y: 0.75rem;
    --md-alert-margin-bottom: 1rem;
    --md-alert-border-color: transparent;
    --md-alert-border: 1px solid var(--md-alert-border-color);
    --md-alert-border-radius: var(--md-radius, 0.5rem);
    --md-alert-icon-spacing: 1rem;
    padding: var(--md-alert-padding-y) var(--md-alert-padding-x);
    margin-bottom: var(--md-alert-margin-bottom);
    background-color: var(--md-alert-bg);
    border: var(--md-alert-border);
    color: var(--md-alert-color);
    border-radius: var(--md-alert-border-radius);
  }
  .md-alert > .alert-icon {
    display: flex;
    margin-right: var(--md-alert-icon-spacing);
  }
  .md-alert .alert-link {
    color: var(--md-alert-link-color);
    font-weight: var(--font-weight-semibold, 600);
    text-decoration: underline dotted;
    text-underline-offset: 5px;
  }
  .md-alert[class*=alert-solid] hr {
    border-top: 1px solid var(--md-alert-hr-color);
    opacity: 0.4;
  }
}
.md-alert > .flex-fill + .md-btn-icon:last-child {
  margin-left: 0.5rem;
  margin-right: -0.5rem;
}

@layer components {
  .md-card {
    --md-card-bg: var(--background-secondary, oklch(100% 0 0deg));
    --md-card-color: var(--foreground-secondary);
    --md-card-border-color: oklch(0% 0 0deg / 0.15);
    --md-card-border-radius: 0.75rem;
    --md-card-border-width: 1px;
    --md-card-inner-border-radius: calc(var(--md-card-border-radius) - 1px);
    --md-card-title-spacer-y: 0.5rem;
    --md-card-spacer-y: 1rem;
    --md-card-spacer-x: 1rem;
    --md-card-group-margin: 0.75rem;
    --md-card-cap-bg: oklch(0% 0 0deg / 0.03);
    --md-card-cap-padding-x: 1rem;
    --md-card-cap-padding-y: 0.5rem;
    --md-card-media-bg: oklch(0 0 0 / 0.54);
    --md-card-media-color: oklch(1 0 89.876 / 0.8);
    --md-card-media-padding-x: 1rem;
    --md-card-media-padding-y: 1rem;
    --md-card-media-title-font-size: 1.5em;
    --md-card-media-title-font-weight: var(--font-weight-medium, 500);
    --md-card-media-subtitle-font-weight: var(--font-weight-light, 300);
    --md-card-media-subtitle-font-size: 1.125em;
    position: relative;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    min-width: 0;
    height: var(--md-card-height);
    color: var(--md-card-color);
    background-color: var(--md-card-bg);
    background-clip: border-box;
    border: var(--md-card-border-width) solid var(--md-card-border-color);
    border-radius: var(--md-card-border-radius);
  }
  .md-card > hr {
    margin-right: 0;
    margin-left: 0;
  }
  .md-card > .list-group {
    border-top: inherit;
    border-bottom: inherit;
  }
  .md-card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--md-card-inner-border-radius);
    border-top-right-radius: var(--md-card-inner-border-radius);
  }
  .md-card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--md-card-inner-border-radius);
    border-bottom-left-radius: var(--md-card-inner-border-radius);
  }
  .md-card > .md-card-header + .list-group,
  .md-card > .list-group + .md-card-footer {
    border-top: 0;
  }
  .md-card:not(.rounded-0) > .md-mask-loader {
    border-radius: var(--md-card-border-radius);
  }
  .md-card-footer,
  .md-card-header {
    background-color: var(--md-card-cap-bg);
    color: var(--md-card-cap-color);
    padding: var(--md-card-cap-padding-y) var(--md-card-cap-padding-x);
  }
  .md-card-header {
    margin-bottom: 0;
    font-weight: var(--font-weight-medium, 500);
    border-bottom: var(--md-card-border-width) solid var(--md-card-border-color);
  }
  .md-card-header:first-child {
    border-top-left-radius: var(--md-card-inner-border-radius);
    border-top-right-radius: var(--md-card-inner-border-radius);
  }
  .md-card-footer {
    border-top: var(--md-card-border-width) solid var(--md-card-border-color);
  }
  .md-card-footer:last-child {
    border-bottom-right-radius: var(--md-card-inner-border-radius);
    border-bottom-left-radius: var(--md-card-inner-border-radius);
  }
  .md-card-body {
    flex: 1 1 auto;
    padding: var(--md-card-spacer-y) var(--md-card-spacer-x);
  }
  .md-card-title {
    margin-bottom: var(--md-card-title-spacer-y);
  }
  .md-card-subtitle {
    font-weight: var(--font-weight-normal, 400);
    margin-top: calc(-0.5 * var(--md-card-title-spacer-y));
    margin-bottom: 0;
  }
  .md-card-media {
    position: relative;
  }
  .md-card-media > img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block;
    vertical-align: top;
  }
  .md-card-media > .md-card-media-overlay {
    left: 0;
    right: 0;
    position: absolute;
    background-color: var(--md-card-media-bg);
    padding: var(--md-card-media-padding-y) var(--md-card-media-padding-x);
  }
  .md-card-media > .md-card-media-overlay > .md-card-media-title,
  .md-card-media > .md-card-media-overlay > .md-card-media-subtitle {
    color: var(--md-card-media-color);
  }
  .md-card-media > .md-card-media-overlay > .md-card-media-title {
    font-size: var(--md-card-media-title-font-size);
    font-weight: var(--md-card-media-title-font-weight);
  }
  .md-card-media > .md-card-media-overlay > .md-card-media-subtitle {
    font-size: var(--md-card-media-subtitle-font-size);
    font-weight: var(--md-card-media-subtitle-font-weight);
  }
  .md-card > .md-card-media:first-child > .md-overlay-top,
  .md-card > .md-card-media:first-child > img {
    border-top-left-radius: var(--md-card-inner-border-radius);
    border-top-right-radius: var(--md-card-inner-border-radius);
  }
  .md-card > .md-card-media:last-child > .md-overlay-bottom,
  .md-card > .md-card-media:last-child > img {
    border-bottom-right-radius: var(--md-card-border-radius);
    border-bottom-left-radius: var(--md-card-border-radius);
  }
}
.md-card-body .md-card-text:last-child {
  margin-bottom: 0;
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--md-card-inner-border-radius);
  border-top-right-radius: var(--md-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--md-card-inner-border-radius);
  border-bottom-left-radius: var(--md-card-inner-border-radius);
}

.card-img-start, .card-img-end {
  height: 100%;
  object-fit: cover;
}

.card-img-start {
  border-top-left-radius: var(--md-card-inner-border-radius);
  border-bottom-left-radius: var(--md-card-inner-border-radius);
}

.card-img-end {
  border-top-right-radius: var(--md-card-inner-border-radius);
  border-bottom-right-radius: var(--md-card-inner-border-radius);
}

.card-group > .md-card {
  margin-bottom: var(--md-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .md-card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .md-card + .md-card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .md-card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .md-card:not(:last-child) .md-card-header,
  .card-group > .md-card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .md-card:not(:last-child) .md-card-footer,
  .card-group > .md-card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .md-card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .md-card:not(:first-child) .md-card-header,
  .card-group > .md-card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .md-card:not(:first-child) .md-card-footer,
  .card-group > .md-card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}

@layer components {
  .md-subheader {
    --md-subheader-font-size: var(--font-size-default, 1rem);
    --md-subheader-font-weight: var(--font-weight-semibold, 600);
    --md-subheader-padding-x: 1rem;
    --md-subheader-padding-y: 0;
    color: var(--md-subheader-color);
    font-size: var(--md-subheader-font-size);
    font-weight: var(--md-subheader-font-weight);
    padding: var(--md-subheader-padding-y) var(--md-subheader-padding-x);
    height: 48px;
  }
  .md-subheader.subheader--dark {
    --md-subheader-color: oklch(100% 0 0deg / 0.68);
  }
  .md-subheader.subheader--light {
    --md-subheader-color: oklch(55.8% 0.016 244.893deg);
  }
  .md-img-holder {
    user-select: none;
  }
  .md-anchor-center {
    text-anchor: middle;
  }
  .md-divider {
    --md-divider-height: 1px;
    --md-divider-margin-y: 0.25rem;
    --md-divider-color: oklch(0% 0 0deg / 0.15);
  }
  .md-divider.divider--dark {
    --md-divider-color: oklch(100% 0 0deg / 0.3);
  }
}
.md-divider {
  background-color: var(--md-divider-color);
  height: var(--md-divider-height);
  min-height: var(--md-divider-height);
  margin-bottom: var(--md-divider-margin-y);
  margin-top: var(--md-divider-margin-y);
  border: none;
  display: block;
  opacity: 1;
}

@layer utilities {
  .md-icon,
  .md-svg-inline,
  .md-toggle-icon {
    display: inline-flex;
  }
  .md-toggle-icon {
    cursor: pointer;
  }
  .md-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
  }
  .md-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
  }
  .md-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
  }
  .md-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scale(-1, 1);
  }
  .md-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(1, -1);
  }
  .md-flip-both,
  .md-flip-horizontal.md-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1, -1);
  }
}
@layer components {
  .md-avatar {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-default);
    line-height: 1;
  }
  .md-avatar > .md-avatar-text {
    font-weight: var(--font-weight-medium, 500);
    font-size: inherit;
    text-transform: uppercase;
  }
}
@layer components {
  .md-badge {
    --md-badge-border-radius: 0.375rem;
    --md-badge-color: oklch(100% 0 0deg);
    --md-badge-font-size: 0.75em;
    --md-badge-font-weight: var(--font-weight-medium, 500);
    --md-badge-padding-x: 0.65rem;
    --md-badge-padding-y: 0.35rem;
    border-radius: var(--md-badge-border-radius);
    color: var(--md-badge-color);
    font-size: var(--md-badge-font-size);
    font-weight: var(--md-badge-font-weight);
    padding: var(--md-badge-padding-y) var(--md-badge-padding-x);
    display: inline-block;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
    line-height: 1;
    box-shadow: none;
  }
  .md-badge.md-badge-label {
    --md-badge-font-size: 0.8em;
    --md-badge-padding-x: 0.6rem;
  }
  .md-badge.md-badge-pill {
    --md-badge-border-radius: 50rem;
    --md-badge-font-size: 0.8em;
    --md-badge-padding-x: 0.75rem;
  }
}
a.md-badge {
  text-decoration: none;
}
a.md-badge:focus, a.md-badge:hover {
  text-decoration: none;
}
a.md-badge:focus {
  outline: 0;
}

@layer components {
  .md-btn,
  .md-btn-fab,
  .md-btn-icon {
    --md-btn-bg: transparent;
    --md-btn-color: oklch(26.9% 0.017 238.084deg);
    --md-btn-border-color: transparent;
    --md-btn-border-width: 0.094rem;
    --md-btn-disabled-bg: oklch(90.7% 0.02 239.98deg / 0.8);
    --md-btn-disabled-color: oklch(55.8% 0.016 244.893deg);
    --md-btn-disabled-border-color: oklch(93.7% 0.02 239.98deg);
    --md-btn-disabled-opacity: 0.6;
    --md-btn-readonly-opacity: 0.75;
    --md-btn-xs-font-size: 0.75rem;
    --md-btn-sm-font-size: 0.875rem;
    --md-btn-md-font-size:var(--font-size-default, 1rem);
    --md-btn-lg-font-size: 1.25rem;
    --md-btn-font-size: var(--md-btn-md-font-size);
    --md-btn-font-weight: var(--font-weight-medium, 500);
    --md-btn-hover-bg: transparent;
    --md-btn-hover-color: oklch(26.9% 0.017 238.084deg);
    --md-btn-hover-border-color: transparent;
    --md-btn-box-shadow: none;
    --md-btn-active-box-shadow: none;
    --md-btn-hover-box-shadow: 0 1px 2px 0 oklch(31.7% 0 89.876deg / 0.35), 0 2px 4px 2px oklch(14.5% 0 89.876deg / 0.05);
    --md-btn-focus-box-shadow: 0 0 0 0.25rem var(--md-btn-focus-shadow-color);
    --md-btn-focus-border-color: oklch(0.985 0 89.876 / 0.85);
    --md-btn-elevated-box-shadow: 0 2px 5px 0 oklch(0% 0 0deg / 0.16), 0 4px 8px 0 oklch(0% 0 0deg / 0.12);
    --md-btn-elevated-active-box-shadow: 0 1px 2px 0 oklch(31.7% 0 89.876deg / 0.35), 0 2px 4px 2px oklch(14.5% 0 89.876deg / 0.05);
    --md-btn-elevated-hover-box-shadow: 0 5px 11px 0 oklch(0% 0 0deg / 0.12), 0 4px 15px 0 oklch(0% 0 0deg / 0.1);
    --md-btn-state-line-height: var(--md-btn-md-line-height);
    --md-btn-state-padding-x: var(--md-btn-md-padding-x);
    --md-btn-state-padding-y: var(--md-btn-md-padding-y);
    --md-btn-state-border-color: var(--md-btn-border-color);
    display: inline-block;
    font-family: inherit;
    position: relative;
    white-space: nowrap;
    box-shadow: var(--md-btn-box-shadow);
    border-radius: var(--md-btn-border-radius);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .md-btn > .md-ripple,
  .md-btn-fab > .md-ripple,
  .md-btn-icon > .md-ripple {
    padding: 0;
    border-radius: inherit;
  }
  .md-btn .md-btn-inner,
  .md-btn-fab .md-btn-inner,
  .md-btn-icon .md-btn-inner {
    line-height: var(--md-btn-state-line-height);
    border-radius: inherit;
    padding: var(--md-btn-state-padding-y) var(--md-btn-state-padding-x);
  }
  .md-btn.md-btn-xs,
  .md-btn-fab.md-btn-xs,
  .md-btn-icon.md-btn-xs {
    --md-btn-state-line-height: var(--md-btn-xs-line-height);
    --md-btn-state-padding-x: var(--md-btn-xs-padding-x);
    --md-btn-state-padding-y: var(--md-btn-xs-padding-y);
    --md-btn-font-size: var(--md-btn-xs-font-size);
  }
  .md-btn.md-btn-sm,
  .md-btn-fab.md-btn-sm,
  .md-btn-icon.md-btn-sm {
    --md-btn-state-line-height: var(--md-btn-sm-line-height);
    --md-btn-state-padding-x: var(--md-btn-sm-padding-x);
    --md-btn-state-padding-y: var(--md-btn-sm-padding-y);
    --md-btn-font-size: var(--md-btn-sm-font-size);
  }
  .md-btn.md-btn-lg,
  .md-btn-fab.md-btn-lg,
  .md-btn-icon.md-btn-lg {
    --md-btn-state-line-height: var(--md-btn-lg-line-height);
    --md-btn-state-padding-x: var(--md-btn-lg-padding-x);
    --md-btn-state-padding-y: var(--md-btn-lg-padding-y);
    --md-btn-font-size: var(--md-btn-lg-font-size);
  }
  .md-btn[class*=btn-flat],
  .md-btn-fab[class*=btn-flat],
  .md-btn-icon[class*=btn-flat] {
    --md-btn-bg: transparent;
    --md-btn-border-color: transparent;
    --md-btn-active-border-color: transparent;
    --md-btn-hover-border-color: transparent;
    --md-btn-hover-box-shadow: none;
  }
  .md-btn[class*=btn-outline],
  .md-btn-fab[class*=btn-outline],
  .md-btn-icon[class*=btn-outline] {
    --md-btn-bg: transparent;
    --md-btn-border-width: thin;
    --md-btn-disabled-border-color: oklch(78.7% 0.02 239.98deg);
  }
  .md-btn.btn-raised,
  .md-btn-fab.btn-raised,
  .md-btn-icon.btn-raised {
    --md-btn-box-shadow: var(--md-btn-elevated-box-shadow);
    --md-btn-active-box-shadow: var(--md-btn-elevated-active-box-shadow);
    --md-btn-hover-box-shadow: var(--md-btn-elevated-hover-box-shadow);
  }
  .md-btn.btn-raised[class*=btn-flat],
  .md-btn-fab.btn-raised[class*=btn-flat],
  .md-btn-icon.btn-raised[class*=btn-flat] {
    --md-btn-hover-box-shadow: var(--md-btn-elevated-box-shadow);
  }
  .md-btn > .dropdown-toggle::after,
  .md-btn-fab > .dropdown-toggle::after {
    align-self: center;
    margin-right: calc(var(--md-btn-state-padding-x) / 2);
    margin-left: 0;
  }
  .md-btn > .dropdown-toggle > .md-btn-inner,
  .md-btn-fab > .dropdown-toggle > .md-btn-inner {
    padding-right: calc(var(--md-btn-state-padding-x) / 2);
  }
  .md-btn > .dropdown-toggle.empty-text > .has-icon,
  .md-btn-fab > .dropdown-toggle.empty-text > .has-icon {
    padding-right: 0.25rem;
  }
  .md-btn {
    --md-btn-xs-border-radius: 0.375rem;
    --md-btn-xs-line-height: 1;
    --md-btn-xs-padding-x: 1rem;
    --md-btn-xs-padding-y: 0.375rem;
    --md-btn-sm-border-radius: 0.625rem;
    --md-btn-sm-line-height: 1.3;
    --md-btn-sm-padding-x: 1.25rem;
    --md-btn-sm-padding-y: 0.4rem;
    --md-btn-md-border-radius: 0.625rem;
    --md-btn-md-line-height: 1.5;
    --md-btn-md-padding-x: 1.5rem;
    --md-btn-md-padding-y: 0.425rem;
    --md-btn-lg-border-radius: 0.875rem;
    --md-btn-lg-line-height: 1.5;
    --md-btn-lg-padding-x: 1.875rem;
    --md-btn-lg-padding-y: 0.75rem;
    --md-btn-border-radius: var(--md-btn-md-border-radius);
  }
  .md-btn[class*=btn-flat] .md-btn-inner:not(.has-icon) {
    --md-btn-state-padding-x: calc(var(--md-btn-md-padding-x) / 2);
  }
  .md-btn .md-icon-left,
  .md-btn .md-icon-right {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-btn .md-icon-left.md-empty-icon,
  .md-btn .md-icon-right.md-empty-icon {
    width: 0;
  }
  .md-btn .md-icon-left {
    margin-right: 0.5rem;
    margin-left: -0.5rem;
  }
  .md-btn .md-icon-right {
    margin-left: 0.5rem;
    margin-right: -0.5rem;
  }
  .md-btn.md-btn-xs {
    --md-btn-border-radius: var(--md-btn-xs-border-radius);
  }
  .md-btn.md-btn-xs[class*=btn-flat] .md-btn-inner:not(.has-icon) {
    --md-btn-state-padding-x: calc(var(--md-btn-xs-padding-x) / 2);
  }
  .md-btn.md-btn-xs .md-icon-left {
    margin-left: -0.25rem;
  }
  .md-btn.md-btn-xs .md-icon-right {
    margin-right: -0.25rem;
  }
  .md-btn.md-btn-sm {
    --md-btn-border-radius: var(--md-btn-sm-border-radius);
  }
  .md-btn.md-btn-sm[class*=btn-flat] .md-btn-inner:not(.has-icon) {
    --md-btn-state-padding-x: calc(var(--md-btn-sm-padding-x) / 2);
  }
  .md-btn.md-btn-lg {
    --md-btn-border-radius: var(--md-btn-lg-border-radius);
  }
  .md-btn.md-btn-lg[class*=btn-flat] .md-btn-inner:not(.has-icon) {
    --md-btn-state-padding-x: calc(var(--md-btn-lg-padding-x) / 2);
  }
  .md-btn.btn-rounded-sm {
    --md-btn-border-radius: var(--md-btn-xs-border-radius);
  }
  .md-btn.btn-rounded-pill {
    --md-btn-border-radius: var(--md-radius-pill);
  }
  .md-btn-fab {
    --md-btn-xs-padding-x: 0.375rem;
    --md-btn-xs-padding-y: 0.375rem;
    --md-btn-xs-border-radius: 0.5rem;
    --md-btn-sm-padding-x: 0.5rem;
    --md-btn-sm-padding-y: 0.5rem;
    --md-btn-sm-border-radius: 0.75rem;
    --md-btn-md-padding-x: 1rem;
    --md-btn-md-padding-y: 1rem;
    --md-btn-md-border-radius: 1rem;
    --md-btn-lg-padding-x: 1.5rem;
    --md-btn-lg-padding-y: 1.5rem;
    --md-btn-lg-border-radius: 1.5rem;
    --md-btn-border-radius: var(--md-btn-md-border-radius);
    --md-btn-box-shadow: 0 1px 2px 0 oklch(31.7% 0 89.876deg / 0.35), 0 2px 4px 2px oklch(14.5% 0 89.876deg / 0.05);
  }
  .md-btn-fab[class*=btn-flat] {
    --md-btn-box-shadow: none;
  }
  .md-btn-fab .md-icon-left,
  .md-btn-fab .md-icon-right {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-btn-fab .md-icon-left.md-empty-icon,
  .md-btn-fab .md-icon-right.md-empty-icon {
    width: 0;
  }
  .md-btn-fab .md-icon-left {
    margin-right: 0.5rem;
    margin-left: -0.25rem;
  }
  .md-btn-fab .md-icon-right {
    margin-left: 0.5rem;
    margin-right: -0.25rem;
  }
  .md-btn-fab.md-btn-xs .md-icon-left, .md-btn-fab.md-btn-sm .md-icon-left {
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .md-btn-fab.md-btn-xs .md-icon-right, .md-btn-fab.md-btn-sm .md-icon-right {
    margin-left: 0.25rem;
    margin-right: 0;
  }
  .md-btn-fab.md-btn-xs {
    --md-btn-border-radius: var(--md-btn-xs-border-radius);
  }
  .md-btn-fab.md-btn-sm {
    --md-btn-border-radius: var(--md-btn-sm-border-radius);
  }
  .md-btn-fab.md-btn-lg {
    --md-btn-border-radius: var(--md-btn-lg-border-radius);
  }
  .md-btn-icon {
    --md-btn-border-radius: 50%;
    --md-btn-lg-line-height: 3.625rem;
    --md-btn-md-line-height: 2.25rem;
    --md-btn-sm-line-height: 2rem;
    --md-btn-xs-line-height: 1.5rem;
    --md-btn-lg-height: 3.625rem;
    --md-btn-lg-width: 3.625rem;
    --md-btn-md-height: 2.625rem;
    --md-btn-md-width: 2.625rem;
    --md-btn-sm-height: 2.125rem;
    --md-btn-sm-width: 2.125rem;
    --md-btn-xs-height: 1.75rem;
    --md-btn-xs-width: 1.75rem;
    --md-btn-state-height: var(--md-btn-md-height);
    --md-btn-state-width: var(--md-btn-md-width);
    width: var(--md-btn-state-width);
    height: var(--md-btn-state-height);
  }
  .md-btn-icon.md-btn-xs {
    --md-btn-state-height: var(--md-btn-xs-height);
    --md-btn-state-width: var(--md-btn-xs-width);
  }
  .md-btn-icon.md-btn-sm {
    --md-btn-state-height: var(--md-btn-sm-height);
    --md-btn-state-width: var(--md-btn-sm-width);
  }
  .md-btn-icon.md-btn-lg {
    --md-btn-state-height: var(--md-btn-lg-height);
    --md-btn-state-width: var(--md-btn-lg-width);
  }
  .md-btn-icon.btn-close-action {
    --md-btn-border-radius: 0.5rem;
    --md-btn-sm-height: 1.875rem;
    --md-btn-sm-width: 1.875rem;
  }
  .md-segmented-button {
    display: flex;
    position: relative;
  }
  .md-segmented-button .md-btn:hover, .md-segmented-button .md-btn:focus-visible, .md-segmented-button .md-btn.selected {
    z-index: 1;
  }
  .md-segmented-button .md-btn:not(:first-child) {
    margin-left: -1px;
  }
  .md-segmented-button .md-btn:not(:first-child).disabled, .md-segmented-button .md-btn:not(:first-child):disabled {
    border-left-color: oklch(61.7% 0.02 239.98deg / 0.2) !important;
  }
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  border-top: var(--md-caret-size, 5px) solid;
  border-right: var(--md-caret-size, 5px) solid transparent;
  border-bottom: 0;
  border-left: var(--md-caret-size, 5px) solid transparent;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
}

button.md-btn, button.md-btn-fab, button.md-btn-icon {
  border-radius: var(--md-btn-border-radius);
}

a.md-btn, a.md-btn-fab, a.md-btn-icon {
  color: var(--md-btn-color);
  text-decoration: none;
}
a.md-btn:hover, a.md-btn-fab:hover, a.md-btn-icon:hover {
  color: var(--md-btn-hover-color);
}

.md-btn,
.md-btn-fab,
.md-btn-icon {
  padding: 0;
  outline: 0;
  line-height: 1;
  cursor: pointer;
  background-color: var(--md-btn-bg);
  border: var(--md-btn-border-width) solid var(--md-btn-state-border-color);
  color: var(--md-btn-color);
  font-size: var(--md-btn-font-size);
  font-weight: var(--md-btn-font-weight);
  -moz-user-select: none;
  user-select: none;
}
.md-btn:hover,
.md-btn-fab:hover,
.md-btn-icon:hover {
  --md-btn-state-border-color: var(--md-btn-hover-border-color);
  color: var(--md-btn-hover-color);
  background-color: var(--md-btn-hover-bg);
  box-shadow: var(--md-btn-hover-box-shadow);
}
.md-btn:focus-visible:not(.disabled):not(:disabled),
.md-btn-fab:focus-visible:not(.disabled):not(:disabled),
.md-btn-icon:focus-visible:not(.disabled):not(:disabled) {
  --md-btn-state-border-color: var(--md-btn-focus-border-color);
  color: var(--md-btn-hover-color);
  background-color: var(--md-btn-hover-bg);
  outline: 3px solid var(--md-btn-focus-shadow-color);
  z-index: 1;
}
.md-btn:focus-visible:not(.disabled):not(:disabled).active,
.md-btn-fab:focus-visible:not(.disabled):not(:disabled).active,
.md-btn-icon:focus-visible:not(.disabled):not(:disabled).active {
  color: var(--md-btn-active-color);
  background-color: var(--md-btn-active-bg);
}
.md-btn.active,
.md-btn-fab.active,
.md-btn-icon.active {
  --md-btn-state-border-color: var(--md-btn-active-border-color);
  color: var(--md-btn-active-color);
  background-color: var(--md-btn-active-bg);
  box-shadow: var(--md-btn-active-box-shadow);
}
.md-btn.readonly,
.md-btn-fab.readonly,
.md-btn-icon.readonly {
  opacity: var(--md-btn-readonly-opacity);
}
.md-btn.readonly:not(.active),
.md-btn-fab.readonly:not(.active),
.md-btn-icon.readonly:not(.active) {
  --md-btn-state-border-color: var(--md-btn-border-color);
  color: var(--md-btn-color);
  background-color: var(--md-btn-bg);
}
.md-btn.readonly, .md-btn.disabled, .md-btn:disabled,
.md-btn-fab.readonly,
.md-btn-fab.disabled,
.md-btn-fab:disabled,
.md-btn-icon.readonly,
.md-btn-icon.disabled,
.md-btn-icon:disabled {
  cursor: default;
  box-shadow: none;
  pointer-events: none;
}
.md-btn.disabled, .md-btn:disabled,
.md-btn-fab.disabled,
.md-btn-fab:disabled,
.md-btn-icon.disabled,
.md-btn-icon:disabled {
  --md-btn-state-border-color: var(--md-btn-disabled-border-color);
  color: var(--md-btn-disabled-color);
  background-color: var(--md-btn-disabled-bg);
  opacity: var(--md-btn-disabled-opacity);
}

.md-segmented-button[data-multiple=true] > .md-btn[data-state=active]:not(:first-child) {
  border-left-color: color-mix(in oklch, var(--md-btn-bg), transparent 10%);
}

.md-button-group {
  display: inline-flex;
  position: relative;
}

.md-button-toolbar {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  justify-content: flex-start;
}
.md-button-toolbar .md-btn:not(:last-child),
.md-button-toolbar .md-btn-icon:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md-button-toolbar .md-btn:not(:first-child),
.md-button-toolbar .md-btn-icon:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.md-button-toolbar .md-btn:not(:first-child):not([class*=btn-outline]):not([class*=btn-flat]),
.md-button-toolbar .md-btn-icon:not(:first-child):not([class*=btn-outline]):not([class*=btn-flat]) {
  border-left-color: oklch(0% 0 0deg / 0.1);
}
.md-button-toolbar .md-btn.active, .md-button-toolbar .md-btn:hover, .md-button-toolbar .md-btn:focus,
.md-button-toolbar .md-btn-icon.active,
.md-button-toolbar .md-btn-icon:hover,
.md-button-toolbar .md-btn-icon:focus {
  z-index: 1;
}

@layer components {
  .md-chip {
    --md-chip-border-width: thin;
    --md-chip-font-weight: 400;
    --md-chip-disabled-bg: oklch(90.7% 0.02 239.98deg);
    --md-chip-disabled-border-color: oklch(93.7% 0.02 239.98deg);
    --md-chip-disabled-color: oklch(34.5% 0.017 238.212deg);
    --md-chip-disabled-icon-color: oklch(68.7% 0.016 239.982deg);
    --md-chip-disabled-opacity: 0.5;
    --md-chip-readonly-opacity: 0.65;
    --md-chip-gutter-x: 0.5rem;
    --md-chip-gutter-y: 0.25rem;
    --md-chip-avatar-margin-left: -0.675rem;
    --md-chip-avatar-margin-right: 0.5rem;
    --md-chip-icon-margin-left: -0.5rem;
    --md-chip-icon-margin-right: 0.5rem;
    --md-chip-dismiss-btn-margin-left: 0.5rem;
    --md-chip-dismiss-btn-margin-right: -0.75rem;
    --md-chip-sm-border-radius: 0.375rem;
    --md-chip-sm-font-size: 0.8em;
    --md-chip-sm-height: 1.56rem;
    --md-chip-sm-padding-x: 0.75rem;
    --md-chip-sm-padding-y: 0;
    --md-chip-md-border-radius: 0.5rem;
    --md-chip-md-font-size: 0.9em;
    --md-chip-md-height: 2rem;
    --md-chip-md-padding-x: 1rem;
    --md-chip-md-padding-y: 0;
    --md-chip-lg-border-radius: 0.75rem;
    --md-chip-lg-font-size: 1.2em;
    --md-chip-lg-height: 3rem;
    --md-chip-lg-padding-x: 1.5rem;
    --md-chip-lg-padding-y: 0;
    --md-chip-state-bg: var(--md-chip-bg);
    --md-chip-state-color: var(--md-chip-color);
    --md-chip-state-border-color: var(--md-chip-border-color);
    --md-chip-state-icon-color: var(--md-chip-icon-color);
    --md-chip-state-border-radius: var(--md-chip-md-border-radius);
    --md-chip-state-font-size: var(--md-chip-md-font-size);
    --md-chip-state-height: var(--md-chip-md-height);
    --md-chip-state-padding-x: var(--md-chip-md-padding-x);
    --md-chip-state-padding-y: var(--md-chip-md-padding-y);
    border-radius: var(--md-chip-state-border-radius);
    background-color: var(--md-chip-state-bg);
    border: var(--md-chip-border-width) solid var(--md-chip-state-border-color);
    margin: var(--md-chip-gutter-y) var(--md-chip-gutter-x) var(--md-chip-gutter-y) 0;
    font-size: var(--md-chip-state-font-size);
    font-weight: var(--md-chip-font-weight);
    height: var(--md-chip-state-height);
    cursor: default;
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    transition-duration: 0.3s;
    transition-property: all, opacity;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .md-chip:not(.disabled):not(.readonly):hover {
    --md-chip-state-bg: var(--md-chip-hover-bg);
    --md-chip-state-color: var(--md-chip-hover-color);
    --md-chip-state-border-color: var(--md-chip-hover-border-color);
    font-weight: var(--md-chip-font-weight);
    box-shadow: 0 1px 2px 0 oklch(31.7% 0 89.876deg / 0.25), 0 2px 4px 2px oklch(14.5% 0 89.876deg / 0.05);
  }
  .md-chip:not(.disabled):not(.readonly).active, .md-chip:not(.disabled):not(.readonly).focused, .md-chip:not(.disabled):not(.readonly):focus, .md-chip:not(.disabled):not(.readonly):focus-visible {
    --md-chip-state-bg: var(--md-chip-active-bg);
    --md-chip-state-color: var(--md-chip-active-color);
    --md-chip-state-border-color: var(--md-chip-active-border-color);
  }
  .md-chip:not(.disabled):not(.readonly).active > .md-chip-content .md-chip-icon, .md-chip:not(.disabled):not(.readonly).focused > .md-chip-content .md-chip-icon, .md-chip:not(.disabled):not(.readonly):focus > .md-chip-content .md-chip-icon, .md-chip:not(.disabled):not(.readonly):focus-visible > .md-chip-content .md-chip-icon {
    --md-chip-state-icon-color: var(--md-chip-active-icon-color);
  }
  .md-chip:not(.disabled):not(.readonly).active[class*=chip-outline]:hover, .md-chip:not(.disabled):not(.readonly).focused[class*=chip-outline]:hover, .md-chip:not(.disabled):not(.readonly):focus[class*=chip-outline]:hover, .md-chip:not(.disabled):not(.readonly):focus-visible[class*=chip-outline]:hover {
    --md-chip-state-border-color: var(--md-chip-hover-border-color);
  }
  .md-chip:not(.disabled):not(.readonly):focus-visible {
    --md-chip-state-border-color: var(--md-chip-focus-border-color);
    box-shadow: 0 0 0 3px var(--md-chip-focus-shadow-color);
  }
  .md-chip.readonly {
    opacity: var(--md-chip-readonly-opacity);
  }
  .md-chip.disabled {
    --md-chip-state-bg: var(--md-chip-disabled-bg);
    --md-chip-state-color: var(--md-chip-disabled-color);
    --md-chip-state-icon-color: var(--md-chip-disabled-icon-color);
    --md-chip-state-border-color: var(--md-chip-disabled-border-color);
    opacity: var(--md-chip-disabled-opacity);
  }
  .md-chip > .md-chip-content {
    --md-chip-inner-border-radius: calc(var(--md-chip-state-border-radius) - 1px);
    border-radius: var(--md-chip-inner-border-radius);
    padding: var(--md-chip-state-padding-y) var(--md-chip-state-padding-x);
  }
  .md-chip > .md-chip-content > .md-chip-text > .caret-up:last-child,
  .md-chip > .md-chip-content > .md-chip-text > .caret-down:last-child {
    margin-right: -0.25rem;
    margin-left: 0.65rem;
  }
  .md-chip > .md-chip-content .md-chip-icon {
    color: var(--md-chip-state-icon-color);
  }
  .md-chip > .md-chip-content > .md-chip-avatar {
    margin-left: var(--md-chip-avatar-margin-left);
    margin-right: var(--md-chip-avatar-margin-right);
    transition: visibility 0.3s cubic-bezier(0.4, 0, 1, 1);
  }
  .md-chip > .md-chip-content > .md-chip-avatar > img {
    border-radius: var(--md-chip-inner-border-radius);
  }
  .md-chip > .md-chip-content > .md-chip-avatar.md-chip-avatar-bounded {
    margin-left: calc(var(--md-chip-state-padding-x) * -1);
  }
  .md-chip > .md-chip-content > .md-chip-icon {
    margin-left: var(--md-chip-icon-margin-left);
    margin-right: var(--md-chip-icon-margin-right);
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-chip > .md-chip-content > .md-chip-icon.order-1 {
    margin-left: 0.5rem;
    margin-right: -0.125rem;
    order: 1;
  }
  .md-chip > .md-chip-content > .md-chip-icon.md-empty-icon {
    width: 0;
  }
  .md-chip > .md-chip-content > .md-chip-icon:not(.md-empty-icon):not(.order-1) ~ .md-chip-avatar {
    margin-left: 0;
  }
  .md-chip.md-chip-sm {
    --md-chip-state-border-radius: var(--md-chip-sm-border-radius);
    --md-chip-state-height: var(--md-chip-sm-height);
    --md-chip-state-padding-x: var(--md-chip-sm-padding-x);
    --md-chip-state-padding-y: var(--md-chip-sm-padding-y);
    --md-chip-state-font-size: var(--md-chip-sm-font-size);
  }
  .md-chip.md-chip-sm > .md-chip-content {
    --md-chip-avatar-margin-left: -0.5rem;
    --md-chip-dismiss-btn-margin-right: -0.65rem;
  }
  .md-chip.md-chip-sm .md-btn-icon {
    --md-btn-xs-height: 1.125rem;
    --md-btn-xs-width: 1.125rem;
  }
  .md-chip.md-chip-lg {
    --md-chip-state-border-radius: var(--md-chip-lg-border-radius);
    --md-chip-state-height: var(--md-chip-lg-height);
    --md-chip-state-padding-x: var(--md-chip-lg-padding-x);
    --md-chip-state-padding-y: var(--md-chip-lg-padding-y);
    --md-chip-state-font-size: var(--md-chip-lg-font-size);
  }
  .md-chip.md-chip-lg > .md-chip-content {
    --md-chip-avatar-margin-left: -1.125rem;
    --md-chip-icon-margin-left: -0.625rem;
    --md-chip-dismiss-btn-margin-right: -1rem;
  }
  .md-chip.md-chip-lg > .md-chip-content > .md-chip-icon.order-1 {
    margin-right: calc((var(--md-chip-icon-margin-right) + 0.125rem) * -1);
  }
  .md-chip:not(.md-chip-lg):not(.md-chip-sm) .md-btn-icon {
    --md-btn-sm-height: 1.375rem;
    --md-btn-sm-width: 1.375rem;
  }
  .md-chip.chip-rounded-pill {
    --md-chip-state-border-radius: var(--md-radius-pill);
  }
  .md-chip[class*=chip-outline].md-chip-sm .md-chip-avatar:not(.md-chip-avatar-bounded) {
    margin-left: calc(var(--md-chip-avatar-margin-left) - 1px);
  }
  .md-dropdown-menu-activator > .md-chip {
    margin-right: 0;
    margin-left: 0;
  }
}
.md-chip,
a.md-chip {
  color: var(--md-chip-state-color);
  outline: none;
  text-decoration: none;
}
.md-chip:not(.disabled):not(.readonly):hover,
a.md-chip:not(.disabled):not(.readonly):hover {
  text-decoration: none;
  color: var(--md-chip-hover-color);
}
.md-chip .md-btn-icon,
a.md-chip .md-btn-icon {
  margin-left: var(--md-chip-dismiss-btn-margin-left);
  margin-right: var(--md-chip-dismiss-btn-margin-right);
}

@layer components {
  .md-chip-group-slider {
    contain: content;
    overflow: auto hidden;
  }
  .md-chip-group-slider > .md-chip-group-content {
    flex: 1 0 auto;
    padding: 0.25rem;
    white-space: nowrap;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .md-chip-group {
    flex: 0 1 auto;
  }
  .md-chip-group > .md-chip-slide-prev,
  .md-chip-group > .md-chip-slide-next {
    display: none;
  }
  .md-chip-group > .md-chip-slide-prev > .md-btn-icon,
  .md-chip-group > .md-chip-slide-next > .md-btn-icon {
    --md-btn-disabled-bg: transparent;
    --md-btn-disabled-border-color: transparent;
  }
  @media (min-width: 992px) {
    .md-chip-group > .md-chip-slide-prev,
    .md-chip-group > .md-chip-slide-next {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 1 52px;
      min-width: 52px;
    }
  }
  .md-chip-group.md-chip-group-column .md-chip-group-content {
    flex-wrap: wrap;
    max-width: 100%;
    white-space: normal;
  }
  @media (min-width: 992px) {
    .md-chip-group > .md-chip-group-slider {
      overflow: hidden;
    }
  }
}
@layer components {
  .md-field {
    --md-field-border-width: 1px;
    --md-field-border-color: oklch(81.4% 0.013 247.949deg);
    --md-field-border-radius: 0.5rem;
    --md-field-hover-border-color: currentColor;
    --md-field-active-border-width: 2px;
    --md-field-active-border-color: var(--md-field-active-indicator);
    --md-field-color-bg: currentColor;
    --md-field-outline-bg: transparent;
    --md-field-outline-hover-bg: transparent;
    --md-field-outline-focus-bg: transparent;
    --md-field-outline-border-radius: var(--md-field-border-radius);
    --md-field-control-height: 3.5rem;
    --md-field-label-color: currentColor;
    --md-field-label-font-weight: var(--font-weight-medium);
    --md-field-inline-text-font-weight: var(--font-weight-medium);
    --md-field-floating-label-color: var(--md-field-label-color);
    --md-field-padding-start: 1rem;
    --md-field-padding-end: 1rem;
    --md-field-padding-top: 1.625rem;
    --md-field-padding-bottom: 0.375rem;
    --md-field-classic-padding-top: 0.5rem;
    --md-field-classic-padding-bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .md-field > .md-field-wrapper {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  .md-field > .md-field-wrapper .md-action-icon,
  .md-field > .md-field-wrapper .md-validation-icon,
  .md-field > .md-field-wrapper .md-prepend-inner,
  .md-field > .md-field-wrapper .md-prepend-outer,
  .md-field > .md-field-wrapper .md-append-inner,
  .md-field > .md-field-wrapper .md-append-outer {
    display: inline-flex;
  }
  .md-field > .md-field-wrapper .md-action-icon > .md-icon,
  .md-field > .md-field-wrapper .md-validation-icon > .md-icon,
  .md-field > .md-field-wrapper .md-prepend-inner > .md-icon,
  .md-field > .md-field-wrapper .md-prepend-outer > .md-icon,
  .md-field > .md-field-wrapper .md-append-inner > .md-icon,
  .md-field > .md-field-wrapper .md-append-outer > .md-icon {
    margin-top: 1rem;
  }
  .md-field > .md-field-wrapper .md-prepend-inner .md-text,
  .md-field > .md-field-wrapper .md-prepend-outer .md-text,
  .md-field > .md-field-wrapper .md-append-inner .md-text,
  .md-field > .md-field-wrapper .md-append-outer .md-text {
    font-size: 0.88rem;
    white-space: nowrap;
  }
  .md-field > .md-field-wrapper .md-validation-icon,
  .md-field > .md-field-wrapper .md-prepend-inner,
  .md-field > .md-field-wrapper .md-prepend-outer,
  .md-field > .md-field-wrapper .md-append-inner,
  .md-field > .md-field-wrapper .md-append-outer {
    opacity: 0.65;
  }
  .md-field > .md-field-wrapper .md-prepend-outer {
    margin-right: 1rem;
  }
  .md-field > .md-field-wrapper .md-append-outer {
    margin-left: 1rem;
  }
  .md-field > .col-form-label {
    color: var(--md-field-label-color);
    padding-top: var(--md-field-classic-padding-top);
    padding-bottom: var(--md-field-classic-padding-bottom);
    margin-bottom: 0;
  }
  .md-field.required > .col-form-label,
  .md-field.required .md-field-label {
    font-weight: var(--md-field-label-font-weight);
  }
  .md-field.readonly .md-prepend-inner,
  .md-field.readonly .md-append-inner {
    opacity: calc(var(--md-field-readonly-opacity) - 0.15);
  }
  .md-field.disabled > .col-form-label,
  .md-field.disabled .md-field-value {
    opacity: var(--md-field-disabled-opacity);
  }
  .md-field.disabled .md-prepend-inner,
  .md-field.disabled .md-append-inner {
    opacity: calc(var(--md-field-disabled-opacity) - 0.05);
  }
  .md-field:not(.md-field-outlined):not(.md-field-filled) .md-action-icon > [class*=-icon],
  .md-field:not(.md-field-outlined):not(.md-field-filled) .md-append-outer > [class*=-icon],
  .md-field:not(.md-field-outlined):not(.md-field-filled) .md-prepend-outer > [class*=-icon],
  .md-field:not(.md-field-outlined):not(.md-field-filled) .md-append-inner > [class*=-icon],
  .md-field:not(.md-field-outlined):not(.md-field-filled) .md-prepend-inner > [class*=-icon] {
    margin-top: 1.375rem;
  }
  .md-field[data-floating-label=false] > .md-field-wrapper .md-prepend-outer > .md-icon,
  .md-field[data-floating-label=false] > .md-field-wrapper .md-append-outer > .md-icon {
    margin-top: 0.5rem;
  }
  .md-field.md-checkbox-group, .md-field.md-radio-group {
    --md-field-padding-start: 0;
  }
  .md-field .md-field-feedback {
    padding: 0.25rem var(--md-field-padding-start) 0 var(--md-field-padding-start);
    min-height: 1.56rem;
  }
  .md-field .md-field-feedback .md-help-text {
    opacity: 0.65;
  }
  .md-field-control {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    max-width: 100%;
  }
  .md-field-control .md-field-activator {
    display: flex;
    align-items: flex-start;
    flex: 1 1;
    flex-basis: 0;
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
    outline: none;
    position: relative;
  }
  .md-field-control .md-field-activator > input,
  .md-field-control .md-field-activator > textarea {
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-field-control .md-field-activator > input::placeholder,
  .md-field-control .md-field-activator > textarea::placeholder {
    color: currentColor;
    font-weight: 300;
    opacity: 0.65;
  }
  .md-field-control .md-field-activator > input:-ms-input-placeholder,
  .md-field-control .md-field-activator > textarea:-ms-input-placeholder {
    color: currentColor;
    font-weight: 300;
    opacity: 0.65;
  }
  .md-field-control .md-field-activator > input,
  .md-field-control .md-field-activator > textarea {
    background-color: transparent;
    border-width: 0;
    color: inherit;
    font-size: inherit;
    outline: 0 none;
    opacity: 0.5;
    width: 100%;
    min-height: var(--md-field-control-height);
  }
  .md-field-control .md-field-activator > .md-field-value,
  .md-field-control .md-field-activator > .md-field-placeholder {
    min-height: var(--md-field-control-height);
    padding-top: var(--md-field-padding-top);
    padding-bottom: var(--md-field-padding-bottom);
    padding-left: var(--md-field-padding-start);
    pointer-events: none;
  }
  .md-field-control .md-field-activator > .md-field-placeholder {
    color: currentColor;
    font-weight: var(--font-weight-light, 300);
    opacity: var(--md-field-readonly-opacity, 0.5);
  }
  .md-field-control .md-field-line-indicator {
    left: 0;
    right: 0;
    bottom: 0;
    height: var(--md-field-active-border-width);
    position: absolute;
    pointer-events: none;
  }
  .md-field-control .md-field-line-indicator:before {
    background-color: var(--md-field-border-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--md-field-border-width);
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-field-control .md-field-line-indicator:after {
    background-color: var(--md-field-active-border-color);
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: var(--md-field-active-border-width);
    transition: all 0.3s ease-in-out;
  }
  .md-field-control .md-field-outline-indicator {
    border-radius: var(--md-field-outline-border-radius);
    display: flex;
    flex: 1 1 auto;
    left: 0;
    right: 0;
    height: 100%;
    position: absolute;
    pointer-events: none;
  }
  .md-field-control .md-field-outline-indicator > .md-field-outline-start {
    border-top-left-radius: var(--md-field-outline-border-radius);
    border-bottom-left-radius: var(--md-field-outline-border-radius);
    border: var(--md-field-outline-border-width) solid var(--md-field-outline-border-color);
    border-width: var(--md-field-outline-border-width) 0 var(--md-field-outline-border-width) var(--md-field-outline-border-width);
    opacity: var(--md-field-outline-opacity);
    display: inline-flex;
    width: 0.75rem;
  }
  .md-field-control .md-field-outline-indicator > .md-field-outline-label {
    border: var(--md-field-outline-border-width) solid var(--md-field-outline-border-color);
    border-width: 0 0 var(--md-field-outline-border-width) 0;
    opacity: var(--md-field-outline-opacity);
    color: var(--md-field-floating-label-color);
    display: none;
    margin-top: -12px;
    padding: 0.15rem 0.25rem;
    font-size: 85%;
  }
  .md-field-control .md-field-outline-indicator > .md-field-outline-label > label {
    opacity: var(--md-field-outline-label-opacity);
  }
  .md-field-control .md-field-outline-indicator > .md-field-outline-end {
    border-top-right-radius: var(--md-field-outline-border-radius);
    border-bottom-right-radius: var(--md-field-outline-border-radius);
    border: var(--md-field-outline-border-width) solid var(--md-field-outline-border-color);
    border-width: var(--md-field-outline-border-width) var(--md-field-outline-border-width) var(--md-field-outline-border-width) 0;
    opacity: var(--md-field-outline-opacity);
    flex: 1 1 auto;
  }
  .md-field-control > .md-field-inner {
    display: flex;
    flex: 1 1 auto;
    position: relative;
    outline: 0 none;
  }
  .md-field-control > .md-field-inner:focus-visible {
    outline: 0 none;
  }
  .md-field-control > .md-field-inner .md-field-prefix,
  .md-field-control > .md-field-inner .md-field-suffix {
    opacity: 0.65;
    font-weight: var(--md-field-inline-text-font-weight);
    padding-top: var(--md-field-padding-top);
    white-space: nowrap;
  }
  .md-field-control > .md-field-inner .md-field-prefix {
    padding-left: var(--md-field-padding-start);
  }
  .md-field-control > .md-field-inner .md-field-suffix {
    padding-right: var(--md-field-padding-end);
  }
  .md-field-control > .md-field-inner > .md-prepend-inner {
    margin-left: 0.75rem;
  }
  .md-field-control > .md-field-inner > .md-validation-icon,
  .md-field-control > .md-field-inner > .md-append-inner {
    margin-right: 0.75rem;
  }
  .md-field-control > .md-field-inner > .md-action-icon > .md-icon,
  .md-field-control > .md-field-inner > .md-action-icon > .md-toggle-icon,
  .md-field-control > .md-field-inner > .md-action-icon .md-btn,
  .md-field-control > .md-field-inner > .md-action-icon .md-btn-icon {
    cursor: pointer;
    opacity: 0.6;
  }
  .md-field-control > .md-field-inner > .md-action-icon > .md-icon:hover,
  .md-field-control > .md-field-inner > .md-action-icon > .md-toggle-icon:hover,
  .md-field-control > .md-field-inner > .md-action-icon .md-btn:hover,
  .md-field-control > .md-field-inner > .md-action-icon .md-btn-icon:hover {
    opacity: 1;
  }
  .md-field-control > .md-field-inner > .md-action-icon > .md-icon ~ .md-icon,
  .md-field-control > .md-field-inner > .md-action-icon > .md-icon ~ .md-toggle-icon,
  .md-field-control > .md-field-inner > .md-action-icon > .md-toggle-icon ~ .md-icon {
    margin-left: 0.5rem;
  }
  .md-field-control.active:not(.disabled) .md-field-activator > input,
  .md-field-control.active:not(.disabled) .md-field-activator > textarea, .md-field-control.focused:not(.disabled) .md-field-activator > input,
  .md-field-control.focused:not(.disabled) .md-field-activator > textarea {
    opacity: 1;
  }
  .md-field-control:not(.md-field-outlined):not(.disabled):hover .md-field-line-indicator:before {
    background-color: var(--md-field-hover-border-color);
  }
  .md-field-control:not(.md-field-outlined).focused .md-field-line-indicator:after {
    left: 0;
    width: 100%;
  }
  .md-field-control:not(.md-field-outlined).disabled .md-field-line-indicator:before {
    opacity: var(--md-field-disabled-opacity);
  }
  .md-field-control.md-floating-label {
    --md-field-floating-label-opacity: 0.65;
    --md-field-floating-label-transform: translateY(-8px) scale(0.85);
  }
  .md-field-control.md-floating-label .md-field-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: var(--md-field-floating-label-opacity);
    color: var(--md-field-floating-label-color);
    transition: 0.25s cubic-bezier(0.25, 0.8, 0.5, 1);
    transform-origin: top left;
    display: inline-flex;
    align-items: center;
    top: 0;
    right: auto;
    left: var(--md-field-padding-start);
    height: 100%;
    max-width: 90%;
    position: absolute;
    pointer-events: none;
    z-index: 2;
  }
  .md-field-control.md-floating-label.active .md-field-label {
    transform: var(--md-field-floating-label-transform);
  }
  .md-field-control.md-floating-label.focused {
    --md-field-floating-label-color: var(--md-field-active-border-color);
    --md-field-floating-label-opacity: 1;
  }
  .md-field-control.md-floating-label.focused .md-field-label {
    transform: var(--md-field-floating-label-transform);
  }
  .md-field-control.md-floating-label.disabled {
    --md-field-floating-label-opacity: calc(var(--md-field-disabled-opacity) - 0.15);
  }
  .md-field-control.md-field-filled {
    --md-field-overlay-opacity: 0.04;
  }
  .md-field-control.md-field-filled .md-field-overlay {
    border-top-left-radius: var(--md-field-border-radius);
    border-top-right-radius: var(--md-field-border-radius);
    background-color: var(--md-field-color-bg);
    opacity: var(--md-field-overlay-opacity);
    transition: opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
  }
  .md-field-control.md-field-filled .md-field-activator > input {
    border-top-left-radius: var(--md-field-border-radius);
    border-top-right-radius: var(--md-field-border-radius);
  }
  .md-field-control.md-field-filled:not(.disabled):not(.focused):hover {
    --md-field-overlay-opacity: 0.08;
  }
  .md-field-control.md-field-filled.focused {
    --md-field-overlay-opacity: 0.15;
  }
  .md-field-control.md-field-filled.disabled {
    --md-field-overlay-opacity: 0.02;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field:not(.prepend-icon), .md-field-control.md-field-filled.md-field-rounded.md-numeric-field:not(.prepend-icon) {
    --md-field-padding-start: 1.75rem;
    --md-field-padding-end: 1.5rem;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field:not(.prepend-icon):not(.md-floating-label), .md-field-control.md-field-filled.md-field-rounded.md-numeric-field:not(.prepend-icon):not(.md-floating-label) {
    --md-field-padding-start: 1.375rem;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field .md-field-overlay, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field .md-field-overlay {
    border-radius: var(--md-radius-pill);
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field .md-field-line-indicator, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field .md-field-line-indicator {
    border-radius: var(--md-radius-pill);
    height: 100%;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field .md-field-line-indicator:before, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field .md-field-line-indicator:before {
    border-radius: var(--md-radius-pill);
    border: var(--md-field-state-border-width) solid var(--md-field-active-border-color);
    background-color: transparent;
    opacity: 1;
    height: 100%;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field .md-field-line-indicator:after, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field .md-field-line-indicator:after {
    background-color: transparent;
    left: 0;
    width: 0;
    height: 100%;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field > .md-field-inner, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field > .md-field-inner {
    --md-field-state-border-width: 0;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field > .md-field-inner > .md-prepend-inner, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field > .md-field-inner > .md-prepend-inner {
    margin-left: 1rem;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field > .md-field-inner > .md-action-icon:last-child,
  .md-field-control.md-field-filled.md-field-rounded.md-text-field > .md-field-inner > .md-append-inner:last-child, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field > .md-field-inner > .md-action-icon:last-child,
  .md-field-control.md-field-filled.md-field-rounded.md-numeric-field > .md-field-inner > .md-append-inner:last-child {
    margin-right: 1rem;
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field > .md-field-inner input, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field > .md-field-inner input {
    border-radius: var(--md-radius-pill);
  }
  .md-field-control.md-field-filled.md-field-rounded.md-text-field.focused > .md-field-inner, .md-field-control.md-field-filled.md-field-rounded.md-numeric-field.focused > .md-field-inner {
    --md-field-state-border-width: var(--md-field-active-border-width);
  }
  .md-field-control.md-field-outlined {
    --md-field-padding-top: 1rem;
    --md-field-padding-bottom: 1rem;
    --md-field-outline-border-color: var(--md-field-border-color);
    --md-field-outline-border-width: var(--md-field-border-width);
    --md-field-outline-label-opacity: 0.65;
    --md-field-outline-opacity: 1;
    background-color: var(--md-field-outline-bg);
    border-radius: var(--md-field-outline-border-radius);
  }
  .md-field-control.md-field-outlined > .md-field-inner input {
    border-radius: var(--md-field-outline-border-radius);
  }
  .md-field-control.md-field-outlined:not(.disabled):not(.focused):hover {
    background-color: var(--md-field-outline-hover-bg);
  }
  .md-field-control.md-field-outlined:not(.disabled):not(.focused):hover .md-field-outline-indicator {
    --md-field-outline-border-color: var(--md-field-hover-border-color);
  }
  .md-field-control.md-field-outlined.active, .md-field-control.md-field-outlined.focused {
    --md-field-floating-label-transform: translateY(-25px) scale(0.85);
  }
  .md-field-control.md-field-outlined.active .md-field-label, .md-field-control.md-field-outlined.focused .md-field-label {
    opacity: 0;
    visibility: hidden;
  }
  .md-field-control.md-field-outlined.active.prepend-icon, .md-field-control.md-field-outlined.focused.prepend-icon {
    --md-field-floating-label-transform: translateY(-26px) translateX(-36px) scale(0.85);
  }
  .md-field-control.md-field-outlined.active .md-field-outline-indicator > .md-field-outline-label, .md-field-control.md-field-outlined.focused .md-field-outline-indicator > .md-field-outline-label {
    display: inline-flex;
  }
  .md-field-control.md-field-outlined.focused {
    --md-field-outline-label-opacity: 1;
    background-color: var(--md-field-outline-focus-bg);
  }
  .md-field-control.md-field-outlined.focused .md-field-outline-indicator {
    --md-field-floating-label-color: var(--md-field-active-border-color);
    --md-field-outline-border-width: var(--md-field-active-border-width);
    --md-field-outline-border-color: var(--md-field-active-border-color);
    --md-field-outline-opacity: 1;
  }
  .md-field-control.md-field-outlined.disabled {
    --md-field-outline-opacity: var(--md-field-disabled-opacity);
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field {
    --md-field-outline-border-radius: 50rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field:not(.prepend-icon), .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field:not(.prepend-icon) {
    --md-field-padding-start: 1.75rem;
    --md-field-padding-end: 1.5rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field:not(.prepend-icon):not(.md-floating-label), .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field:not(.prepend-icon):not(.md-floating-label) {
    --md-field-padding-start: 1.375rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field .md-field-outline-indicator > .md-field-outline-start, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field .md-field-outline-indicator > .md-field-outline-start {
    width: 1.75rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field > .md-field-inner > .md-prepend-inner, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field > .md-field-inner > .md-prepend-inner {
    margin-left: 1rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field > .md-field-inner > .md-append-inner, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field > .md-field-inner > .md-append-inner {
    margin-right: 1rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field > .md-field-inner > .md-field-activator + .md-action-icon, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field > .md-field-inner > .md-field-activator + .md-action-icon {
    margin-right: 1rem;
  }
  .md-field-control.md-field-outlined.md-field-rounded.md-text-field > .md-field-inner > .md-field-activator + .md-action-icon + .md-append-inner, .md-field-control.md-field-outlined.md-field-rounded.md-numeric-field > .md-field-inner > .md-field-activator + .md-action-icon + .md-append-inner {
    margin-left: -0.25rem;
  }
  .md-field-control.md-field-outlined .md-field-activator + .md-action-icon, .md-field-control.md-field-filled .md-field-activator + .md-action-icon {
    margin-right: 0.75rem;
  }
  .md-field-control.md-field-outlined.active .md-field-activator.has-prepend-icon input, .md-field-control.md-field-outlined.active .md-field-activator.has-prefix input, .md-field-control.md-field-filled.active .md-field-activator.has-prepend-icon input, .md-field-control.md-field-filled.active .md-field-activator.has-prefix input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .md-field-control.md-field-outlined.active .md-field-activator.has-append-icon input, .md-field-control.md-field-outlined.active .md-field-activator.has-suffix input, .md-field-control.md-field-filled.active .md-field-activator.has-append-icon input, .md-field-control.md-field-filled.active .md-field-activator.has-suffix input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .md-field-control.md-field-outlined .md-field-prefix + input, .md-field-control.md-field-filled .md-field-prefix + input {
    padding-inline-start: 0.375rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) {
    --md-field-padding-start: 0;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) .md-field-activator.has-append-icon + .md-action-icon {
    margin-right: 0.75rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled):not(.append-icon) {
    --md-field-padding-end: 0;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled):not(.append-icon) .md-field-suffix {
    padding-left: 0.625rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) .md-field-prefix {
    padding-right: 0.625rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) .md-prepend-inner {
    margin-left: 0;
    margin-right: 1rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) .md-append-inner {
    margin-right: 0;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled) .md-action-icon:last-child {
    margin-right: 0;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled).md-floating-label .md-field-label {
    top: 0.375rem;
  }
  .md-field-control:not(.md-field-outlined):not(.md-field-filled).active, .md-field-control:not(.md-field-outlined):not(.md-field-filled).focused {
    --md-field-floating-label-transform: translateY(-16px) scale(0.85);
  }
  .md-field-control:not(.md-floating-label) {
    --md-field-control-height: 2.5rem;
    --md-field-padding-top: 0.375rem;
  }
  .md-field-control:not(.md-floating-label).md-field-outlined {
    --md-field-padding-top: var(--md-field-classic-padding-top);
    --md-field-padding-bottom: var(--md-field-classic-padding-bottom);
  }
  .md-field-control:not(.md-floating-label).md-field-outlined .md-field-outline-indicator > .md-field-outline-label {
    display: none;
  }
  .md-field-control:not(.md-floating-label) > .md-field-inner > .md-prepend-inner > .md-icon,
  .md-field-control:not(.md-floating-label) > .md-field-inner > .md-append-inner > .md-icon {
    margin-top: 0;
  }
  .md-field-control:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-icon,
  .md-field-control:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-toggle-icon {
    margin-top: 0;
  }
  .md-textarea {
    --md-field-control-height: 3rem;
    --md-field-padding-top: 1.875rem;
  }
  .md-textarea.md-textarea-autogrow .md-field-activator {
    align-items: normal;
    display: grid;
  }
  .md-textarea.md-textarea-autogrow .md-field-activator::after {
    content: attr(data-clone) " ";
    font: inherit;
    white-space: pre-wrap;
    visibility: hidden;
    margin: var(--md-field-padding-top) 0 0 0;
    padding: 0 var(--md-field-padding-end) var(--md-field-padding-bottom) var(--md-field-padding-start);
    grid-area: 1/1/2/2;
  }
  .md-textarea.md-floating-label .md-field-label {
    align-items: flex-start;
    top: 1rem;
  }
  .md-textarea:not(.md-field-outlined):not(.md-field-filled).md-floating-label .md-field-label {
    top: 1.5rem;
  }
  .md-textarea:not(.md-floating-label) > .md-field-inner > .md-prepend-inner > .md-icon,
  .md-textarea:not(.md-floating-label) > .md-field-inner > .md-append-inner > .md-icon {
    margin-top: 0.75rem;
  }
  .md-textarea:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-icon,
  .md-textarea:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-toggle-icon {
    margin-top: 0.75rem;
  }
  .md-field.has-success {
    --md-field-border-color: oklch(60.22% 0.12 156.93deg / 0.75);
    --md-field-hover-border-color: oklch(55.22% 0.12 156.93deg);
    --md-field-active-border-color: oklch(55.22% 0.12 156.93deg);
    --md-field-floating-label-color: oklch(55.22% 0.12 156.93deg);
  }
  .md-field.has-error {
    --md-field-border-color: oklch(74.15% 0.2 21.24deg / 0.75);
    --md-field-hover-border-color: oklch(59.15% 0.2 21.24deg);
    --md-field-active-border-color: oklch(51.15% 0.2 21.24deg);
    --md-field-floating-label-color: oklch(51.15% 0.2 21.24deg);
  }
  .md-field.has-success .md-field-control.md-field-outlined, .md-field.has-error .md-field-control.md-field-outlined {
    --md-field-outline-label-opacity: 1;
  }
  [data-component=toggle-field] {
    --md-field-padding-start: 0.25rem;
  }
  .field-feedback-enter-active,
  .field-feedback-leave-active {
    transition: 0.15s ease;
  }
  .field-feedback-enter-from,
  .field-feedback-leave-to {
    transform: translateY(-6px);
    transition: opacity 0.1s, transform 0.15s ease-out;
  }
}
.md-field-control .md-field-activator > input {
  padding-inline-start: var(--md-field-padding-start);
  padding-inline-end: var(--md-field-padding-end);
  padding-top: var(--md-field-padding-top);
  padding-bottom: var(--md-field-padding-bottom);
}

.md-textarea .md-field-activator > textarea {
  margin: var(--md-field-padding-top) var(--md-field-padding-end) var(--md-field-padding-bottom) var(--md-field-padding-start);
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.md-textarea.md-textarea-noresize .md-field-activator > textarea {
  resize: none;
}
.md-textarea.md-textarea-autogrow .md-field-activator > textarea {
  margin: var(--md-field-padding-top) 0 0 0;
  padding: 0 var(--md-field-padding-end) var(--md-field-padding-bottom) var(--md-field-padding-start);
  grid-area: 1/1/2/2;
  overflow-y: hidden;
}

@layer components {
  [data-component=chip-field][data-floating-label=false] .md-field-inner > .md-action-icon > .md-icon,
  [data-component=chip-field][data-floating-label=false] .md-field-inner > .md-append-inner > .md-icon,
  [data-component=chip-field][data-floating-label=false] .md-field-inner > .md-prepend-inner > .md-icon {
    align-self: flex-start;
    margin-top: 0.5rem;
  }
  [data-component=chip-field][data-floating-label=false].md-field-filled .md-append-outer > .md-icon,
  [data-component=chip-field][data-floating-label=false].md-field-filled .md-prepend-outer > .md-icon {
    margin-top: 0.8rem;
  }
  [data-component=chip-field][data-floating-label=false].md-field-outlined .md-action-icon > .md-icon,
  [data-component=chip-field][data-floating-label=false].md-field-outlined .md-append-outer > .md-icon,
  [data-component=chip-field][data-floating-label=false].md-field-outlined .md-append-inner > .md-icon,
  [data-component=chip-field][data-floating-label=false].md-field-outlined .md-prepend-outer > .md-icon,
  [data-component=chip-field][data-floating-label=false].md-field-outlined .md-prepend-inner > .md-icon {
    margin-top: 1rem;
  }
  [data-component=chip-field][data-floating-label=true].md-field-filled .md-action-icon > .md-icon,
  [data-component=chip-field][data-floating-label=true].md-field-filled .md-prepend-inner > .md-icon,
  [data-component=chip-field][data-floating-label=true].md-field-filled .md-prepend-outer > .md-icon,
  [data-component=chip-field][data-floating-label=true].md-field-filled .md-append-inner > .md-icon,
  [data-component=chip-field][data-floating-label=true].md-field-filled .md-append-outer > .md-icon {
    margin-top: 1.35rem;
  }
  .md-chip-field {
    --md-field-control-height: 2.5rem;
    --md-field-padding-top: 0;
    --md-field-padding-bottom: 0.25rem;
  }
  .md-chip-field > .md-field-inner > .md-field-activator {
    align-items: end;
    flex: 1 1 auto;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .md-chip-field .md-chip {
    --md-chip-gutter-y: 0.375rem;
    margin-top: 0;
  }
  .md-chip-field input {
    display: flex;
    flex: 1;
    min-width: 85px;
    max-width: 100%;
  }
  .md-chip-field.md-field-filled, .md-chip-field.md-field-outlined {
    --md-field-padding-start: 0;
    --md-field-padding-end: 0;
  }
  .md-chip-field.md-field-filled > .md-field-inner, .md-chip-field.md-field-outlined > .md-field-inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-chip-field.md-field-filled.append-icon > .md-field-inner, .md-chip-field.md-field-outlined.append-icon > .md-field-inner {
    padding-right: 0;
  }
  .md-chip-field.md-field-filled.append-icon .md-action-icon,
  .md-chip-field.md-field-filled.append-icon .md-append-inner, .md-chip-field.md-field-outlined.append-icon .md-action-icon,
  .md-chip-field.md-field-outlined.append-icon .md-append-inner {
    margin-left: 0.75rem;
  }
  .md-chip-field.md-field-filled.append-icon .md-action-icon + .md-append-inner, .md-chip-field.md-field-outlined.append-icon .md-action-icon + .md-append-inner {
    margin-left: 0;
  }
  .md-chip-field.md-field-filled.prepend-icon > .md-field-inner, .md-chip-field.md-field-outlined.prepend-icon > .md-field-inner {
    padding-left: 0;
  }
  .md-chip-field.md-field-filled.prepend-icon .md-prepend-inner, .md-chip-field.md-field-outlined.prepend-icon .md-prepend-inner {
    margin-right: 0.75rem;
  }
  .md-chip-field.md-field-filled .md-field-feedback, .md-chip-field.md-field-outlined .md-field-feedback {
    --md-field-padding-start: 1rem;
  }
  .md-chip-field.md-field-filled:not(.md-floating-label) {
    --md-field-padding-bottom: 0.65rem;
  }
  .md-chip-field.md-field-filled > .md-field-inner {
    padding-top: 0.375rem;
    padding-bottom: 0;
  }
  .md-chip-field.md-field-outlined {
    --md-field-padding-bottom: 0.375rem;
    --md-field-padding-top: 0;
  }
  .md-chip-field.md-field-outlined:not(.md-floating-label) {
    --md-field-padding-top: 0.125rem;
  }
  .md-chip-field.md-field-outlined > .md-field-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-chip-field.md-field-outlined .md-field-activator {
    margin-top: 0.65rem;
    margin-bottom: 0.25rem;
  }
  .md-chip-field.md-floating-label .md-field-label {
    height: auto;
  }
  .md-chip-field.md-floating-label.md-field-filled {
    --md-field-floating-label-transform: translateY(-14px) scale(0.85);
  }
  .md-chip-field.md-floating-label.md-field-filled > .md-field-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md-chip-field.md-floating-label.md-field-filled .md-field-activator {
    margin-top: 1.5rem;
  }
  .md-chip-field.md-floating-label.md-field-filled .md-field-label {
    top: -0.35rem;
    left: 0;
  }
  .md-chip-field.md-floating-label.md-field-outlined {
    --md-field-floating-label-transform: translateY(-27px) scale(0.85);
  }
  .md-chip-field.md-floating-label.md-field-outlined > .md-field-inner {
    min-height: 56px;
  }
  .md-chip-field.md-floating-label.md-field-outlined .md-field-activator {
    margin-top: 0.75rem;
    margin-bottom: 0.375rem;
  }
  .md-chip-field.md-floating-label.md-field-outlined .md-field-label {
    top: 0.25rem;
  }
  .md-chip-field.md-floating-label.md-field-outlined.prepend-icon {
    --md-field-floating-label-transform: translateY(-27px) translateX(-36px) scale(0.85);
  }
  .md-chip-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-field-activator {
    margin-top: 1rem;
  }
  .md-chip-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled).active, .md-chip-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled).focused {
    --md-field-floating-label-transform: translateY(-28px) scale(0.85);
  }
}
@layer components {
  .md-numeric-field .md-field-overlay + .md-action-icon {
    margin-left: 0.75rem;
    margin-right: 0;
  }
  .md-numeric-field.md-field-outlined.readonly .md-field-suffix, .md-numeric-field.md-field-outlined.disabled .md-field-suffix, .md-numeric-field.md-field-filled.readonly .md-field-suffix, .md-numeric-field.md-field-filled.disabled .md-field-suffix {
    padding-right: 0.25rem;
  }
  .md-numeric-field:not(.md-field-outlined):not(.md-field-filled) .md-field-overlay + .md-action-icon {
    margin-left: 0;
    margin-right: 0.75rem;
  }
  .md-numeric-field .md-prepend-inner + .md-action-icon {
    margin-left: 0.5rem;
  }
  .md-numeric-field .md-action-icon .md-spin-down,
  .md-numeric-field .md-action-icon .md-spin-up,
  .md-numeric-field .md-action-icon .md-btn-icon {
    --md-btn-bg: transparent;
    --md-btn-border-color: transparent;
    --md-btn-active-border-color: transparent;
    --md-btn-hover-border-color: transparent;
    --md-btn-hover-box-shadow: none;
    --md-btn-color: var(--md-field-button-color);
    --md-btn-active-bg: var(--md-field-button-active-bg);
    --md-btn-active-color: var(--md-field-button-color);
    --md-btn-hover-bg: var(--md-field-button-hover-bg);
    --md-btn-hover-color: var(--md-field-button-hover-color);
  }
  .md-numeric-field .md-action-icon > .md-spin-button-left,
  .md-numeric-field .md-action-icon > .md-spin-button-right {
    width: 1.5rem;
    margin-top: 0.3rem;
    margin-bottom: 0.15rem;
  }
  .md-numeric-field .md-action-icon > .md-spin-button-left > .md-spin-down,
  .md-numeric-field .md-action-icon > .md-spin-button-left > .md-spin-up,
  .md-numeric-field .md-action-icon > .md-spin-button-right > .md-spin-down,
  .md-numeric-field .md-action-icon > .md-spin-button-right > .md-spin-up {
    --md-btn-border-radius: 0.25rem;
    height: 1.125rem;
    width: 1.5rem;
  }
  .md-numeric-field .md-action-icon > .md-spin-button-left > .md-spin-down,
  .md-numeric-field .md-action-icon > .md-spin-button-right > .md-spin-down {
    margin-left: 0;
  }
  .md-numeric-field .md-action-icon > .md-spin-button-left > .md-spin-down .caret-down,
  .md-numeric-field .md-action-icon > .md-spin-button-right > .md-spin-down .caret-down {
    margin-top: 0.25rem;
  }
  .md-numeric-field .md-action-icon > .md-spin-button-left > .md-spin-up .caret-up,
  .md-numeric-field .md-action-icon > .md-spin-button-right > .md-spin-up .caret-up {
    margin-top: 0.375rem;
  }
  .md-numeric-field .md-action-icon > .md-action-button-left .md-btn-icon + .md-btn-icon,
  .md-numeric-field .md-action-icon > .md-action-button-right .md-btn-icon + .md-btn-icon {
    margin-left: -0.25rem;
  }
  .md-numeric-field .md-action-icon > .md-icon + .md-spin-button-right,
  .md-numeric-field .md-action-icon > .md-icon + .md-action-button-right {
    margin-left: 0.5rem;
  }
  .md-numeric-field .md-action-icon + .md-append-inner {
    margin-left: -0.25rem;
  }
  .md-numeric-field:not(.md-floating-label) {
    --md-field-padding-top: 0.6rem;
  }
  .md-numeric-field:not(.md-floating-label).md-field-outlined {
    --md-field-padding-top: 0.6rem;
  }
  .md-numeric-field:not(.md-floating-label):not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-spin-button-left,
  .md-numeric-field:not(.md-floating-label):not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-spin-button-right {
    margin-top: 0;
  }
  .md-numeric-field.md-floating-label .md-action-icon > .md-spin-button-left,
  .md-numeric-field.md-floating-label .md-action-icon > .md-spin-button-right {
    margin-top: 0.625rem;
  }
  .md-numeric-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-spin-button-left,
  .md-numeric-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-spin-button-right {
    margin-top: 1rem;
  }
  .md-numeric-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-action-button-left,
  .md-numeric-field.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-action-icon > .md-action-button-right {
    margin-top: 0.75rem;
  }
  .md-numeric-field.md-floating-label.md-field-outlined:not(.prepend-icon) .md-action-icon + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-36px) scale(0.85);
  }
  .md-numeric-field.md-floating-label.md-field-outlined:not(.prepend-icon) .md-button-wrapper-left + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-72px) scale(0.85);
  }
  .md-numeric-field.md-floating-label.md-field-outlined:not(.prepend-icon) .md-button-wrapper-both + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-44px) scale(0.85);
  }
  .md-numeric-field.md-floating-label.md-field-outlined.prepend-icon .md-action-icon + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-68px) scale(0.85);
  }
  .md-numeric-field.md-floating-label.md-field-outlined.prepend-icon .md-button-wrapper-left + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-104px) scale(0.85);
  }
  .md-numeric-field.md-floating-label.md-field-outlined.prepend-icon .md-button-wrapper-both + .md-field-activator {
    --md-field-floating-label-transform: translateY(-25px) translateX(-76px) scale(0.85);
  }
}
@layer components {
  .md-field-searchbox {
    --md-searchbox-bg: oklch(0% 0 0deg / 0.025);
    --md-searchbox-color: currentColor;
    --md-searchbox-active-bg: oklch(100% 0 0deg);
    --md-searchbox-active-border-color: var(--md-field-active-indicator);
    --md-searchbox-border-color: oklch(0% 0 0deg / 0.07);
    --md-searchbox-border-width: thin;
    --md-searchbox-border-radius: var(--md-radius);
    --md-searchbox-font-size: var(--font-size-default, 1rem);
    --md-searchbox-font-weight: var(--font-weight-normal, 400);
    --md-searchbox-padding-x: 0.375rem;
    --md-searchbox-padding-y: 0.375rem;
    --md-searchbox-focused-shadow: color-mix(in oklch, var(--md-field-active-indicator), transparent 75%);
    --md-searchbox-state-bg: var(--md-searchbox-bg);
    --md-searchbox-state-border-color: var(--md-searchbox-border-color);
    --md-searchbox-state-opacity: 1;
    position: relative;
    width: 100%;
  }
  .md-field-searchbox .md-searchbox-inner {
    display: flex;
    column-gap: 0.25rem;
    align-items: center;
    transition: border-color all 0.3s ease-in-out, box-shadow all 0.3s ease-in-out;
    padding: var(--md-searchbox-padding-y) var(--md-searchbox-padding-x);
    background-color: var(--md-searchbox-state-bg);
    border: var(--md-searchbox-border-width) solid var(--md-searchbox-state-border-color);
    border-radius: var(--md-searchbox-border-radius);
    opacity: var(--md-searchbox-state-opacity);
    font-size: var(--md-searchbox-font-size);
    font-weight: var(--md-searchbox-font-weight);
    line-height: 1.5;
    position: relative;
    width: 100%;
  }
  .md-field-searchbox .md-searchbox-inner.focused {
    --md-searchbox-state-bg: var(--md-searchbox-active-bg);
    --md-searchbox-state-border-color: var(--md-searchbox-active-border-color);
    box-shadow: 0 0 0.1rem 0.2rem var(--md-searchbox-focused-shadow);
  }
  .md-field-searchbox .md-searchbox-inner.readonly {
    --md-searchbox-state-opacity: var(--md-field-readonly-opacity);
  }
  .md-field-searchbox .md-searchbox-inner.disabled {
    --md-searchbox-state-opacity: var(--md-field-disabled-opacity);
  }
  .dark .md-field-searchbox,
  .md-field-searchbox.md-searchbox-dark {
    --md-field-active-indicator: var(--md-field-accent-indicator);
    --md-searchbox-bg: oklch(0% 0 0deg / 0.15);
    --md-searchbox-color: oklch(94.2% 0.005 247.879deg);
    --md-searchbox-active-bg: oklch(0% 0 0deg / 0.35);
    --md-searchbox-border-color: oklch(100% 0 0deg / 0.12);
    --md-searchbox-focused-shadow: oklch(0.743 0.102 303.276 / 0.32);
  }
}
.md-searchbox-inner input::placeholder {
  color: currentColor;
  font-weight: 300;
  opacity: 0.65;
}
.md-searchbox-inner input:-ms-input-placeholder {
  color: currentColor;
  font-weight: 300;
  opacity: 0.65;
}
.md-searchbox-inner input {
  color: var(--md-searchbox-color);
  background: transparent;
  border: 0 transparent;
  font-size: inherit;
  width: 100%;
  outline: none;
  padding-left: 2px;
}
.md-searchbox-inner input:focus {
  outline: none;
}
.md-searchbox-inner label {
  display: block;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}

@layer components {
  .md-checkbox {
    --md-checkbox-size: 1.25rem;
    --md-checkbox-touch-size: 2.5rem;
    --md-checkbox-border-radius: 0.25rem;
    --md-checkbox-stroke: 0.125rem;
    --md-checkbox-margin: 0.5rem 1rem 0.5rem 0;
    --md-checkbox-indeterminate-width: 0.875rem;
    --md-checkbox-disabled-bg: transparent;
    --md-checkbox-unchecked-bg: transparent;
    --md-checkbox-unchecked-color: currentColor;
    --md-checkbox-disabled-opacity: var(--md-field-disabled-opacity);
    --md-checkbox-checkmark-height: 0.8125rem;
    --md-checkbox-checkmark-width: 0.4375rem;
    --md-checkbox-checkmark-pos-x: 4px;
    --md-checkbox-checkmark-pos-y: 0;
    --md-checkbox-state-bg: var(--md-checkbox-unchecked-bg);
    --md-checkbox-state-color: var(--md-checkbox-unchecked-color);
    --md-checkbox-state-opacity: 1;
    --md-checkbox-state-inner-color: transparent;
    --md-checkbox-state-inner-opacity: 0;
    --md-checkbox-state-overlay-bg: transparent;
    --md-checkbox-state-overlay-opacity: 0;
    margin: var(--md-checkbox-margin);
  }
  .md-checkbox > .md-checkbox-inner {
    border-radius: var(--md-checkbox-border-radius);
    background-color: var(--md-checkbox-state-bg);
    border: var(--md-checkbox-stroke) solid var(--md-checkbox-state-color);
    height: var(--md-checkbox-size);
    opacity: var(--md-checkbox-state-opacity);
    min-width: var(--md-checkbox-size);
    width: var(--md-checkbox-size);
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-checkbox > .md-checkbox-inner:focus {
    outline: none;
  }
  .md-checkbox > .md-checkbox-inner:before, .md-checkbox > .md-checkbox-inner:after {
    transition: 0.45s cubic-bezier(0.55, 0, 0.55, 0.2);
    content: " ";
    position: absolute;
  }
  .md-checkbox > .md-checkbox-inner:before {
    border-radius: 50%;
    height: var(--md-checkbox-touch-size);
    width: var(--md-checkbox-touch-size);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 11;
  }
  .md-checkbox > .md-checkbox-inner:after {
    border: var(--md-checkbox-stroke) solid var(--md-checkbox-state-inner-color);
    opacity: var(--md-checkbox-state-inner-opacity);
    height: var(--md-checkbox-checkmark-height);
    width: var(--md-checkbox-checkmark-width);
    left: var(--md-checkbox-checkmark-pos-x);
    top: var(--md-checkbox-checkmark-pos-y);
    transform: rotate(45deg) scale3D(0.15, 0.15, 1);
    border-top: 0;
    border-left: 0;
    z-index: 12;
  }
  .md-checkbox > .md-checkbox-inner .md-checkbox-overlay {
    border-radius: 50%;
    background-color: var(--md-checkbox-state-overlay-bg);
    opacity: var(--md-checkbox-state-overlay-opacity);
    height: var(--md-checkbox-touch-size);
    width: var(--md-checkbox-touch-size);
    transition: all 0.55s ease-in-out;
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 50% !important;
    pointer-events: none;
  }
  .md-checkbox > .md-checkbox-inner .md-ripple {
    border-radius: 50%;
    height: var(--md-checkbox-touch-size);
    width: var(--md-checkbox-touch-size);
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
  .md-checkbox > .md-checkbox-inner .md-ripple .md-ripple-animation {
    background-color: var(--md-checkbox-checked-bg);
    opacity: 0.65;
  }
  .md-checkbox > .md-checkbox-inner .md-ripple > input {
    display: none;
  }
  .md-checkbox > .md-checkbox-label {
    opacity: var(--md-checkbox-state-opacity);
    height: var(--md-checkbox-size);
    line-height: var(--md-checkbox-size);
    margin-left: 1rem;
    margin-bottom: 0;
  }
  .md-checkbox > .md-checkbox-label:focus-visible {
    outline-color: var(--md-checkbox-checked-bg);
    outline-offset: 4px;
    outline-style: dashed;
    border-radius: 1px;
  }
  .md-checkbox.md-indeterminate > .md-checkbox-inner:after {
    border-radius: calc(var(--md-checkbox-border-radius) - 2px);
    width: var(--md-checkbox-indeterminate-width);
    height: var(--md-checkbox-indeterminate-width);
    transform: translate(-50%, -50%);
    background: currentColor;
    border-width: 0;
    left: 50%;
    top: 50%;
    opacity: 0.4;
    z-index: 5;
  }
  .md-checkbox.checked {
    --md-checkbox-state-bg: var(--md-checkbox-checked-bg);
    --md-checkbox-state-color: var(--md-checkbox-checked-bg);
    --md-checkbox-state-inner-color: var(--md-checkbox-checked-color);
    --md-checkbox-state-inner-opacity: 1;
  }
  .md-checkbox.checked > .md-checkbox-inner:after {
    transform: rotate(45deg) scale3D(1, 1, 1);
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-checkbox:not(.disabled):not(.readonly) > .md-checkbox-inner:hover {
    --md-checkbox-state-overlay-bg: currentColor;
    --md-checkbox-state-overlay-opacity: 0.09;
  }
  .md-checkbox:not(.disabled):not(.readonly).checked > .md-checkbox-inner:hover {
    --md-checkbox-state-overlay-bg: var(--md-checkbox-checked-bg);
    --md-checkbox-state-overlay-opacity: 0.22;
  }
  .md-checkbox.required label:after {
    content: "*";
    line-height: 1em;
    position: absolute;
    vertical-align: top;
    right: 0;
    top: var(--md-checkbox-stroke);
    transform: translateX(calc(100% + 2px));
  }
  .md-checkbox.readonly {
    --md-checkbox-state-opacity: var(--md-field-readonly-opacity);
  }
  .md-checkbox.disabled {
    --md-checkbox-state-bg: var(--md-checkbox-disabled-bg);
    --md-checkbox-state-color: currentColor;
    --md-checkbox-state-opacity: var(--md-checkbox-disabled-opacity);
    --md-checkbox-state-inner-color: currentColor;
  }
}
@layer components {
  .md-radio {
    --md-radio-size: 1.25rem;
    --md-radio-touch-size: 2.5rem;
    --md-radio-stroke: 0.125rem;
    --md-radio-margin: 0.5rem 1rem 0.5rem 0;
    --md-radio-color: currentColor;
    --md-radio-disabled-bg: transparent;
    --md-radio-disabled-opacity: var(--md-field-disabled-opacity);
    --md-radio-state-bg: transparent;
    --md-radio-state-color: var(--md-radio-color);
    --md-radio-state-opacity: 1;
    --md-radio-state-inner-bg: transparent;
    --md-radio-state-inner-opacity: 0;
    --md-radio-state-overlay-bg: transparent;
    --md-radio-state-overlay-opacity: 0;
    margin: var(--md-radio-margin);
  }
  .md-radio > .md-radio-inner {
    border-radius: 50%;
    background-color: var(--md-radio-state-bg);
    border: var(--md-radio-stroke) solid var(--md-radio-state-color);
    height: var(--md-radio-size);
    min-width: var(--md-radio-size);
    width: var(--md-radio-size);
    opacity: var(--md-radio-state-opacity);
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-radio > .md-radio-inner:focus {
    outline: none;
  }
  .md-radio > .md-radio-inner:before, .md-radio > .md-radio-inner:after {
    transition: 0.45s cubic-bezier(0.55, 0, 0.55, 0.2);
    content: " ";
    position: absolute;
  }
  .md-radio > .md-radio-inner:before {
    border-radius: 50%;
    height: var(--md-radio-touch-size);
    width: var(--md-radio-touch-size);
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 11;
  }
  .md-radio > .md-radio-inner:after {
    border-radius: 50%;
    background-color: var(--md-radio-state-inner-bg);
    opacity: var(--md-radio-state-inner-opacity);
    transform: scale3D(0.38, 0.38, 1);
    bottom: 3px;
    left: 3px;
    right: 3px;
    top: 3px;
  }
  .md-radio > .md-radio-inner .md-radio-overlay {
    border-radius: 50%;
    background-color: var(--md-radio-state-overlay-bg);
    opacity: var(--md-radio-state-overlay-opacity);
    height: var(--md-radio-touch-size);
    width: var(--md-radio-touch-size);
    transition: all 0.55s ease-in-out;
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 50% !important;
    pointer-events: none;
  }
  .md-radio > .md-radio-inner .md-ripple {
    border-radius: 50%;
    height: var(--md-radio-touch-size);
    width: var(--md-radio-touch-size);
    transform: translate(-50%, -50%);
    left: 50% !important;
    top: 50% !important;
  }
  .md-radio > .md-radio-inner .md-ripple .md-ripple-animation {
    background-color: var(--md-radio-active-color);
    opacity: 0.65;
  }
  .md-radio > .md-radio-inner .md-ripple > input {
    display: none;
  }
  .md-radio > .md-radio-label {
    opacity: var(--md-radio-state-opacity);
    height: var(--md-radio-size);
    line-height: var(--md-radio-size);
    margin-left: 1rem;
    margin-bottom: 0;
  }
  .md-radio > .md-radio-label:focus-visible {
    outline-color: var(--md-radio-active-color);
    outline-offset: 4px;
    outline-style: dashed;
    border-radius: 1px;
  }
  .md-radio.checked {
    --md-radio-state-inner-bg: var(--md-radio-active-color);
    --md-radio-state-color: var(--md-radio-active-color);
    --md-radio-state-inner-opacity: 1;
  }
  .md-radio.checked .md-radio-inner:after {
    transform: scale3D(1, 1, 1);
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-radio:not(.disabled):not(.readonly) > .md-radio-inner:hover {
    --md-radio-state-overlay-bg: currentColor;
    --md-radio-state-overlay-opacity: 0.09;
  }
  .md-radio:not(.disabled):not(.readonly).checked > .md-radio-inner:hover {
    --md-radio-state-overlay-bg: var(--md-radio-active-color);
    --md-radio-state-overlay-opacity: 0.2;
  }
  .md-radio.required label:after {
    content: "*";
    line-height: 1em;
    position: absolute;
    vertical-align: top;
    right: 0;
    top: var(--md-radio-stroke);
    transform: translateX(calc(100% + 2px));
  }
  .md-radio.readonly {
    --md-radio-state-opacity: var(--md-field-readonly-opacity);
  }
  .md-radio.disabled {
    --md-radio-state-opacity: var(--md-radio-disabled-opacity);
    --md-radio-state-bg: var(--md-radio-disabled-bg);
    --md-radio-state-color: currentColor;
    --md-radio-state-inner-bg: currentColor;
  }
}
@layer components {
  .md-switch {
    --md-switch-box-shadow: 0 0 6px -1px oklch(0% 0 0deg / 0.1), 0 1px 1px 1px oklch(0% 0 0deg / 0.15), 0 1px 3px 0 oklch(0% 0 0deg / 0.12);
    --md-switch-margin: 0.25rem 0.25rem;
    --md-switch-thumb-bg: oklch(99.56% 0 0deg);
    --md-switch-thumb-color: oklch(99.56% 0 0deg);
    --md-switch-thumb-size: 1.25rem;
    --md-switch-touch-size: 2.5rem;
    --md-switch-track-color: oklch(75.58% 0 0deg);
    --md-switch-track-height: 0.875rem;
    --md-switch-track-width: 2.375rem;
    --md-switch-inset-thumb-size: 1.5rem;
    --md-switch-inset-track-height: 2rem;
    --md-switch-inset-track-width: 3.25rem;
    --md-switch-outlined-thumb-color: oklch(68.7% 0.016 239.982deg);
    --md-switch-outlined-thumb-size: 1.125rem;
    --md-switch-outlined-stroke: 0.094rem;
    --md-switch-outlined-stroke-color: oklch(68.7% 0.016 239.982deg);
    --md-switch-outlined-track-color: oklch(88.9% 0 0deg);
    --md-switch-disabled-box-shadow: 0 2px 1px -1px oklch(0% 0 0deg / 0.2), 0 1px 1px 0 oklch(0% 0 0deg / 0.14), 0 1px 3px 0 oklch(0% 0 0deg / 0.12);
    --md-switch-disabled-thumb-bg: oklch(75.58% 0 0deg);
    --md-switch-disabled-thumb-color: oklch(55.6% 0 89.876deg);
    --md-switch-disabled-track-color: oklch(89.6% 0.007 247.901deg);
    --md-switch-state-box-shadow: var(--md-switch-box-shadow);
    --md-switch-state-overlay-bg: transparent;
    --md-switch-state-overlay-opacity: 0;
    --md-switch-state-thumb-bg: var(--md-switch-thumb-bg);
    --md-switch-state-thumb-color: var(--md-switch-thumb-color);
    --md-switch-state-thumb-size: var(--md-switch-thumb-size);
    --md-switch-state-thumb-margin-left: 0;
    --md-switch-state-track-color: var(--md-switch-track-color);
    --md-switch-state-track-height: var(--md-switch-track-height);
    --md-switch-state-track-width: var(--md-switch-track-width);
    --md-switch-state-outlined-stroke-color: var(--md-switch-outlined-stroke-color);
  }
  .md-switch:not(.disabled):not(.readonly) > .md-switch-wrapper {
    cursor: pointer;
  }
  .md-switch > .md-switch-wrapper {
    margin: var(--md-switch-margin);
  }
  .md-switch .md-switch-track {
    border-radius: var(--md-switch-state-track-height);
    background-color: var(--md-switch-state-track-color);
    height: var(--md-switch-state-track-height);
    min-width: var(--md-switch-state-track-width);
    width: var(--md-switch-state-track-width);
    margin: 3px 0;
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-switch .md-switch-overlay,
  .md-switch .md-ripple {
    border-radius: 50%;
    height: var(--md-switch-touch-size);
    width: var(--md-switch-touch-size);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .md-switch .md-switch-thumb {
    border-radius: 50%;
    background-color: var(--md-switch-state-thumb-bg);
    box-shadow: var(--md-switch-state-box-shadow);
    height: var(--md-switch-state-thumb-size);
    width: var(--md-switch-state-thumb-size);
    margin-left: var(--md-switch-state-thumb-margin-left);
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-switch .md-switch-thumb:before {
    content: " ";
    height: var(--md-switch-touch-size);
    width: var(--md-switch-touch-size);
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 11;
  }
  .md-switch .md-switch-thumb > .md-ripple {
    color: var(--md-switch-state-thumb-color);
  }
  .md-switch .md-switch-thumb input {
    display: none;
  }
  .md-switch .md-switch-overlay {
    background-color: var(--md-switch-state-overlay-bg);
    opacity: var(--md-switch-state-overlay-opacity);
    transition: all 0.55s ease-in-out;
    pointer-events: none;
  }
  .md-switch .md-switch-label {
    margin-bottom: 0;
    padding-left: 0;
  }
  .md-switch .md-switch-label.md-label-left {
    margin-right: 0.5rem;
    padding-right: 1.25rem;
  }
  .md-switch .md-switch-label.md-label-right {
    padding-left: 1rem;
  }
  .md-switch.required label:after {
    content: "*";
    font-weight: var(--font-weight-semibold);
    transform: translateX(calc(100% + 2px));
    line-height: 1em;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .md-switch.md-switch-inset {
    --md-switch-state-thumb-color: oklch(34.5% 0.017 238.212deg);
    --md-switch-state-thumb-margin-left: calc((var(--md-switch-inset-track-height) - var(--md-switch-inset-thumb-size)) / 2);
    --md-switch-state-thumb-size: var(--md-switch-inset-thumb-size);
    --md-switch-state-track-color: var(--md-switch-track-color);
    --md-switch-state-track-height: var(--md-switch-inset-track-height);
    --md-switch-state-track-width: var(--md-switch-inset-track-width);
  }
  .md-switch.md-switch-outlined {
    --md-switch-state-box-shadow: none;
    --md-switch-state-track-color: var(--md-switch-outlined-track-color);
    --md-switch-state-thumb-bg: var(--md-switch-outlined-thumb-color);
    --md-switch-state-thumb-margin-left: calc((var(--md-switch-inset-track-height) - var(--md-switch-outlined-thumb-size)) / 2);
    --md-switch-state-thumb-size: var(--md-switch-outlined-thumb-size);
  }
  .md-switch.md-switch-outlined .md-switch-track {
    border: var(--md-switch-outlined-stroke) solid var(--md-switch-state-outlined-stroke-color);
  }
  .md-switch.md-switch-outlined.checked {
    --md-switch-state-outlined-stroke-color: var(--md-switch-active-outlined-stroke-color);
    --md-switch-state-thumb-margin-left: calc((var(--md-switch-inset-track-height) - var(--md-switch-inset-thumb-size)) / 2 + 1px);
    --md-switch-state-thumb-size: var(--md-switch-inset-thumb-size);
  }
  .md-switch.checked {
    --md-switch-state-box-shadow: var(--md-switch-active-box-shadow);
    --md-switch-state-thumb-bg: var(--md-switch-active-thumb-bg);
    --md-switch-state-thumb-color: var(--md-switch-active-thumb-color);
    --md-switch-state-track-color: var(--md-switch-active-track-color);
    --md-switch-state-translate-x: calc(var(--md-switch-state-track-width) - var(--md-switch-state-thumb-size));
    --md-switch-state-transform-x: translatex(var(--md-switch-state-translate-x));
  }
  .md-switch.checked .md-switch-thumb {
    transform: var(--md-switch-state-transform-x);
  }
  .md-switch.checked.md-switch-inset {
    --md-switch-state-box-shadow: none;
    --md-switch-state-translate-x: calc(var(--md-switch-state-track-width) - var(--md-switch-state-thumb-size) - (var(--md-switch-state-thumb-margin-left) * 2.25));
  }
  .md-switch.checked.md-switch-inset:not(.disabled) {
    --md-switch-state-track-color: var(--md-switch-active-inset-track-color);
    --md-switch-state-thumb-bg: var(--md-switch-active-inset-thumb-bg);
    --md-switch-state-thumb-color: var(--md-switch-active-inset-thumb-color);
  }
  .md-switch:not(.disabled):not(.readonly) .md-switch-thumb:hover {
    --md-switch-state-overlay-bg: var(--md-switch-thumb-color);
    --md-switch-state-overlay-opacity: 0.15;
  }
  .md-switch:not(.disabled):not(.readonly).md-switch-outlined .md-switch-thumb:hover {
    --md-switch-state-overlay-bg: var(--md-switch-outlined-thumb-color);
    --md-switch-state-overlay-opacity: 0.11;
  }
  .md-switch:not(.disabled):not(.readonly).checked .md-switch-thumb:hover {
    --md-switch-state-overlay-bg: var(--md-switch-active-thumb-color);
    --md-switch-state-overlay-opacity: 0.22;
  }
  .md-switch.readonly > .md-switch-label,
  .md-switch.readonly > .md-switch-wrapper {
    opacity: var(--md-field-readonly-opacity);
  }
  .md-switch.disabled {
    --md-switch-state-box-shadow: var(--md-switch-disabled-box-shadow);
    --md-switch-state-thumb-bg: var(--md-switch-disabled-thumb-bg);
    --md-switch-state-thumb-color: var(--md-switch-disabled-thumb-color);
    --md-switch-state-track-color: var(--md-switch-disabled-track-color);
  }
  .md-switch.disabled > .md-switch-wrapper {
    opacity: 0.6;
  }
  .md-switch.disabled > .md-switch-label {
    opacity: var(--md-field-disabled-opacity);
  }
  .md-switch.disabled > .md-switch-wrapper, .md-switch.readonly > .md-switch-wrapper {
    cursor: default;
  }
}
@layer components {
  .md-list {
    --md-listview-bg: inherit;
    --md-listview-color: var(--navigation-item-foreground, oklch(26.9% 0.017 238.084deg));
    --md-listview-item-gap: 0;
    --md-listview-padding-x: 0;
    --md-listview-padding-y: 0.5rem;
    --md-tile-minheight: 2.5rem;
    --md-tile-action-minwidth: 1.5rem;
    --md-tile-spacing-x: 0.5rem;
    --md-tile-spacing-y: 0.375rem;
    --md-tile-padding-x: 1rem;
    --md-tile-padding-y: 0.5rem;
    --md-tile-subtitle-font-size: 0.9rem;
    --md-tile-title-font-size: var(--font-size-default, 1rem);
    --md-tile-title-font-weight: var(--font-weight-normal, 400);
    --md-tile-active-title-font-weight: var(--font-weight-medium, 500);
    --md-tile-disabled-opacity: var(--md-field-readonly-opacity);
    --md-tile-indicator-border-color: var(--navigation-item-border-indicator);
    --md-tile-indicator-border-width: 4px;
    --md-nav-item-padding-x: 1rem;
    --md-nav-item-padding-y: 0.25rem;
    --md-nav-item-line-height: normal;
    --md-nav-item-font-size: var(--font-size-default, 1rem);
    --md-nav-item-font-weight: var(--font-weight-normal, 400);
    --md-nav-item-active-font-weight: var(--font-weight-medium, 500);
    --md-nav-item-disabled-opacity: var(--md-field-readonly-opacity);
    background-color: var(--md-listview-bg);
    color: var(--md-listview-color);
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding: var(--md-listview-padding-y) var(--md-listview-padding-x);
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1), height;
  }
  .md-list .md-subheader {
    user-select: none;
  }
  .md-list.md-list-space-both .dropdown-item, .md-list.md-list-space-left .dropdown-item, .md-list.md-list-space-right .dropdown-item {
    margin-bottom: calc(var(--md-tile-spacing-y) * 0.5);
    margin-top: calc(var(--md-tile-spacing-y) * 0.5);
  }
  .md-list.md-list-space-both .dropdown-item, .md-list.md-list-space-left .dropdown-item {
    margin-left: var(--md-tile-spacing-x);
  }
  .md-list.md-list-space-both .dropdown-item, .md-list.md-list-space-right .dropdown-item {
    margin-right: var(--md-tile-spacing-x);
  }
  .md-card > .md-list:first-child {
    border-top-left-radius: var(--md-card-border-radius);
    border-top-right-radius: var(--md-card-border-radius);
  }
  .md-card > .md-list:last-child {
    border-bottom-right-radius: var(--md-card-border-radius);
    border-bottom-left-radius: var(--md-card-border-radius);
  }
}
@layer components {
  .md-list-nav {
    --md-nav-item-color: var(--navigation-item-foreground);
    --md-nav-item-icon-color: var(--navigation-item-foreground-subtle);
    --md-nav-item-divider-color: var(--border-translucent);
    --md-nav-item-active-bg: var(--navigation-item-active-background);
    --md-nav-item-active-color: var(--navigation-item-active-foreground);
    --md-nav-item-active-icon-color: var(--navigation-item-active-foreground-secondary);
    --md-nav-item-expanded-bg: var(--navigation-item-expanded-background);
    --md-nav-item-hover-bg: var(--navigation-item-hover-background);
    --md-nav-item-state-bg: transparent;
    --md-nav-item-state-color: var(--md-nav-item-color);
    --md-nav-item-state-icon-color: var(--md-nav-item-icon-color);
    --md-nav-item-state-font-weight: var(--md-nav-item-font-weight);
    --md-nav-item-inner-state-bg: inherit;
    --md-nav-item-padding-left: var(--md-nav-item-padding-x);
    --md-nav-item-padding-right: var(--md-nav-item-padding-x);
  }
  .md-list-nav.collapsing {
    transition: height 0.65s cubic-bezier(0.55, 0, 0.55, 0.2);
  }
  .md-list-nav:not(.md-nav-child) > .md-nav-item.md-expanded {
    --md-nav-item-state-bg: var(--md-nav-item-expanded-bg);
    --md-nav-item-inner-state-bg: transparent;
  }
  .md-list-nav .md-nav-item {
    background-color: var(--md-nav-item-state-bg);
    white-space: nowrap;
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner {
    background-color: var(--md-nav-item-inner-state-bg);
    font-size: var(--md-nav-item-font-size);
    font-weight: var(--md-nav-item-state-font-weight);
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner > .md-ripple {
    line-height: var(--md-nav-item-line-height);
    padding: var(--md-nav-item-padding-y) var(--md-nav-item-padding-right) var(--md-nav-item-padding-y) var(--md-nav-item-padding-left);
    min-height: var(--md-tile-minheight);
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner > .md-ripple > .md-nav-text {
    flex: 1;
    opacity: 1;
    transition: opacity 0.8s;
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner > .md-ripple > .md-icon:first-child {
    margin-right: calc(var(--md-nav-item-padding-x) + 0.25rem);
    color: var(--md-nav-item-state-icon-color);
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner > .md-ripple > .md-badge {
    --md-badge-font-size: 0.75em;
    --md-badge-padding-y: 0.25rem;
    --md-badge-font-weight: 400;
    line-height: var(--md-nav-item-line-height);
  }
  .md-list-nav .md-nav-item > .md-nav-item-inner > .md-ripple > .expand-more {
    color: var(--md-nav-item-state-icon-color);
    transform: rotateZ(0deg);
    transition: all 0.3s ease 0s;
  }
  .md-list-nav .md-nav-item.md-expanded > .md-nav-item-inner > .md-ripple > .expand-more {
    transform: rotateZ(-180deg);
  }
  .md-list-nav .md-nav-item.active {
    --md-nav-item-inner-state-bg: var(--md-nav-item-active-bg);
    --md-nav-item-state-color: var(--md-nav-item-active-color);
    --md-nav-item-state-icon-color: var(--md-nav-item-active-icon-color);
    --md-nav-item-state-font-weight: var(--md-nav-item-active-font-weight);
  }
  .md-list-nav .md-nav-item.active.md-nav-parent.md-expanded {
    --md-nav-item-inner-state-bg: transparent;
    --md-nav-item-state-color: var(--md-nav-item-color);
    --md-nav-item-state-icon-color: var(--md-nav-item-icon-color);
  }
  .md-list-nav .md-nav-item:hover:not(.md-expanded):not(.active):not(.disabled) {
    --md-nav-item-inner-state-bg: var(--md-nav-item-hover-bg);
  }
  .md-list-nav .md-nav-item.disabled {
    opacity: var(--md-nav-item-disabled-opacity);
  }
  .md-list-nav .md-nav-item.disabled > .md-nav-item-inner {
    cursor: default;
  }
  .md-list-nav > .md-nav-item.md-expanded:not(:first-child) {
    border-top: 1px solid var(--md-nav-item-divider-color);
  }
  .md-list-nav > .md-nav-item.md-expanded:not(:last-child) {
    border-bottom: 1px solid var(--md-nav-item-divider-color);
  }
  .md-list-nav > .md-nav-item.md-nav-parent.has-icon > .md-nav-child > .md-nav-item:not(.md-has-icon) {
    --md-nav-item-padding-left: calc(var(--md-nav-item-padding-x) + 2.75rem);
  }
  .md-list-nav > .md-nav-item.md-nav-parent.has-icon > .md-nav-child > .md-nav-item .md-nav-item {
    --md-nav-item-padding-left: calc(var(--md-nav-item-padding-x) + 3.75rem);
  }
  .md-list-nav > .md-nav-item.md-nav-parent:not(.has-icon) > .md-nav-child > .md-nav-item {
    --md-nav-item-padding-left: calc(var(--md-nav-item-padding-x) + 1rem);
  }
  .md-list-nav > .md-nav-item.md-nav-parent:not(.has-icon) > .md-nav-child > .md-nav-item .md-nav-item {
    --md-nav-item-padding-left: calc(var(--md-nav-item-padding-x) + 2rem);
  }
  .md-nav-item-inner.md-nav-space-both, .md-nav-item-inner.md-nav-space-left, .md-nav-item-inner.md-nav-space-right {
    margin-bottom: var(--md-tile-spacing-y);
    margin-top: var(--md-tile-spacing-y);
  }
  .md-nav-item-inner.md-nav-space-both, .md-nav-item-inner.md-nav-space-left {
    margin-left: var(--md-tile-spacing-x);
  }
  .md-nav-item-inner.md-nav-space-both, .md-nav-item-inner.md-nav-space-right {
    margin-right: var(--md-tile-spacing-x);
  }
  .md-nav-item.active > .md-nav-border-left > .md-ripple:before, .md-nav-item.active > .md-nav-border-left > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-right > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-right > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-top > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-top > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple:after {
    background: var(--md-tile-indicator-border-color);
    content: " ";
    display: block;
    position: absolute;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-nav-item.active > .md-nav-border-left > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple:before {
    width: var(--md-tile-indicator-border-width);
    height: 100%;
    left: 0;
    top: 0;
  }
  .md-nav-item.active > .md-nav-border-right > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple:after {
    width: var(--md-tile-indicator-border-width);
    height: 100%;
    right: 0;
    top: 0;
  }
  .md-nav-item.active > .md-nav-border-left > .md-ripple.rounded-pill:before, .md-nav-item.active > .md-nav-border-left > .md-ripple.rounded-pill:after,
  .md-nav-item.active > .md-nav-border-right > .md-ripple.rounded-pill:before,
  .md-nav-item.active > .md-nav-border-right > .md-ripple.rounded-pill:after,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple.rounded-pill:before,
  .md-nav-item.active > .md-nav-border-left-right > .md-ripple.rounded-pill:after {
    --md-tile-indicator-border-width: 6px;
    border-radius: 40%;
    top: 30%;
    height: 40%;
  }
  .md-nav-item.active > .md-nav-border-top > .md-ripple:before,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple:before {
    height: var(--md-tile-indicator-border-width);
    width: 100%;
    left: 0;
    top: 0;
  }
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple:after,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple:after {
    height: var(--md-tile-indicator-border-width);
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .md-nav-item.active > .md-nav-border-top > .md-ripple.rounded-pill:before, .md-nav-item.active > .md-nav-border-top > .md-ripple.rounded-pill:after,
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple.rounded-pill:before,
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple.rounded-pill:after,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple.rounded-pill:before,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple.rounded-pill:after {
    --md-tile-indicator-border-width: 5px;
    width: 85%;
    left: 7.5%;
  }
  .md-nav-item.active > .md-nav-border-top > .md-ripple.rounded-pill:before,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple.rounded-pill:before {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .md-nav-item.active > .md-nav-border-bottom > .md-ripple.rounded-pill:after,
  .md-nav-item.active > .md-nav-border-top-bottom > .md-ripple.rounded-pill:after {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .md-nav-item.md-expanded > .md-nav-border-top.active > .md-ripple:before, .md-nav-item.md-expanded > .md-nav-border-top.active > .md-ripple:after,
  .md-nav-item.md-expanded > .md-nav-border-bottom.active > .md-ripple:before,
  .md-nav-item.md-expanded > .md-nav-border-bottom.active > .md-ripple:after,
  .md-nav-item.md-expanded > .md-nav-border-top-bottom.active > .md-ripple:before,
  .md-nav-item.md-expanded > .md-nav-border-top-bottom.active > .md-ripple:after,
  .md-nav-item.md-expanded > .md-nav-border-right.active > .md-ripple:before,
  .md-nav-item.md-expanded > .md-nav-border-right.active > .md-ripple:after,
  .md-nav-item.md-expanded > .md-nav-border-left.active > .md-ripple:before,
  .md-nav-item.md-expanded > .md-nav-border-left.active > .md-ripple:after,
  .md-nav-item.md-expanded > .md-nav-border-left-right.active > .md-ripple:before,
  .md-nav-item.md-expanded > .md-nav-border-left-right.active > .md-ripple:after {
    --md-tile-indicator-border-width: 0;
  }
}
ul.md-list-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.md-list-nav .md-nav-item {
  margin: var(--md-listview-item-gap) 0;
}
ul.md-list-nav .md-nav-item:first-child {
  margin-top: 0;
}
ul.md-list-nav .md-nav-item:last-child {
  margin-bottom: 0;
}
ul.md-list-nav .md-nav-item > .md-nav-item-inner {
  color: var(--md-nav-item-state-color);
  text-decoration: none;
  display: block;
  outline: 0 none;
}
ul.md-list-nav .md-nav-item > .md-nav-item-inner:hover, ul.md-list-nav .md-nav-item > .md-nav-item-inner:focus, ul.md-list-nav .md-nav-item > .md-nav-item-inner:active {
  text-decoration: none;
}

@layer components {
  .md-list-tile {
    --md-tile-action-color: var(--navigation-item-foreground-secondary);
    --md-tile-leading-color: var(--navigation-item-foreground);
    --md-tile-leading-icon-color: var(--navigation-item-foreground-subtle);
    --md-tile-subtitle-color: var(--navigation-item-foreground-secondary);
    --md-tile-title-color: var(--navigation-item-foreground);
    --md-tile-active-bg: var(--navigation-item-active-background);
    --md-tile-active-action-color: var(--navigation-item-active-foreground-secondary);
    --md-tile-active-leading-color: var(--navigation-item-active-foreground);
    --md-tile-active-leading-icon-color: var(--navigation-item-active-foreground-secondary);
    --md-tile-active-subtitle-color: var(--navigation-item-active-foreground-secondary);
    --md-tile-active-title-color: var(--navigation-item-active-foreground);
    --md-tile-hover-bg: var(--navigation-item-hover-background);
    --md-tile-state-bg: inherit;
    --md-tile-state-action-color: var(--md-tile-action-color);
    --md-tile-state-leading-color: var(--md-tile-leading-color);
    --md-tile-state-leading-icon-color: var(--md-tile-leading-icon-color);
    --md-tile-state-subtitle-color: var(--md-tile-subtitle-color);
    --md-tile-state-title-color: var(--md-tile-title-color);
    --md-tile-state-title-font-weight: var(--md-tile-title-font-weight);
    background-color: var(--md-tile-state-bg);
    margin: var(--md-listview-item-gap) 0;
    transition: all 0.55s ease-in-out;
  }
  .md-list-tile:first-child {
    margin-top: 0;
  }
  .md-list-tile:last-child {
    margin-bottom: 0;
  }
  .md-list-tile:not(.disabled):not(.active).md-link:hover {
    --md-tile-state-bg: var(--md-tile-hover-bg);
  }
  .md-list-tile .md-list-tile-title,
  .md-list-tile .md-list-tile-subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-list-tile .md-list-tile-leading {
    color: var(--md-tile-state-leading-color);
  }
  .md-list-tile .md-list-tile-leading.has-icon {
    color: var(--md-tile-state-leading-icon-color);
  }
  .md-list-tile .md-list-tile-title {
    color: var(--md-tile-state-title-color);
  }
  .md-list-tile .md-list-tile-subtitle {
    color: var(--md-tile-state-subtitle-color);
  }
  .md-list-tile .md-list-tile-action {
    color: var(--md-tile-state-action-color);
    min-width: var(--md-tile-action-minwidth);
  }
  .md-list-tile .md-list-tile-action.md-action-stack {
    display: flex;
    align-self: flex-start;
    flex-direction: column;
  }
  .md-list-tile .md-list-tile-action .md-checkbox {
    --md-checkbox-margin: 0.25rem 0.5rem 0.25rem 0;
    --md-checkbox-disabled-opacity: 0.5;
  }
  .md-list-tile .md-list-tile-content {
    flex: 1;
    width: auto;
  }
  .md-list-tile .md-list-tile-content > .md-list-tile-title {
    font-size: var(--md-tile-title-font-size);
    font-weight: var(--md-tile-state-title-font-weight);
  }
  .md-list-tile .md-list-tile-content > .md-list-tile-subtitle {
    font-size: var(--md-tile-subtitle-font-size);
  }
  .md-list-tile .md-list-tile-content.md-multiline > .md-list-tile-subtitle {
    white-space: normal;
  }
  .md-list-tile > .md-ripple {
    min-height: var(--md-tile-minheight);
    padding: var(--md-tile-padding-y) var(--md-tile-padding-x);
  }
  .md-list-tile > .md-ripple > div > div[class^=md-list-tile-]:nth-child(2), .md-list-tile > .md-ripple > div > div[class^=md-list-tile-]:last-child:not(:first-child) {
    margin-left: var(--md-tile-padding-x);
  }
  .md-list-tile > .md-ripple > div > div[class^=md-list-tile-]:nth-child(2) > .md-checkbox, .md-list-tile > .md-ripple > div > div[class^=md-list-tile-]:last-child:not(:first-child) > .md-checkbox {
    --md-checkbox-margin: 0.25rem 0 0.25rem 0.5rem;
  }
  .md-list-tile > .md-ripple > div > div[class^=md-list-tile-].has-icon {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    margin-right: calc(var(--md-tile-padding-x) - 0.75rem);
  }
  .md-list-tile.active {
    --md-tile-state-bg: var(--md-tile-active-bg);
    --md-tile-state-action-color: var(--md-tile-active-action-color);
    --md-tile-state-leading-color: var(--md-tile-active-leading-color);
    --md-tile-state-leading-icon-color: var(--md-tile-active-leading-icon-color);
    --md-tile-state-subtitle-color: var(--md-tile-active-subtitle-color);
    --md-tile-state-title-color: var(--md-tile-active-title-color);
    --md-tile-state-title-font-weight: var(--md-tile-active-title-font-weight);
  }
  .md-list-tile.disabled {
    opacity: var(--md-tile-disabled-opacity);
  }
  .md-list-tile.md-tile-space-both, .md-list-tile.md-tile-space-left, .md-list-tile.md-tile-space-right {
    margin-bottom: var(--md-tile-spacing-y);
    margin-top: var(--md-tile-spacing-y);
  }
  .md-list-tile.md-tile-space-both, .md-list-tile.md-tile-space-left {
    margin-left: var(--md-tile-spacing-x);
  }
  .md-list-tile.md-tile-space-both, .md-list-tile.md-tile-space-right {
    margin-right: var(--md-tile-spacing-x);
  }
  .md-list-tile.md-tile-border-left.active > .md-ripple:before, .md-list-tile.md-tile-border-left.active > .md-ripple:after, .md-list-tile.md-tile-border-right.active > .md-ripple:before, .md-list-tile.md-tile-border-right.active > .md-ripple:after, .md-list-tile.md-tile-border-left-right.active > .md-ripple:before, .md-list-tile.md-tile-border-left-right.active > .md-ripple:after, .md-list-tile.md-tile-border-top.active > .md-ripple:before, .md-list-tile.md-tile-border-top.active > .md-ripple:after, .md-list-tile.md-tile-border-bottom.active > .md-ripple:before, .md-list-tile.md-tile-border-bottom.active > .md-ripple:after, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple:before, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple:after {
    background: var(--md-tile-indicator-border-color);
    content: " ";
    display: block;
    position: absolute;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-list-tile.md-tile-border-left.active > .md-ripple:before, .md-list-tile.md-tile-border-left-right.active > .md-ripple:before {
    width: var(--md-tile-indicator-border-width);
    height: 100%;
    left: 0;
    top: 0;
  }
  .md-list-tile.md-tile-border-right.active > .md-ripple:after, .md-list-tile.md-tile-border-left-right.active > .md-ripple:after {
    width: var(--md-tile-indicator-border-width);
    height: 100%;
    right: 0;
    top: 0;
  }
  .md-list-tile.md-tile-border-left.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-left.active > .md-ripple.rounded-pill:after, .md-list-tile.md-tile-border-right.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-right.active > .md-ripple.rounded-pill:after, .md-list-tile.md-tile-border-left-right.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-left-right.active > .md-ripple.rounded-pill:after {
    --md-tile-indicator-border-width: 6px;
    border-radius: 40%;
    top: 30%;
    height: 40%;
  }
  .md-list-tile.md-tile-border-top.active > .md-ripple:before, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple:before {
    height: var(--md-tile-indicator-border-width);
    width: 100%;
    left: 0;
    top: 0;
  }
  .md-list-tile.md-tile-border-bottom.active > .md-ripple:after, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple:after {
    height: var(--md-tile-indicator-border-width);
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .md-list-tile.md-tile-border-top.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-top.active > .md-ripple.rounded-pill:after, .md-list-tile.md-tile-border-bottom.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-bottom.active > .md-ripple.rounded-pill:after, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple.rounded-pill:after {
    --md-tile-indicator-border-width: 5px;
    width: 85%;
    left: 7.5%;
  }
  .md-list-tile.md-tile-border-top.active > .md-ripple.rounded-pill:before, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple.rounded-pill:before {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .md-list-tile.md-tile-border-bottom.active > .md-ripple.rounded-pill:after, .md-list-tile.md-tile-border-top-bottom.active > .md-ripple.rounded-pill:after {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
}
.md-list-tile {
  user-select: none;
  text-decoration: none;
}
.md-list-tile:active, .md-list-tile:focus, .md-list-tile:hover {
  text-decoration: none;
}

@layer components {
  .md-listbox {
    --md-listbox-bg: var(--navigation-background, oklch(100% 0 0deg));
    --md-searchbox-bg: oklch(0% 0 0deg / 0.025);
    --md-searchbox-active-bg: oklch(100% 0 0deg);
    --md-searchbox-font-size: 14px;
    --md-searchbox-text-color: currentColor;
    --md-searchbox-border-color: oklch(68.7% 0.016 239.982deg);
    --md-searchbox-focused-border-color: var(--md-field-active-indicator);
    --md-searchbox-focused-box-shadow: color-mix(in oklch, var(--md-field-active-indicator), transparent 70%);
    --md-searchbox-padding-x: 0.75rem;
    --md-searchbox-padding-y: 0.5rem;
    background-color: var(--md-listbox-bg);
  }
  .md-listbox-search {
    padding: 0.75rem;
    width: 100%;
  }
}
.md-listbox-search > input::placeholder {
  color: currentColor;
  font-weight: 300;
  opacity: 0.65;
}
.md-listbox-search > input:-ms-input-placeholder {
  color: currentColor;
  font-weight: 300;
  opacity: 0.65;
}
.md-listbox-search > input {
  background: var(--md-searchbox-bg);
  border: 1px solid var(--md-searchbox-border-color);
  color: var(--md-searchbox-text-color);
  font-size: var(--md-searchbox-font-size);
  padding: var(--md-searchbox-padding-y) var(--md-searchbox-padding-x);
  outline: none;
  width: 100%;
}
.md-listbox-search > input:focus {
  background: var(--md-searchbox-active-bg);
  border-color: var(--md-searchbox-focused-border-color);
  box-shadow: 0 0 0.15rem 0.25rem var(--md-searchbox-focused-box-shadow);
}

@layer components {
  .md-combobox-field:not(.md-floating-label):not(.md-field-outlined) {
    --md-field-padding-top: 0.5rem;
    --md-field-padding-bottom: 0;
  }
  .md-combobox-field.md-field-control.focused:not(.active) {
    --md-field-floating-label-transform: none;
  }
  .md-combobox-field.md-field-control.md-field-outlined.focused:not(.active) .md-field-label {
    opacity: 1;
    visibility: initial;
  }
  .md-combobox-field.md-field-control.md-field-outlined.focused:not(.active) .md-field-outline-indicator > .md-field-outline-label {
    display: none;
  }
  .md-combobox-field:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-icon,
  .md-combobox-field:not(.md-floating-label) > .md-field-inner > .md-append-inner > .md-icon,
  .md-combobox-field:not(.md-floating-label) > .md-field-inner > .md-prepend-inner > .md-icon {
    margin-top: 0.5rem;
  }
  .md-combobox-field.md-floating-label .md-field-label {
    height: var(--md-field-control-height);
  }
  .md-combobox-field .md-action-icon > .icon-expand {
    transition: all 0.3s ease 0s;
    cursor: pointer;
  }
  .md-combobox-field.disabled .md-action-icon > .icon-expand {
    opacity: var(--md-field-disabled-opacity);
  }
  .md-combobox-field.md-open .md-action-icon > .icon-expand {
    transform: rotateZ(-180deg);
  }
  .md-combobox-field.md-chip-enabled > .md-field-inner > .md-field-activator {
    align-items: end;
    flex: 1 1 auto;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .md-combobox-field.md-chip-enabled.md-field-filled:not(.md-floating-label) .md-field-activator, .md-combobox-field.md-chip-enabled.md-field-outlined:not(.md-floating-label) .md-field-activator {
    --md-field-padding-start: 0;
    align-items: center;
    min-height: calc(var(--md-field-control-height) + 0.75rem);
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
  }
  .md-combobox-field.md-chip-enabled.md-field-filled:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-filled:not(.md-floating-label) > .md-field-inner > .md-append-inner > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-filled:not(.md-floating-label) > .md-field-inner > .md-prepend-inner > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-filled:not(.md-floating-label) > .md-field-inner > .md-validation-icon > .md-icon, .md-combobox-field.md-chip-enabled.md-field-outlined:not(.md-floating-label) > .md-field-inner > .md-action-icon > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-outlined:not(.md-floating-label) > .md-field-inner > .md-append-inner > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-outlined:not(.md-floating-label) > .md-field-inner > .md-prepend-inner > .md-icon,
  .md-combobox-field.md-chip-enabled.md-field-outlined:not(.md-floating-label) > .md-field-inner > .md-validation-icon > .md-icon {
    align-self: flex-start;
    margin-top: 0.85rem;
  }
  .md-combobox-field.md-chip-enabled .md-chip {
    margin-top: 0;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label .md-field-label {
    height: auto;
    top: 1rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label .md-field-activator {
    padding-bottom: 3px;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-field-activator {
    --md-field-control-height: 0;
    --md-field-padding-top: 0;
    min-height: 3.5rem;
    padding-top: 1.25rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-field-activator > .md-field-placeholder {
    --md-field-padding-bottom: 0.75rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label:not(.md-field-outlined):not(.md-field-filled).active {
    --md-field-floating-label-transform: translateY(-24px) scale(0.85);
    --md-field-padding-top: 1.25rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label:not(.md-field-outlined):not(.md-field-filled) .md-field-label {
    top: 1.35rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-field-activator, .md-combobox-field.md-chip-enabled.md-floating-label.md-field-outlined .md-field-activator {
    --md-field-control-height: 0;
    --md-field-padding-top: 0;
    padding-left: 1rem;
    padding-top: 1rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-field-activator > .md-field-placeholder, .md-combobox-field.md-chip-enabled.md-floating-label.md-field-outlined .md-field-activator > .md-field-placeholder {
    --md-field-padding-start: 0;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-action-icon > .md-icon,
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-append-inner > .md-icon,
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-prepend-inner > .md-icon {
    margin-top: 1.375rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-field-activator {
    min-height: 4.125rem;
    padding-top: 1.75rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-field-activator > .md-field-label {
    top: 1.25rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled .md-field-activator > .md-field-placeholder {
    --md-field-padding-bottom: 0.75rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-filled.active {
    --md-field-floating-label-transform: translateY(-14px) scale(0.85);
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-outlined .md-field-activator {
    min-height: 3.5rem;
    padding-bottom: 0.375rem;
  }
  .md-combobox-field.md-chip-enabled.md-floating-label.md-field-outlined .md-field-activator > .md-field-placeholder {
    --md-field-padding-bottom: 0.75rem;
    --md-field-padding-top: 0;
  }
}
@layer components {
  .md-drawer-host {
    height: 100%;
    position: absolute;
    z-index: 1021;
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-application-wrap:not(.md-viewport-height) .md-drawer-host {
    z-index: 100;
  }
  .md-side-drawer {
    background-color: var(--sidedrawer-background, oklch(100% 0 0deg));
    color: var(--sidedrawer-foreground, oklch(26.9% 0.017 238.084deg));
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .md-side-drawer.smooth-animation {
    transition: 0.55s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  }
  .md-side-drawer.drawer-closed {
    box-shadow: none !important;
  }
  .md-side-drawer .md-list {
    --md-listview-bg: var(--sidedrawer-background);
    --md-listview-color: var(--sidedrawer-item-foreground);
  }
  .md-side-drawer .md-list-tile {
    --md-tile-action-color: var(--sidedrawer-item-foreground-secondary);
    --md-tile-leading-color: var(--sidedrawer-item-foreground);
    --md-tile-leading-icon-color: var(--sidedrawer-item-foreground-subtle);
    --md-tile-subtitle-color: var(--sidedrawer-item-foreground-secondary);
    --md-tile-title-color: var(--sidedrawer-item-foreground);
    --md-tile-active-bg: var(--sidedrawer-item-active-background);
    --md-tile-active-action-color: var(--sidedrawer-item-active-foreground-secondary);
    --md-tile-active-leading-color: var(--sidedrawer-item-active-foreground);
    --md-tile-active-leading-icon-color: var(--sidedrawer-item-active-foreground-secondary);
    --md-tile-active-subtitle-color: var(--sidedrawer-item-active-foreground-secondary);
    --md-tile-active-title-color: var(--sidedrawer-item-active-foreground);
    --md-tile-hover-bg: var(--sidedrawer-item-hover-background);
  }
  .md-side-drawer .md-list-nav {
    --md-nav-item-color: var(--sidedrawer-item-foreground);
    --md-nav-item-icon-color: var(--sidedrawer-item-foreground-subtle);
    --md-nav-item-divider-color: var(--sidedrawer-item-divider-color);
    --md-nav-item-active-bg: var(--sidedrawer-item-active-background);
    --md-nav-item-active-color: var(--sidedrawer-item-active-foreground);
    --md-nav-item-active-icon-color: var(--sidedrawer-item-active-foreground-secondary);
    --md-nav-item-expanded-bg: var(--sidedrawer-item-expanded-background);
    --md-nav-item-hover-bg: var(--sidedrawer-item-hover-background);
  }
}
@layer components {
  .md-mask-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .md-spinner-grow,
  .md-spinner-border {
    display: inline-block;
    border-radius: 50%;
    width: var(--md-spinner-width);
    height: var(--md-spinner-height);
    vertical-align: var(--md-spinner-vertical-align);
    animation: var(--md-spinner-animation-speed) linear infinite var(--md-spinner-animation-name);
  }
  .md-spinner-border {
    --md-spinner-width: 2rem;
    --md-spinner-height: 2rem;
    --md-spinner-vertical-align: -0.125em;
    --md-spinner-border-width: 0.25em;
    --md-spinner-animation-speed: 0.75s;
    --md-spinner-animation-name: spinner-border;
    border: var(--md-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
  }
  .md-spinner-grow {
    --md-spinner-width: 2rem;
    --md-spinner-height: 2rem;
    --md-spinner-vertical-align: -0.125em;
    --md-spinner-animation-speed: 0.75s;
    --md-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    .md-spinner-border,
    .md-spinner-grow {
      --md-spinner-animation-speed: 1.5s;
    }
  }
}
@layer animations {
  @keyframes spinner-border {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
}
@layer components {
  .md-progress-spinner.md-indeterminate {
    animation: md-spin 2s linear infinite;
  }
  .md-progress-spinner.md-indeterminate.md-progress-spinner-enter-from, .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active {
    transition-duration: 0.4s;
  }
  .md-progress-spinner.md-indeterminate.md-progress-spinner-enter-from .md-progress-spinner-draw, .md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active .md-progress-spinner-draw {
    opacity: 0;
    transform: scale(0.1);
  }
  .md-progress-spinner.md-indeterminate .md-progress-spinner-circle {
    animation: 4s infinite cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-progress-spinner.md-determinate.md-progress-spinner-enter-active, .md-progress-spinner.md-determinate.md-progress-spinner-leave-active {
    transition-duration: 2s;
  }
  .md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw, .md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw {
    animation: md-progress-spinner-initial-rotate 1.98s cubic-bezier(0.25, 0.8, 0.5, 1) forwards;
  }
  .md-progress-spinner.md-determinate .md-progress-spinner-draw {
    transition: none;
  }
  .md-progress-spinner > .md-progress-spinner-draw {
    overflow: visible;
    transform: scale(1) rotate(-90deg);
    transform-origin: center;
    transition: 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);
    will-change: opacity, transform;
  }
  .md-progress-spinner .md-progress-spinner-circle {
    fill: none;
    transform-origin: center;
    transition: stroke-dashoffset 0.25s cubic-bezier(0.25, 0.8, 0.5, 1);
    will-change: stroke-dashoffset, stroke-dasharray, stroke-width, animation-name, r;
  }
  .md-progress-bar-enter-from,
  .md-progress-bar-leave-active {
    opacity: 0.5;
    transform: translateZ(0) scaleY(0);
  }
  .md-progress-bar {
    transform: translateZ(0) scaleY(1);
    transform-origin: center center;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
  }
  .md-progress-bar.md-indeterminate > .md-progress-bar-track, .md-progress-bar.md-query > .md-progress-bar-track {
    left: -150%;
    animation: md-progress-bar-indeterminate-track 2s infinite linear;
  }
  .md-progress-bar.md-indeterminate > .md-progress-bar-track:after, .md-progress-bar.md-query > .md-progress-bar-track:after {
    animation: md-progress-bar-indeterminate-track-alternate 2s infinite linear;
  }
  .md-progress-bar.md-indeterminate > .md-progress-bar-fill, .md-progress-bar.md-query > .md-progress-bar-fill {
    left: -55%;
    animation: md-progress-bar-indeterminate-fill 2s infinite linear;
  }
  .md-progress-bar.md-indeterminate > .md-progress-bar-fill:after, .md-progress-bar.md-query > .md-progress-bar-fill:after {
    animation: md-progress-bar-indeterminate-fill-alternate 2s infinite linear;
  }
  .md-progress-bar.md-determinate > .md-progress-bar-fill,
  .md-progress-bar.md-determinate > .md-progress-bar-track,
  .md-progress-bar.md-determinate > .md-progress-bar-buffer, .md-progress-bar.md-buffer > .md-progress-bar-fill,
  .md-progress-bar.md-buffer > .md-progress-bar-track,
  .md-progress-bar.md-buffer > .md-progress-bar-buffer {
    transition: 0.25s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-progress-bar.md-determinate > .md-progress-bar-track {
    display: none;
  }
  .md-progress-bar.md-buffer > .md-progress-bar-buffer {
    border-top: 4px dotted;
    animation: md-progress-bar-buffer 0.25s infinite linear;
  }
  .md-progress-bar.md-query {
    transform: rotateZ(180deg);
  }
  .md-progress-bar > .md-progress-bar-buffer,
  .md-progress-bar > .md-progress-bar-track,
  .md-progress-bar > .md-progress-bar-fill {
    transform-origin: top left;
  }
  .md-progress-bar > .md-progress-bar-buffer, .md-progress-bar > .md-progress-bar-buffer:after,
  .md-progress-bar > .md-progress-bar-track,
  .md-progress-bar > .md-progress-bar-track:after,
  .md-progress-bar > .md-progress-bar-fill,
  .md-progress-bar > .md-progress-bar-fill:after {
    width: 100%;
    height: 100%;
    position: absolute;
    will-change: transform;
  }
  .md-progress-bar > .md-progress-bar-buffer:after,
  .md-progress-bar > .md-progress-bar-track:after,
  .md-progress-bar > .md-progress-bar-fill:after {
    display: inline-block;
    left: 0;
    content: " ";
  }
  .md-progress-bar.md-indeterminate {
    background-color: var(--md-progress-bar-bg);
  }
  .md-progress-bar.md-indeterminate > .md-progress-bar-track:after,
  .md-progress-bar.md-indeterminate > .md-progress-bar-fill:after {
    background-color: var(--md-progress-bar-bg-after);
  }
  .md-progress-bar.md-determinate {
    background-color: var(--md-progress-bar-bg);
  }
  .md-progress-bar.md-determinate > .md-progress-bar-fill {
    background-color: var(--md-progress-bar-fill-bg);
  }
  .md-progress-bar.md-buffer .md-progress-bar-fill {
    background-color: var(--md-progress-bar-fill-bg);
  }
  .md-progress-bar.md-buffer .md-progress-bar-track {
    background-color: var(--md-progress-bar-track-bg);
  }
  .md-progress-bar.md-buffer .md-progress-bar-buffer {
    border-color: var(--md-progress-bar-buffer-border-color);
  }
  .md-progressbar-simple {
    --md-progress-bg: oklch(94.2% 0.005 247.879deg);
    --md-progress-bar-bg: oklch(57.82% 0.23 260.03deg);
    --md-progress-bar-color: oklch(100% 0 0deg);
    --md-progress-bar-transition: width 0.6s ease;
    --md-progress-border-radius: 0.5rem;
    --md-progress-box-shadow: inset 0 1px 2px oklch(0% 0 0deg / 0.075);
    --md-progress-color: currentColor;
    --md-progress-font-size: 0.75rem;
    --md-progress-height: 1rem;
    --md-progress-label-font-size: 0.825rem;
    --md-progress-label-font-weight: 600;
    font-size: var(--md-progress-font-size);
  }
  .md-progressbar-simple > .md-progress-label:first-child {
    margin-bottom: 3px;
  }
  .md-progressbar-simple > .md-progress-label:last-child {
    margin-top: 3px;
  }
  .md-progressbar-simple .md-progress-label {
    color: var(--md-progress-color);
  }
  .md-progressbar-simple .md-progress-label > .text-label {
    font-size: var(--md-progress-label-font-size);
    font-weight: var(--md-progress-label-font-weight);
  }
  .md-progress-simple {
    height: var(--md-progress-height);
    font-size: var(--md-progress-font-size);
    background-color: var(--md-progress-bg);
    border-radius: var(--md-progress-border-radius);
    box-shadow: var(--md-progress-box-shadow);
  }
  .md-progress-simple-bar {
    flex-direction: column;
    text-align: center;
    white-space: nowrap;
    color: var(--md-progress-bar-color);
    background-color: var(--md-progress-bar-bg);
    transition: var(--md-progress-bar-transition);
  }
  .md-progress-simple-striped {
    background-image: linear-gradient(45deg, oklch(100% 0 89.876deg / 0.15) 25%, transparent 25%, transparent 50%, oklch(100% 0 89.876deg / 0.15) 50%, oklch(100% 0 89.876deg / 0.15) 75%, transparent 75%, transparent);
    background-size: var(--md-progress-height) var(--md-progress-height);
  }
  .md-progress-simple-animated {
    animation: 1s linear infinite md-progress-bar-stripes;
  }
  @media (prefers-reduced-motion: reduce) {
    .md-progress-simple-animated {
      animation: none;
    }
  }
}
@layer animations {
  @keyframes md-progress-spinner-initial-rotate {
    0% {
      opacity: 0;
      transform: rotate(-90deg) translateZ(0);
    }
    20% {
      opacity: 1;
    }
    100% {
      transform: rotate(270deg) translateZ(0);
    }
  }
  @keyframes md-progress-spinner-stroke-rotate-fallback {
    0% {
      transform: rotate(0);
    }
    25% {
      transform: rotate(1170deg);
    }
    50% {
      transform: rotate(2340deg);
    }
    75% {
      transform: rotate(3510deg);
    }
    100% {
      transform: rotate(4680deg);
    }
  }
  @keyframes md-progress-bar-indeterminate-track {
    0% {
      transform: translateX(0);
    }
    20% {
      animation-timing-function: cubic-bezier(0.5, 0, 0.7, 0.5);
      transform: translateX(0);
    }
    60% {
      animation-timing-function: cubic-bezier(0.3, 0.38, 0.55, 0.96);
      transform: translateX(83.67%);
    }
    100% {
      transform: translateX(200.61%);
    }
  }
  @keyframes md-progress-bar-indeterminate-track-alternate {
    0% {
      transform: scaleX(0.08);
    }
    35% {
      animation-timing-function: cubic-bezier(0.33, 0.12, 0.79, 1);
      transform: scaleX(0.08);
    }
    70% {
      animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
      transform: scaleX(0.66);
    }
    100% {
      transform: scaleX(0.08);
    }
  }
  @keyframes md-progress-bar-indeterminate-fill {
    0% {
      animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.41);
      transform: translateX(0);
    }
    25% {
      animation-timing-function: cubic-bezier(0.31, 0.28, 0.8, 0.73);
      transform: translateX(37.65%);
    }
    50% {
      animation-timing-function: cubic-bezier(0.4, 0.63, 0.6, 0.9);
      transform: translateX(84.39%);
    }
    100% {
      transform: translateX(160.28%);
    }
  }
  @keyframes md-progress-bar-indeterminate-fill-alternate {
    0% {
      animation-timing-function: cubic-bezier(0.15, 0, 0.52, 0.41);
      transform: scaleX(0.08);
    }
    20% {
      animation-timing-function: cubic-bezier(0.31, 0.28, 0.8, 0.73);
      transform: scaleX(0.46);
    }
    45% {
      animation-timing-function: cubic-bezier(0.4, 0.63, 0.6, 0.9);
      transform: scaleX(0.73);
    }
    100% {
      transform: scaleX(0.08);
    }
  }
  @keyframes md-progress-bar-buffer {
    to {
      transform: translate3D(-8px, 0, 0);
    }
  }
  @keyframes md-progress-bar-stripes {
    0% {
      background-position-x: 1rem;
    }
  }
}
@layer components {
  .md-popover {
    --md-popover-bg: var(--background-tertiary, oklch(100% 0 0deg));
    --md-popover-color: var(--foreground-tertiary, oklch(20.5% 0 0deg));
    --md-popover-border-radius: var(--md-radius);
    border-radius: var(--md-popover-border-radius);
    background-color: var(--md-popover-bg);
    color: var(--md-popover-color);
    -webkit-overflow-scrolling: touch;
    position: fixed;
    max-height: 100%;
    max-width: 95%;
    overflow: auto;
    z-index: 1025;
  }
  .md-popover > .md-list {
    --md-listview-bg: inherit;
  }
  .md-popover > .md-listbox {
    --md-listbox-bg: inherit;
  }
  .md-popover > .md-listbox,
  .md-popover-dropdown-menu,
  .md-popover-datetime {
    border: var(--md-dropdown-border-width) solid var(--md-dropdown-border-color);
  }
}
@layer animations {
  .md-popover.transition-bottom.scale-enter-from, .md-popover.transition-bottom.scale-leave-active, .md-popover.transition-bottom-left.scale-enter-from, .md-popover.transition-bottom-left.scale-leave-active, .md-popover.transition-bottom-right.scale-enter-from, .md-popover.transition-bottom-right.scale-leave-active, .md-popover.transition-top.scale-enter-from, .md-popover.transition-top.scale-leave-active, .md-popover.transition-top-left.scale-enter-from, .md-popover.transition-top-left.scale-leave-active, .md-popover.transition-top-right.scale-enter-from, .md-popover.transition-top-right.scale-leave-active {
    transform: scaleY(0.5);
  }
  .md-popover.transition-bottom, .md-popover.transition-bottom-left, .md-popover.transition-bottom-right {
    transform-origin: center top;
  }
  .md-popover.transition-top, .md-popover.transition-top-left, .md-popover.transition-top-right {
    transform-origin: center bottom;
  }
  .md-popover.transition-left {
    transform-origin: right center;
  }
  .md-popover.transition-left-top {
    transform-origin: right top;
  }
  .md-popover.transition-left-bottom {
    transform-origin: right bottom;
  }
  .md-popover.transition-right {
    transform-origin: left center;
  }
  .md-popover.transition-right-top {
    transform-origin: left top;
  }
  .md-popover.transition-right-bottom {
    transform-origin: left bottom;
  }
}
@layer components {
  .md-dropdown-menu-activator > * {
    cursor: pointer;
  }
  .md-popover-dropdown-menu > .md-list {
    border-radius: var(--md-radius);
  }
  .md-popover-dropdown-menu > .md-list .md-divider {
    --md-divider-margin-y: 3px;
  }
}
.md-popover .dropdown-menu {
  --md-dropdown-bg: var(--md-listview-bg, inherit);
  --md-dropdown-border-color: var(--border-translucent);
  --md-dropdown-border-width: 0;
  --md-dropdown-padding-x: 0;
  --md-dropdown-padding-y: 0;
  --md-dropdown-header-color: var(--md-subheader-color);
  --md-dropdown-header-padding-x: 1rem;
  --md-dropdown-header-padding-y: 0.5rem;
  --md-dropdown-item-padding-x: var(--md-tile-padding-x, 1rem);
  --md-dropdown-item-padding-y: var(--md-tile-padding-y, 0.25rem);
  --md-dropdown-link-color: var(--navigation-item-foreground);
  --md-dropdown-link-active-bg: var(--navigation-item-active-background);
  --md-dropdown-link-active-color: var(--navigation-item-active-foreground);
  --md-dropdown-link-hover-bg: var(--navigation-item-hover-background);
  --md-dropdown-link-hover-color: var(--navigation-item-hover-foreground);
  background-color: var(--md-dropdown-bg);
  border: var(--md-dropdown-border-width) solid var(--md-dropdown-border-color);
  padding: var(--md-dropdown-padding-y) var(--md-dropdown-padding-x);
  background-clip: padding-box;
  margin: 0;
  position: relative;
  display: block;
  text-align: left;
  list-style: none;
}
.md-popover .dropdown-item {
  padding: var(--md-dropdown-item-padding-y) var(--md-dropdown-item-padding-x);
  color: var(--md-dropdown-link-color);
  font-weight: var(--font-weight-normal);
  display: flex;
  align-items: center;
  text-align: inherit;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  clear: both;
  cursor: pointer;
  border: 0;
}
.md-popover .dropdown-item:hover, .md-popover .dropdown-item:focus {
  background-color: var(--md-dropdown-link-hover-bg);
  color: var(--md-dropdown-link-hover-color);
  text-decoration: none;
}
.md-popover .dropdown-item.active, .md-popover .dropdown-item:active {
  background-color: var(--md-dropdown-link-active-bg);
  color: var(--md-dropdown-link-active-color);
  text-decoration: none;
}
.md-popover .dropdown-item.disabled, .md-popover .dropdown-item:disabled {
  opacity: var(--md-field-readonly-opacity);
  cursor: default;
  pointer-events: none;
}
.md-popover .dropdown-header {
  padding: var(--md-dropdown-header-padding-y) var(--md-dropdown-header-padding-x);
  color: var(--md-dropdown-header-color);
  font-weight: var(--font-weight-medium);
  font-size: 14px;
  margin-bottom: 0;
  display: block;
  user-select: none;
  white-space: nowrap;
}

@layer components {
  .md-modal {
    --md-modal-background: var(--background-tertiary, oklch(100% 0 0deg));
    --md-modal-color: var(--foreground-tertiary, oklch(20.5% 0 0deg));
    --md-modal-border-radius: 1rem;
    --md-modal-header-padding: 1.5rem 1.5rem 1.25rem;
    --md-modal-body-padding: 1.5rem 1.5rem 1.25rem;
    --md-modal-footer-padding: 0.5rem 1rem 1rem 1rem;
    --md-modal-footer-spacing: 0.375rem;
    --md-modal-max-width: 80%;
    --md-modal-title-font-size: 1.375rem;
    --md-modal-title-font-weight: var(--font-weight-medium, 500);
    --md-modal-box-shadow: 0 5px 5px -3px oklch(0 0 0 / 0.2), 0 8px 10px 1px oklch(0 0 0 / 0.14), 0 3px 14px 2px oklch(0 0 0 / 0.12);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1038;
  }
  .md-modal > .md-modal-inner {
    border-radius: var(--md-modal-border-radius);
    box-shadow: var(--md-modal-box-shadow);
    background-color: var(--md-modal-background);
    color: var(--md-modal-color);
    max-width: var(--md-modal-max-width);
    font-size: inherit;
    padding: 0;
  }
  .md-modal > .md-modal-inner .md-modal-body {
    padding: var(--md-modal-body-padding);
  }
  .md-modal > .md-modal-inner.md-modal-scrollable .md-modal-body {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .md-modal > .md-modal-inner.md-modal-fullscreen {
    --md-modal-border-radius: 0;
    --md-modal-max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }
  .md-modal .md-modal-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
    margin: 0;
    padding: var(--md-modal-header-padding);
    font-size: var(--md-modal-title-font-size);
    font-weight: var(--md-modal-title-font-weight);
  }
  .md-modal .md-modal-title ~ .md-modal-body {
    --md-modal-body-padding: 0 1.5rem 1.25rem;
  }
  .md-modal .md-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 48px;
    padding: var(--md-modal-footer-padding);
    column-gap: var(--md-modal-footer-spacing);
  }
}
@layer animations {
  .modal-dialog-enter-active,
  .modal-dialog-leave-active {
    transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal-dialog-enter-active .md-modal-inner.md-slide-top, .modal-dialog-enter-active .md-modal-inner.md-slide-bottom, .modal-dialog-enter-active .md-modal-inner.md-slide-left, .modal-dialog-enter-active .md-modal-inner.md-slide-right, .modal-dialog-enter-active .md-modal-inner.md-scale,
  .modal-dialog-leave-active .md-modal-inner.md-slide-top,
  .modal-dialog-leave-active .md-modal-inner.md-slide-bottom,
  .modal-dialog-leave-active .md-modal-inner.md-slide-left,
  .modal-dialog-leave-active .md-modal-inner.md-slide-right,
  .modal-dialog-leave-active .md-modal-inner.md-scale {
    transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal-dialog-enter-from,
  .modal-dialog-leave-active {
    opacity: 0;
  }
  .modal-dialog-enter-from .md-modal-inner,
  .modal-dialog-leave-active .md-modal-inner {
    backface-visibility: hidden;
  }
  .modal-dialog-enter-from .md-modal-inner.md-slide-top,
  .modal-dialog-leave-active .md-modal-inner.md-slide-top {
    transform: translate3d(0, -100%, 0);
  }
  .modal-dialog-enter-from .md-modal-inner.md-slide-bottom,
  .modal-dialog-leave-active .md-modal-inner.md-slide-bottom {
    transform: translate3d(0, 100%, 0);
  }
  .modal-dialog-enter-from .md-modal-inner.md-slide-right,
  .modal-dialog-leave-active .md-modal-inner.md-slide-right {
    transform: translate3d(100%, 0, 0);
  }
  .modal-dialog-enter-from .md-modal-inner.md-slide-left,
  .modal-dialog-leave-active .md-modal-inner.md-slide-left {
    transform: translate3d(-100%, 0, 0);
  }
  .modal-dialog-enter-from .md-modal-inner.md-scale,
  .modal-dialog-leave-active .md-modal-inner.md-scale {
    transform: scale(0.6);
  }
}
@layer components {
  .md-lightbox-container {
    --md-lightbox-element-padding-x: 0.5rem;
    --md-lightbox-toolbar-bg: oklch(0% 0 0deg / 0.9);
    --md-lightbox-toolbar-color: oklch(55.6% 0 89.876);
    --md-lightbox-overlay-bg: oklch(20% 0 0);
    --md-lightbox-title-bg: oklch(0% 0 0deg / 0.7);
    --md-lightbox-title-color: oklch(65% 0 0);
    --md-lightbox-title-size: 1.25rem;
    --md-lightbox-thumbnail-bg: oklch(0% 0 0deg / 0.95);
    --md-lightbox-thumbnail-border: 1px solid oklch(0% 0 0deg / 0.6);
    --md-lightbox-thumbnail-opacity: 0.5;
    --md-lightbox-thumbnail-active-border-color: oklch(57.7% 0.245 27.325deg);
    --md-lightbox-thumbnail-active-border-width: 2px;
    bottom: 0;
  }
  .md-lightbox-container.md-lightbox-overlay {
    background-color: var(--md-lightbox-overlay-bg);
  }
  .md-lightbox-item {
    background: var(--md-lightbox-display-bg);
    max-width: 95%;
    max-height: 96%;
  }
  .md-lightbox-item-view > img,
  .md-lightbox-item-view > iframe,
  .md-lightbox-item-view > video {
    transition: all 0.3s ease-in-out;
    max-height: 100%;
    height: auto;
  }
  .md-lightbox-item-view > img {
    max-width: 100%;
  }
  .md-lightbox-item-view > iframe,
  .md-lightbox-item-view > video {
    width: 100%;
    border-width: 0;
  }
  .md-lightbox-item-title {
    background: var(--md-lightbox-title-bg);
    color: var(--md-lightbox-title-color);
    font-size: var(--md-lightbox-title-size);
    display: block;
    line-height: normal;
    padding: 12px;
    bottom: 0;
  }
  .md-lightbox-controls {
    left: 0;
    right: 0;
    z-index: 10;
  }
  .md-lightbox-controls > .md-control-prev {
    padding-left: var(--md-lightbox-element-padding-x);
  }
  .md-lightbox-controls > .md-control-next {
    padding-right: var(--md-lightbox-element-padding-x);
  }
  .md-lightbox-toolbar {
    z-index: 10;
  }
  .md-lightbox-toolbar .md-toolbar-items {
    background: var(--md-lightbox-toolbar-bg);
    padding: var(--md-lightbox-element-padding-x);
    min-width: 100px;
  }
  .md-lightbox-toolbar .md-counter {
    color: var(--md-lightbox-toolbar-color);
    padding: var(--md-lightbox-element-padding-x) 1rem;
  }
  .md-lightbox-thumbnail-container {
    background: var(--md-lightbox-thumbnail-bg);
    overflow-x: auto;
    padding: 0 0.5rem;
  }
  .md-lightbox-thumbnail-container > .md-lightbox-thumbnail-inner > .md-lightbox-thumbnail-row {
    flex-flow: row nowrap;
  }
  .md-lightbox-thumbnail-container > .md-lightbox-thumbnail-inner > .md-lightbox-thumbnail-row .md-thumbnail-item {
    border: var(--md-lightbox-thumbnail-border);
    opacity: var(--md-lightbox-thumbnail-opacity);
    display: inline-block;
    cursor: pointer;
  }
  .md-lightbox-thumbnail-container > .md-lightbox-thumbnail-inner > .md-lightbox-thumbnail-row .md-thumbnail-item:hover {
    --md-lightbox-thumbnail-opacity: 1;
  }
  .md-lightbox-thumbnail-container > .md-lightbox-thumbnail-inner > .md-lightbox-thumbnail-row .md-thumbnail-item.active {
    --md-lightbox-thumbnail-opacity: 1;
    border-color: var(--md-lightbox-thumbnail-active-border-color);
    border-left-width: var(--md-lightbox-thumbnail-active-border-width);
    border-right-width: var(--md-lightbox-thumbnail-active-border-width);
  }
  @media (min-width: 992px) {
    .md-lightbox-thumbnail-container > .md-lightbox-thumbnail-inner {
      justify-content: center;
    }
  }
}
@layer components {
  .md-color-picker {
    --md-color-picker-bg: var(--background-tertiary);
    --md-color-picker-border-radius: var(--md-radius);
    --md-color-picker-input-bg: oklch(96.7% 0.003 264.542deg);
    --md-color-picker-input-border: 1px solid oklch(0.867 0.011 247.949);
    --md-color-picker-input-color: inherit;
    --md-color-picker-input-focus-bg: var(--background-secondary, oklch(100% 0 0deg));
    --md-color-picker-input-focus-color: inherit;
    --md-color-picker-input-focus-outline: 2px solid var(--md-field-active-indicator);
    --md-color-picker-input-focus-shadow: oklch(0.578 0.228 260.025 / 0.25);
    --md-color-picker-slider-thumb-color: oklch(33.36% 0 89.876deg);
    border-radius: var(--md-color-picker-border-radius);
    background-color: var(--md-color-picker-bg);
    width: 330px;
  }
  .md-color-picker > .md-color-picker-canvas {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-image: linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);
    height: 150px;
  }
  .md-color-picker > .md-color-picker-canvas > .md-color-picker-canvas-marker {
    border-radius: 50%;
    background-color: currentColor;
    height: 14px;
    width: 14px;
    margin: -7px 0 0 -7px;
    border: 1px solid oklch(100% 0 0deg);
    outline: none;
  }
  .md-color-picker > .md-color-picker-canvas > .md-color-picker-canvas-marker:focus {
    border-width: 2px;
  }
  .md-color-picker > .md-color-picker-body {
    padding: 1rem;
  }
  .md-color-picker > .md-color-picker-body .md-btn-sm {
    --md-btn-sm-padding-x: 1rem;
  }
  .md-color-picker > .md-color-picker-body:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .md-color-picker > .md-color-picker-swatches {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    overflow-y: auto;
  }
  .md-color-picker .md-color-picker-controls > .md-color-picker-preview {
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 1rem;
  }
  .md-color-picker .md-color-picker-controls > .md-color-picker-preview > .md-color-picker-selected-color {
    border-radius: 50%;
    border: 1px solid oklch(46.4% 0 89.876deg);
  }
  .md-color-picker .md-color-picker-controls > .md-color-picker-preview > .md-color-picker-selected-color > .md-color-picker-selected-color-alpha {
    border-radius: 50%;
    background-color: currentColor;
  }
  .md-color-picker .md-color-picker-controls > .md-color-picker-sliders {
    flex: 1 0 auto;
    padding-left: 0.5rem;
  }
  .md-color-picker .md-hue-slider,
  .md-color-picker .md-alpha-slider {
    padding: 10.5px 7px;
  }
  .md-color-picker .md-slider-track {
    border-radius: 0.5rem;
    height: 0.5rem;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb {
    --md-slider-thumb-surface-opacity: 0;
    --md-slider-thumb-ripple-opacity: 0;
    border-radius: 50%;
    background-color: var(--md-color-picker-slider-thumb-color);
    box-shadow: 0 1px 2px 0 oklch(36.9% 0.007 240.019deg / 0.35), 0 1px 4px 3px oklch(36.9% 0.007 240.019deg / 0.05);
    color: var(--md-color-picker-slider-thumb-color);
    width: 14px;
    height: 14px;
    margin-left: -7px;
    outline: none;
    cursor: pointer;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb > .md-slider-thumb-surface {
    border-radius: 50%;
    background-color: var(--md-color-picker-slider-thumb-color);
    cursor: pointer;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb > .md-slider-thumb-surface:before {
    border-radius: 50%;
    background-color: currentColor;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
    opacity: var(--md-slider-thumb-surface-opacity);
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-color-picker .md-slider-track > .md-slider-thumb > .md-slider-thumb-ripple {
    border-radius: 50%;
    background-color: var(--md-color-picker-slider-thumb-color);
    opacity: var(--md-slider-thumb-ripple-opacity);
    height: 28px;
    width: 28px;
    left: 50%;
    top: 50%;
    cursor: pointer;
    pointer-events: none;
    transform: translate(-50%, -50%);
  }
  .md-color-picker .md-slider-track > .md-slider-thumb:hover, .md-color-picker .md-slider-track > .md-slider-thumb:focus {
    --md-slider-thumb-surface-opacity: 0.08;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb:hover > .md-slider-thumb-surface:before, .md-color-picker .md-slider-track > .md-slider-thumb:focus > .md-slider-thumb-surface:before {
    transform: scale(2);
  }
  .md-color-picker .md-slider-track > .md-slider-thumb.md-focused {
    --md-slider-thumb-ripple-opacity: 0.18;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb.md-pressed {
    --md-slider-thumb-ripple-opacity: 0.25;
  }
  .md-color-picker .md-slider-track > .md-slider-thumb.move-transition {
    transition: 0.35s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-color-picker .md-slider-track > .md-slider-track-alpha {
    border-radius: 0.5rem;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor);
  }
  .md-color-picker .md-hue-slider > .md-slider-track {
    background-image: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%);
  }
  .md-color-picker .md-color-picker-preview > .md-color-picker-selected-color,
  .md-color-picker .md-alpha-slider > .md-slider-track {
    background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
    background-position: 0 0, 4px 4px;
    background-size: 8px 8px;
  }
  .md-color-picker .md-color-picker-inputs {
    padding-top: 0.5rem;
  }
  .md-color-picker .md-color-picker-inputs > .md-color-picker-input-row {
    padding: 0.75rem 0;
  }
  .md-color-picker .md-color-picker-inputs > .md-color-picker-input-row > .md-color-picker-input-label {
    font-size: 12px;
    opacity: var(--md-field-readonly-opacity);
  }
  .md-color-picker .md-color-picker-inputs > .md-color-picker-input-row > .md-color-picker-input-label:first-child {
    padding-left: 0;
  }
  .md-color-picker .md-color-picker-inputs .form-input-number,
  .md-color-picker .md-color-picker-inputs .form-input-text {
    background-clip: padding-box;
    border-radius: 0.25rem;
    min-height: calc(1.5em + 0.5rem + 2px);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .md-color-picker .md-color-picker-swatches-content {
    padding: 0 1rem 1rem 1rem;
  }
  .md-color-picker .md-color-picker-swatches-content > .md-swatch-button {
    border-radius: 50% !important;
    border: 0;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    white-space: nowrap;
  }
  .md-color-picker .md-color-picker-swatches-content > .md-swatch-button:after {
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px oklch(0% 0 0deg / 0.1);
    background-color: currentColor;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    position: absolute;
    pointer-events: none;
  }
  .md-popover-color-picker {
    overflow: hidden;
  }
  .md-popover-color-picker > .md-color-picker {
    --md-color-picker-border-radius: inherit;
  }
}
.md-color-picker-inputs .md-color-picker-input-col > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.md-color-picker-inputs .form-input-number,
.md-color-picker-inputs .form-input-text {
  font-weight: 400;
  font-size: 0.85em;
  line-height: 1.5;
  appearance: none;
  padding: 0.25rem 0.375rem;
  background-color: var(--md-color-picker-input-bg);
  border: var(--md-color-picker-input-border);
  color: var(--md-color-picker-input-color);
}
.md-color-picker-inputs .form-input-number:focus,
.md-color-picker-inputs .form-input-text:focus {
  color: var(--md-color-picker-input-focus-color);
  background-color: var(--md-color-picker-input-focus-bg);
  outline: var(--md-color-picker-input-focus-outline);
  box-shadow: 0 0 0 0.325rem var(--md-color-picker-input-focus-shadow);
}

@layer components {
  .md-datepicker {
    --md-datepicker-border-radius: var(--md-radius, 0.5rem) ;
    --md-datepicker-padding-x: 1rem;
    --md-datepicker-padding-y: 1rem;
    --md-datepicker-bg: var(--background-tertiary);
    --md-datepicker-header-color: oklch(100% 0 0deg);
    --md-datepicker-header-font-weight: var(--font-weight-medium, 500);
    --md-datepicker-table-header-color: oklch(68.7% 0.016 239.982deg);
    --md-datepicker-title-font-size: 1.8rem;
    --md-datepicker-subtitle-font-size: 1.25rem;
    border-radius: var(--md-datepicker-border-radius);
  }
  .md-datepicker-body {
    border-radius: var(--md-datepicker-border-radius);
    background-color: var(--md-datepicker-bg);
    color: var(--md-datepicker-color);
    min-height: 280px;
  }
  .md-datepicker-body .md-btn-today {
    --md-btn-border-color: var(--md-btn-color);
  }
  .md-datepicker-header,
  .md-datepicker-days {
    padding: var(--md-datepicker-padding-y) var(--md-datepicker-padding-x);
  }
  .md-datepicker-header {
    border-top-left-radius: var(--md-datepicker-border-radius);
    border-top-right-radius: var(--md-datepicker-border-radius);
    color: var(--md-datepicker-header-color);
    font-weight: var(--md-datepicker-header-font-weight);
    line-height: normal;
  }
  .md-datepicker-header > .md-datepicker-title {
    font-size: var(--md-datepicker-title-font-size);
  }
  .md-datepicker-header > .md-datepicker-subtitle {
    font-size: var(--md-datepicker-subtitle-font-size);
    margin-bottom: calc(var(--md-datepicker-padding-y) / 4);
  }
  .md-datepicker-header .md-datepicker-year,
  .md-datepicker-header .md-datepicker-time,
  .md-datepicker-header > .md-datepicker-title {
    transition: 0.45s cubic-bezier(0.55, 0, 0.55, 0.2);
  }
  .md-datepicker-header .md-datepicker-year:not(.active),
  .md-datepicker-header .md-datepicker-time:not(.active),
  .md-datepicker-header > .md-datepicker-title:not(.active) {
    opacity: var(--md-field-readonly-opacity);
  }
  .md-datepicker-header .md-datepicker-year:not(.active):hover,
  .md-datepicker-header .md-datepicker-time:not(.active):hover,
  .md-datepicker-header > .md-datepicker-title:not(.active):hover {
    opacity: 1;
  }
  .md-datepicker-nav {
    padding: calc(var(--md-datepicker-padding-y) / 2) var(--md-datepicker-padding-x);
  }
  .md-datepicker-nav > .md-datepicker-nav-title {
    flex: 1;
    text-align: center;
    cursor: pointer;
  }
  .md-datepicker-nav > .md-datepicker-nav-title > .font-weight-bold {
    transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-datepicker-nav > .md-datepicker-nav-title.disabled {
    opacity: var(--md-field-readonly-opacity);
  }
  .md-picker-seconds .md-btn[class*=btn-flat],
  .md-picker-minutes .md-btn[class*=btn-flat],
  .md-datepicker-days .md-btn[class*=btn-flat],
  .md-datepicker-months .md-btn[class*=btn-flat] {
    --md-btn-md-padding-x: 3rem;
  }
  .md-picker-hours .md-btn,
  .md-datepicker-years .md-btn {
    --md-btn-md-padding-x: 1.25rem;
  }
  .md-picker-hours .md-btn[class*=btn-flat],
  .md-datepicker-years .md-btn[class*=btn-flat] {
    --md-btn-md-padding-x: 2.5rem;
  }
  .md-datepicker-days,
  .md-datepicker-months,
  .md-datepicker-years {
    padding: 0 calc(var(--md-datepicker-padding-x) - 0.25rem) calc(var(--md-datepicker-padding-y) - 0.25rem);
  }
  .md-datepicker-days th {
    pointer-events: none;
    user-select: none;
  }
  .md-datepicker-days td {
    height: 2.5rem;
    vertical-align: middle;
  }
  .md-datepicker-days .md-btn-icon {
    --md-btn-font-weight: var(--font-weight-normal);
  }
  .md-datepicker-days .md-btn-icon.disabled {
    --md-btn-disabled-bg: transparent;
  }
  .md-datepicker-months td,
  .md-datepicker-years td,
  .md-picker-times td,
  .md-picker-minutes td,
  .md-picker-seconds td {
    height: 3.375rem;
    vertical-align: middle;
  }
  .md-datepicker-times {
    padding: calc(var(--md-datepicker-padding-y) / 2) calc(var(--md-datepicker-padding-x) - 0.25rem);
  }
  .md-datepicker-times .md-picker-times {
    margin-top: 0.5rem;
  }
  .md-datepicker-times .md-picker-hours td {
    height: 2.75rem;
    vertical-align: middle;
  }
  .md-datepicker-times .md-picker-times-sep {
    width: 1rem;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 0.25rem;
    pointer-events: none;
  }
  .md-datepicker-times .md-btn-flat-light:not([class*=btn-icon]) {
    --md-btn-color: oklch(100% 0 0deg);
  }
  .md-datepicker-days .md-btn-flat-light,
  .md-datepicker-months .md-btn-flat-light,
  .md-datepicker-years .md-btn-flat-light {
    --md-btn-color: oklch(100% 0 0deg);
  }
  .md-datepicker:not(.md-landscape) .md-datepicker-header + .md-datepicker-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .md-datepicker.md-landscape .md-datepicker-header {
    border-top-left-radius: var(--md-datepicker-border-radius);
    border-bottom-left-radius: var(--md-datepicker-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 200px;
  }
  .md-datepicker.md-landscape .md-datepicker-header + .md-datepicker-body {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md-field-control.md-datetime-field .md-prepend-inner,
  .md-field-control.md-datetime-field .md-append-inner {
    cursor: pointer;
  }
}
.md-datepicker-body table {
  display: table;
  table-layout: fixed;
  width: 100%;
  transition: 0.45s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.md-datepicker-body table tr {
  background-color: inherit !important;
  border-width: 0;
}
.md-datepicker-body table td,
.md-datepicker-body table th {
  background-color: inherit !important;
  border-width: 0;
  position: relative;
  text-align: center;
}
.md-datepicker-body table td {
  padding: 0;
}

.md-datepicker-days table th {
  color: var(--md-datepicker-table-header-color);
  padding: calc(var(--md-datepicker-padding-y) / 2) 0;
  font-weight: 700;
}

@layer components {
  .md-tabs {
    --md-tab-content-background: inherit;
    --md-tab-content-padding: 1.25rem;
    --md-tab-placement-top-shadow: 0px 4px 5px oklch(0% 0 0deg / 0.15), 0px 2px 2px oklch(0% 0 0deg / 0.14), 0px 3px 1px -2px oklch(0% 0 0deg / 0.12);
    --md-tab-placement-bottom-shadow: 0px -1px 5px oklch(0% 0 0deg / 0.2), 0px -1px 2px oklch(0% 0 0deg / 0.14), 0px -3px 1px -2px oklch(0% 0 0deg / 0.12);
    --md-tab-placement-left-shadow: 0px 0px 0px oklch(0% 0 0deg / 0.2), 2px 2px 4px oklch(0% 0 0deg / 0.14), 0px 2px 2px 0px oklch(0% 0 0deg / 0.12);
    --md-tab-placement-right-shadow: 0px 0px 0px oklch(0% 0 0deg / 0.2), -2px 0px 2px oklch(0% 0 0deg / 0.14), -3px 0px 1px -2px oklch(0% 0 0deg / 0.12);
    --md-tab-spacing: 0.375rem;
    --md-tab-item-padding: 0.75rem 1.25rem;
    --md-tab-item-color: oklch(100% 0 0deg / 0.6);
    --md-tab-item-active-color: oklch(100% 0 0deg);
    --md-tab-item-hover-color: oklch(100% 0 0deg / 0.8);
    --md-tab-item-disabled-color: oklch(100% 0 0deg / 0.3);
    --md-tab-item-font-weight: var(--font-weight-medium, 500);
    --md-tab-item-font-size: 0.95rem;
    --md-tab-tabs-background: var(--md-card-cap-bg, oklch(0% 0 0deg / 0.03));
    --md-tab-tabs-border-radius: var(--md-radius, 0.5rem);
    --md-tab-tabs-border-color: var(--md-card-border-color, oklch(0% 0 0deg / 0.15));
    --md-tab-tabs-border-width: var(--md-card-border-width, thin);
    --md-tab-tabs-active-bg: oklch(100% 0 0deg);
    --md-tab-tabs-active-border-color: oklch(89.6% 0.007 247.901deg);
    --md-tab-tabs-hover-border-color: oklch(0.92 0 0);
    --md-tab-tabs-color: oklch(38.81% 0.05 254.87deg / 0.86);
    --md-tab-tabs-hover-color: var(--md-field-active-indicator);
    --md-tab-tabs-margin-x: var(--md-card-cap-padding-x, 1rem);
    --md-tab-tabs-margin-y: var(--md-card-cap-padding-y, 0.5rem);
    --md-tab-pills-background: var(--md-card-cap-bg, oklch(0% 0 0deg / 0.03));
    --md-tab-pills-border-radius: var(--md-radius, 0.5rem);
    --md-tab-pills-border-color: var(--md-card-border-color, oklch(0% 0 0deg / 0.15));
    --md-tab-pills-border-width: var(--md-card-border-width, thin);
    --md-tab-pills-color: oklch(38.81% 0.05 254.87deg / 0.86);
    --md-tab-pills-active-bg: var(--md-field-active-indicator);
    --md-tab-pills-active-color: oklch(100% 0 0deg);
    --md-tab-pills-hover-color: var(--md-field-active-indicator);
    --md-tab-pills-margin: 0.75rem 1.25rem;
    --md-tab-material-margin-start: 1rem;
    --md-tab-material-margin-end: 1rem;
    --md-tab-material-padding: 0.75rem 1.5rem 0.75rem 1.5rem;
    --md-tab-material-indicator-active-color: oklch(100% 0 0deg);
    --md-tab-material-indicator-border: 0.2rem;
    --md-tab-modern-border-radius: var(--md-radius-pill, 50rem);
    --md-tab-modern-active-bg: oklch(0% 0 0deg / 0.2);
    --md-tab-modern-margin-horizontal: 0.625rem 1.25rem;
    --md-tab-modern-margin-vertical: 0.625rem;
    border-radius: inherit;
    transition: 0.45s cubic-bezier(0.4, 0, 1, 1);
  }
  @media (max-width: 575.98px) {
    .md-tabs {
      --md-tab-content-padding: 1.25rem 0.75rem;
    }
  }
  .md-tabs > .md-tab-content {
    border-radius: inherit;
    background-color: var(--md-tab-content-background);
    padding: var(--md-tab-content-padding);
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .tab-item-link {
    cursor: pointer;
    outline: 0 none;
    padding: 0;
    display: block;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  }
  .tab-item-link.disabled, .tab-item-link:disabled {
    pointer-events: none;
    cursor: default;
  }
  .tab-item-link > .md-ripple {
    font-size: var(--md-tab-item-font-size);
    font-weight: var(--md-tab-item-font-weight);
    padding: var(--md-tab-item-padding);
    user-select: none;
  }
  .tab-item-link .tab-text {
    line-height: 1.3;
  }
  @media (prefers-reduced-motion: reduce) {
    .tab-item-link {
      transition: none;
    }
  }
  .md-tab-items {
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
  }
  .md-tab-items.md-tab-top, .md-tab-items.md-tab-bottom {
    flex-wrap: nowrap;
    overflow-x: hidden;
    position: relative;
  }
  .md-tab-items.md-tab-top > .tab-sliding, .md-tab-items.md-tab-bottom > .tab-sliding {
    display: flex;
    flex: 1 0 auto;
    position: relative;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.5, 1);
  }
  .md-tabs-tabs.md-tab-top,
  .md-tabs-pills.md-tab-top,
  .md-tabs-material.md-tab-top,
  .md-tabs-modern.md-tab-top {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .md-tabs-tabs.md-tab-bottom,
  .md-tabs-pills.md-tab-bottom,
  .md-tabs-material.md-tab-bottom,
  .md-tabs-modern.md-tab-bottom {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .md-tabs-tabs.md-tab-left,
  .md-tabs-pills.md-tab-left,
  .md-tabs-material.md-tab-left,
  .md-tabs-modern.md-tab-left {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .md-tabs-tabs.md-tab-right,
  .md-tabs-pills.md-tab-right,
  .md-tabs-material.md-tab-right,
  .md-tabs-modern.md-tab-right {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .md-tabs-tabs .tab-item-link {
    border: var(--md-tab-tabs-border-width) solid transparent;
  }
  .md-tabs-tabs.md-tab-left {
    background-color: var(--md-tab-tabs-background);
    border-right: var(--md-tab-tabs-border-width) solid var(--md-tab-tabs-border-color);
    padding: var(--md-tab-tabs-margin-x) 0 var(--md-tab-tabs-margin-x) var(--md-tab-tabs-margin-x);
  }
  .md-tabs-tabs.md-tab-left > .tab-item-link {
    border-radius: var(--md-tab-tabs-border-radius) 0 0 var(--md-tab-tabs-border-radius);
    margin-right: -1px;
  }
  .md-tabs-tabs.md-tab-left > .tab-item-link.active {
    border-color: var(--md-tab-tabs-active-border-color) transparent var(--md-tab-tabs-active-border-color) var(--md-tab-tabs-active-border-color);
  }
  .md-tabs-tabs.md-tab-right {
    background-color: var(--md-tab-tabs-background);
    border-left: var(--md-tab-tabs-border-width) solid var(--md-tab-tabs-border-color);
    padding: var(--md-tab-tabs-margin-x) var(--md-tab-tabs-margin-x) var(--md-tab-tabs-margin-x) 0;
  }
  .md-tabs-tabs.md-tab-right > .tab-item-link {
    border-radius: 0 var(--md-tab-tabs-border-radius) var(--md-tab-tabs-border-radius) 0;
    margin-left: -1px;
  }
  .md-tabs-tabs.md-tab-right > .tab-item-link.active {
    border-color: var(--md-tab-tabs-active-border-color) var(--md-tab-tabs-active-border-color) var(--md-tab-tabs-active-border-color) transparent;
  }
  .md-tabs-tabs.md-tab-top > .tab-sliding, .md-tabs-tabs.md-tab-bottom > .tab-sliding {
    padding-left: var(--md-tab-tabs-margin-x);
    padding-right: var(--md-tab-tabs-margin-x);
  }
  .md-tabs-tabs.md-tab-top {
    padding: var(--md-tab-tabs-margin-y) 0 0 0;
    border-bottom-width: 0;
  }
  .md-tabs-tabs.md-tab-top > .tab-sliding {
    border-bottom: var(--md-tab-tabs-border-width) solid var(--md-tab-tabs-border-color);
  }
  .md-tabs-tabs.md-tab-top .tab-item-link {
    border-radius: var(--md-tab-tabs-border-radius) var(--md-tab-tabs-border-radius) 0 0;
    margin-bottom: -1px;
  }
  .md-tabs-tabs.md-tab-top .tab-item-link:hover, .md-tabs-tabs.md-tab-top .tab-item-link:focus {
    border-color: var(--md-tab-tabs-hover-border-color) var(--md-tab-tabs-hover-border-color) transparent;
  }
  .md-tabs-tabs.md-tab-top .tab-item-link.active {
    border-color: var(--md-tab-tabs-active-border-color) var(--md-tab-tabs-active-border-color) transparent;
  }
  .md-tabs-tabs.md-tab-bottom {
    padding: 0 0 var(--md-tab-tabs-margin-y) 0;
    border-bottom-width: 0;
    border-top-width: 0;
  }
  .md-tabs-tabs.md-tab-bottom > .tab-sliding {
    border-top: var(--md-tab-tabs-border-width) solid var(--md-tab-tabs-border-color);
  }
  .md-tabs-tabs.md-tab-bottom .tab-item-link {
    border-radius: 0 0 var(--md-tab-tabs-border-radius) var(--md-tab-tabs-border-radius);
    margin-top: -1px;
  }
  .md-tabs-tabs.md-tab-bottom .tab-item-link:hover, .md-tabs-tabs.md-tab-bottom .tab-item-link:focus {
    border-color: transparent var(--md-tab-tabs-hover-border-color) var(--md-tab-tabs-hover-border-color);
  }
  .md-tabs-tabs.md-tab-bottom .tab-item-link.active {
    border-color: transparent var(--md-tab-tabs-active-border-color) var(--md-tab-tabs-active-border-color);
  }
  .md-tabs-pills {
    padding: var(--md-tab-pills-margin);
  }
  .md-tabs-pills .tab-item-link {
    border-radius: var(--md-tab-pills-border-radius);
  }
  .md-tabs-pills .tab-item-link > .md-ripple {
    border-radius: var(--md-tab-pills-border-radius);
  }
  .md-tabs-pills.md-tab-left {
    background-color: var(--md-tab-pills-background);
    border-right: var(--md-tab-pills-border-width) solid var(--md-tab-pills-border-color);
  }
  .md-tabs-pills.md-tab-right {
    background-color: var(--md-tab-pills-background);
    border-left: var(--md-tab-pills-border-width) solid var(--md-tab-pills-border-color);
  }
  .md-tabs-material {
    position: relative;
  }
  .md-tabs-material .tab-item-link {
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .md-tabs-material .tab-item-link > .md-ripple {
    padding: var(--md-tab-material-padding);
  }
  .md-tabs-material.md-tab-top {
    box-shadow: var(--md-tab-placement-top-shadow);
    z-index: 1;
  }
  .md-tabs-material.md-tab-top .tab-item-link {
    border-bottom-width: var(--md-tab-material-indicator-border);
  }
  .md-tabs-material.md-tab-top .tab-item-link.active {
    border-bottom-color: var(--md-tab-material-indicator-active-color);
  }
  .md-tabs-material.md-tab-bottom {
    box-shadow: var(--md-tab-placement-bottom-shadow);
  }
  .md-tabs-material.md-tab-bottom .tab-item-link {
    border-top-width: var(--md-tab-material-indicator-border);
  }
  .md-tabs-material.md-tab-bottom .tab-item-link.active {
    border-top-color: var(--md-tab-material-indicator-active-color);
  }
  .md-tabs-material.md-tab-left {
    box-shadow: var(--md-tab-placement-left-shadow);
    z-index: 1;
  }
  .md-tabs-material.md-tab-left > .tab-item-link {
    border-right-width: var(--md-tab-material-indicator-border);
  }
  .md-tabs-material.md-tab-left > .tab-item-link.active {
    border-right-color: var(--md-tab-material-indicator-active-color);
  }
  .md-tabs-material.md-tab-right {
    box-shadow: var(--md-tab-placement-right-shadow);
  }
  .md-tabs-material.md-tab-right > .tab-item-link {
    border-left-width: var(--md-tab-material-indicator-border);
  }
  .md-tabs-material.md-tab-right > .tab-item-link.active {
    border-left-color: var(--md-tab-material-indicator-active-color);
  }
  @media (min-width: 992px) {
    .md-tabs-material.md-tab-top .tab-item-link:first-child, .md-tabs-material.md-tab-bottom .tab-item-link:first-child {
      margin-left: var(--md-tab-material-margin-start);
    }
    .md-tabs-material.md-tab-top .tab-item-link:last-child, .md-tabs-material.md-tab-bottom .tab-item-link:last-child {
      margin-right: var(--md-tab-material-margin-end);
    }
  }
  .md-tabs-modern {
    padding: var(--md-tab-modern-margin-horizontal);
  }
  .md-tabs-modern.md-tab-left, .md-tabs-modern.md-tab-right {
    padding: var(--md-tab-modern-margin-vertical);
  }
  .md-tabs-modern .tab-item-link {
    border-radius: var(--md-tab-modern-border-radius);
  }
  .md-tabs-modern .tab-item-link > .md-ripple {
    border-radius: var(--md-tab-modern-border-radius);
  }
  .md-tabs-pills.md-tab-top .tab-item + .tab-item, .md-tabs-pills.md-tab-bottom .tab-item + .tab-item,
  .md-tabs-modern.md-tab-top .tab-item + .tab-item,
  .md-tabs-modern.md-tab-bottom .tab-item + .tab-item {
    margin-left: var(--md-tab-spacing);
  }
  .md-tabs-pills.md-tab-left .tab-item + .tab-item, .md-tabs-pills.md-tab-right .tab-item + .tab-item,
  .md-tabs-modern.md-tab-left .tab-item + .tab-item,
  .md-tabs-modern.md-tab-right .tab-item + .tab-item {
    margin-top: var(--md-tab-spacing);
  }
}
.md-tabs .tab-item-link {
  text-decoration: none;
}

.md-tabs-tabs .tab-item-link {
  color: var(--md-tab-tabs-color);
}
.md-tabs-tabs .tab-item-link:hover, .md-tabs-tabs .tab-item-link:focus {
  color: var(--md-tab-tabs-hover-color);
}
.md-tabs-tabs .tab-item-link.active {
  background-color: var(--md-tab-tabs-active-bg);
}
.md-tabs-tabs .tab-item-link.disabled {
  opacity: var(--md-field-disabled-opacity);
}

.md-tabs-pills .tab-item-link {
  color: var(--md-tab-pills-color);
}
.md-tabs-pills .tab-item-link:hover, .md-tabs-pills .tab-item-link:focus {
  color: var(--md-tab-pills-hover-color);
}
.md-tabs-pills .tab-item-link.active {
  background-color: var(--md-tab-pills-active-bg);
  color: var(--md-tab-pills-active-color);
  box-shadow: 0 2px 5px 0 oklch(0% 0 0deg / 0.16), 0 4px 8px 0 oklch(0% 0 0deg / 0.12);
}
.md-tabs-pills .tab-item-link.disabled {
  opacity: var(--md-field-disabled-opacity);
}

.md-tabs-material .tab-item-link {
  color: var(--md-tab-item-color);
}
.md-tabs-material .tab-item-link:hover {
  color: var(--md-tab-item-hover-color);
}
.md-tabs-material .tab-item-link.active {
  color: var(--md-tab-item-active-color);
}
.md-tabs-material .tab-item-link.disabled {
  color: var(--md-tab-item-disabled-color);
}

.md-tabs-modern .tab-item-link {
  color: var(--md-tab-item-color);
}
.md-tabs-modern .tab-item-link:hover {
  color: var(--md-tab-item-hover-color);
}
.md-tabs-modern .tab-item-link.active {
  background-color: var(--md-tab-modern-active-bg);
  color: var(--md-tab-item-active-color);
}
.md-tabs-modern .tab-item-link.disabled {
  color: var(--md-tab-item-disabled-color);
}

.md-tab-content > .tab-pane {
  display: none;
}
.md-tab-content > .tab-pane.active {
  display: block;
}

@layer components {
  .md-tooltip {
    --md-tooltip-arrow-size: 0.5rem;
    --md-tooltip-border-radius: 0.25rem;
    --md-tooltip-bg: oklch(0% 0 0deg);
    --md-tooltip-color: oklch(100% 0 0deg);
    --md-tooltip-opacity: 0.9;
    --md-tooltip-font-size: 13px;
    --md-tooltip-padding-x: 0.625rem;
    --md-tooltip-padding-y: 0.25rem;
    margin: 0;
    position: fixed;
  }
  .md-tooltip > .md-tooltip-arrow {
    width: var(--md-tooltip-arrow-size);
    height: var(--md-tooltip-arrow-size);
    background: var(--md-tooltip-bg);
    position: absolute;
    transform: rotate(45deg);
  }
  .md-tooltip > .md-tooltip-inner {
    border-radius: var(--md-tooltip-border-radius);
    background-color: var(--md-tooltip-bg);
    color: var(--md-tooltip-color);
    font-size: var(--md-tooltip-font-size);
    opacity: var(--md-tooltip-opacity);
    padding: var(--md-tooltip-padding-y) var(--md-tooltip-padding-x);
    line-height: 18px;
    pointer-events: none;
    position: relative;
    width: max-content;
  }
}
@layer animations {
  .md-tooltip-top-enter-active, .md-tooltip-top-leave-active,
  .md-tooltip-bottom-enter-active,
  .md-tooltip-bottom-leave-active,
  .md-tooltip-left-enter-active,
  .md-tooltip-left-leave-active,
  .md-tooltip-right-enter-active,
  .md-tooltip-right-leave-active {
    transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1), opacity 0.35s cubic-bezier(0.4, 0, 1, 1);
  }
  .md-tooltip-top-enter-from,
  .md-tooltip-top-leave-active {
    opacity: 0;
    transform: translate(0, 10px);
  }
  .md-tooltip-bottom-enter-from,
  .md-tooltip-bottom-leave-active {
    opacity: 0;
    transform: translate(0, -10px);
  }
  .md-tooltip-left-enter-from,
  .md-tooltip-left-leave-active {
    opacity: 0;
    transform: translate(10px, 0);
  }
  .md-tooltip-right-enter-from,
  .md-tooltip-right-leave-active {
    opacity: 0;
    transform: translate(-10px, 0);
  }
}
@layer components {
  .md-notification {
    --md-notification-background-color: oklch(21.9% 0.02 238.08deg);
    --md-notification-border-radius: var(--md-radius, 0.5rem);
    --md-notification-box-shadow-color: oklch(0 0 0 / 0.2);
    --md-notification-box-shadow-hover-color: oklch(0 0 0 / 0.45);
    --md-notification-color: oklch(100% 0 0deg);
    --md-notification-hover-color: oklch(89.6% 0.007 247.901deg);
    --md-notification-font-size: 0.9rem;
    --md-notification-opacity: 0.9;
    --md-notification-title-font-weight: var(--font-weight-medium, 500);
    --md-notification-title-font-size: 110%;
    --md-notification-margin-x: 1rem;
    --md-notification-margin-y: 0.75rem;
    --md-notification-progressbar-color: oklch(83.42% 0.16 79.51deg);
    --md-notification-spacing: 0.75rem;
    --md-notification-width: 350px;
  }
  .md-notification .md-dialog-title {
    font-weight: var(--md-notification-title-font-weight);
    font-size: var(--md-notification-title-font-size);
    margin-bottom: 0.5rem;
  }
  .md-notification .md-dialog-message {
    word-break: break-word;
  }
  .md-notification .md-dialog-message {
    --md-notification-link-color: --md-notification-color;
    font-size: var(--md-notification-font-size);
  }
  .md-notification .md-dialog-message a,
  .md-notification .md-dialog-message label {
    color: var(--md-notification-link-color);
  }
  .md-notification .md-dialog-message a:hover {
    --md-notification-link-color: var(--md-notification-hover-color);
  }
  .md-notification-container {
    width: var(--md-notification-container-width);
    position: fixed;
    z-index: 1055;
    pointer-events: none;
  }
  .md-notification-container * {
    box-sizing: border-box;
  }
  .md-notification-container.md-container-top-right {
    right: var(--md-notification-margin-x);
    top: var(--md-notification-margin-y);
  }
  .md-notification-container.md-container-top-left {
    left: var(--md-notification-margin-x);
    top: var(--md-notification-margin-y);
  }
  .md-notification-container.md-container-top-center {
    --md-notification-container-width: 100%;
    right: 0;
    top: var(--md-notification-margin-y);
  }
  .md-notification-container.md-container-top-full-width {
    --md-notification-container-width: 100%;
    z-index: 1054;
    right: 0;
    top: var(--md-notification-margin-y);
    padding-left: var(--md-notification-margin-x);
    padding-right: var(--md-notification-margin-x);
  }
  .md-notification-container.md-container-bottom-right {
    bottom: var(--md-notification-margin-y);
    right: var(--md-notification-margin-x);
  }
  .md-notification-container.md-container-bottom-left {
    bottom: var(--md-notification-margin-y);
    left: var(--md-notification-margin-x);
  }
  .md-notification-container.md-container-bottom-center {
    --md-notification-container-width: 100%;
    bottom: var(--md-notification-margin-y);
    right: 0;
  }
  .md-notification-container.md-container-bottom-full-width {
    --md-notification-container-width: 100%;
    bottom: var(--md-notification-margin-y);
    padding-left: var(--md-notification-margin-x);
    padding-right: var(--md-notification-margin-x);
    right: 0;
    z-index: 1054;
  }
  .md-notification-container.md-container-top-center > div, .md-notification-container.md-container-bottom-center > div {
    margin-left: auto;
    margin-right: auto;
  }
  .md-notification-container.md-container-top-full-width > div, .md-notification-container.md-container-bottom-full-width > div {
    --md-notification-width: 100%;
  }
  @media all and (max-width: 480px) {
    .md-notification-container {
      left: var(--md-notification-margin-x);
      right: var(--md-notification-margin-x);
    }
    .md-notification-container.md-container-top-full-width, .md-notification-container.md-container-bottom-full-width {
      --md-notification-container-width: auto;
      left: 0;
      right: 0;
    }
    .md-notification-container.md-container-top-center, .md-notification-container.md-container-bottom-center {
      --md-notification-container-width: auto;
      left: var(--md-notification-margin-x);
      right: var(--md-notification-margin-x);
    }
    .md-notification-container > .md-notification-dialog {
      --md-notification-width: 100%;
    }
  }
  .md-notification-dialog {
    background-color: var(--md-notification-background-color);
    background-position: 15px center;
    background-repeat: no-repeat;
    border-radius: var(--md-notification-border-radius);
    box-shadow: 0 0.25rem 1rem var(--md-notification-box-shadow-color);
    color: var(--md-notification-color);
    width: var(--md-notification-width);
    opacity: var(--md-notification-opacity);
    display: block;
    padding: 15px 15px 15px 54px;
    pointer-events: auto;
  }
  .md-notification-dialog:not(:last-child) {
    margin-bottom: var(--md-notification-spacing);
  }
  .md-notification-dialog > .md-dialog-progressbar {
    background-color: var(--md-notification-progressbar-color);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
  }
  .md-notification-dialog:hover {
    --md-notification-opacity: 1;
    --md-notification-box-shadow-color: var(--md-notification-box-shadow-hover-color);
    cursor: pointer;
  }
  .md-notification-dialog.md-dialog-default, .md-notification-dialog.md-dialog-custom {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACnklEQVRIibWVT0gUcRTHP+/XICkkzPqPSCNPgUjWuUN/LBg9iJGE1CFw91A3D0GeLCjpVAQGEY6XsFNUELGtLSF0DOyQhmAHoYJScNYklYr9vQ7ubuu0s4rku8x35vfe+773fczviaoSZW482QT0iJh2VdsqYmKqVoFFYErEpFXtk8xo59eoHFKKwI0nG0XMTVXbC1SIGFG1mn8Wgtff14CHIuZa4HvzmxLEEqkzwAhQE3aurNiFBX7+ypYq9htwMfC9V5EEsUTqsqodBkxxtSJGwgThjnL4F9CXGe189A+BG092iZinqtYUBRSC+7taGexqBGDg8RwPUjOlCBT4LWK8wPcmCgSxRKoBmALqSvUOMHHLoy13+mYuS/dQOsoV4DNwKPC9JQdA1V4HakUMJSpCxMjkxwxtdS4Ab2cXoiTK4yZVOwAMiBt/Wa9q54DKMgEiQGuzi81aPnz6vhmBqNoM0OwA3SKmqjCU3EDDWIGpuQzhsyh/EeMCHQ5wskwVBTzYe0T7TzUIoDdefOHOs/dl/XP4hAO0lJtW3kwxFon0C1mLA9Ru1XsbVusAWkbHv6UKUkDrZ2X9c1gdYEHV7s1/jNIURXPJFUDVbmUGCw4wLWIO71AH0w6QVrUXdqiDtAM8B5aBav6vzQNpJ/C9pVgiNQJcKdfyNiQaDnxvNX8XDQHnRMz+qJazVgsSZbO6mUSzqvYubLyuj4mYcVVbUYpgX02V9p0+KFZV7ydnWFxeiyJYETHHA9+b3EAAEEukzgJjwO5t6v4D6Al8b7wgVXhluvHkUWBMxBwIVxexk4tlOZ8Z7XxXnC9q6VeLmKuq9hLgbkKwANwTMbcD31sN5ypJkLdYIrUH6ADaWb8U61n/D+aBaeA1MB743kpUjj/Zds3fTDZCJAAAAABJRU5ErkJggg==") !important;
  }
  .md-notification-dialog.md-dialog-info {
    --md-notification-background-color: oklch(49.72% 0.09 228.69deg);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  .md-notification-dialog.md-dialog-error {
    --md-notification-background-color: oklch(46.95% 0.19 29.23deg);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  .md-notification-dialog.md-dialog-success {
    --md-notification-background-color: oklch(39.29% 0.08 158.12deg);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  .md-notification-dialog.md-dialog-warning {
    --md-notification-background-color: oklch(83.42% 0.16 79.51deg);
    --md-notification-color: oklch(26.9% 0.017 238.084deg);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFxEAABcRAcom8z8AAAKbSURBVEhL3Za/S1tRFMdvDFJBJepYB0OGghTX6KZu9X8QBxFE/AsMjg7BQVR0L64ibiLiHsVFiUgpgi4KrShIKGlCyen3e8+JLyZ5UZt08QPHe9/58f2+a/KeundPxNZXI861IYa4x3AWUfKF/wGUPyO+wVAY3DNn5dYCgw6IX3qzWExDTZnrsLbWAeEFb9bfL3J/r8G9mi5YW2uA4EdEzhtubckT3Kthjj3W3jwQ/erNRkZESiVzA9wzxxp6rL05cOdJREkiEZGjI5Hzc5HhYZFkUiSb1Rxq7GGvjf0buOsIRDL+BFNTeqrl5fKJRNJpzbGGa+t986P2BAQmvXBXl8jNjYpvbgaGGxuaY409ajpp43Vps7UGDHZiSfuLVApfCftOdHfrSsp71tijpG32bWBoyZ8ikRDJ5/UkZHc3OOHOjiUBe9irp1wymdeBoTiG8jWi5PAwMDw4sKTBXjXkbNzkXgYD215wfNyUKjg+DgwzGUtWwBk13Ta5xqB5zItFoyJnZ6ZSwcVFYMhHpBrOcFZ7xky2PmiI4s5OffPcnClUwVdae7vG3Z0lq+AsNEwravK1oGHWm/X2houRkxONMDhLDTWdNfnnoNiD4k9vuLpqk3UoFETW10XW1nQfBjXUkJo9ZhOAwoo3GxwUKRZtqg6Li+XPRySVsmQdqEEtNV0xGwXJBJJFL7K/bxMhzMwEhtPTlgyBWmpI7YTZ+dPNe4HRUetswPW1yMSExtWVJRtATTWdp1f51fbH/8zlcC9Fvw1lYMC5vT2N+AvPNrWoqXgP/2aHO1+U33HR6fr6nIvFmG6ex0fnHh74kf3C1Sec7lYLAKZfED/8r7aFQU1qm83zv10ofMAyhGRL/imC4W8sWZysoJn3j3N/AcI4vgVq2mAgAAAAAElFTkSuQmCC") !important;
  }
  .md-notification-dialog.md-dialog-warning > .md-dialog-progressbar {
    --md-notification-progressbar-color: oklch(46.95% 0.19 29.23deg);
  }
  .md-notification-dialog.md-dialog-icon-off {
    background-image: none !important;
    padding-left: 15px;
  }
}
@layer components {
  .md-breadcrumb {
    --md-breadcrumb-padding-x: 1.5rem;
    --md-breadcrumb-padding-y: 0.75rem;
    --md-breadcrumb-icon-color: inherit;
    --md-breadcrumb-font-size: inherit;
    --md-breadcrumb-font-weight: var(--font-weight-medium);
    --md-breadcrumb-item-color: var(--foreground-subtle, oklch(43.9% 0 0deg));
    --md-breadcrumb-item-active-color: inherit;
    --md-breadcrumb-item-hover-color: var(--link-color, oklch(57.82% 0.23 260.03deg));
    --md-breadcrumb-item-separator-color: var(--foreground-subtle-tertiary, oklch(75.58% 0 0deg));
    --md-breadcrumb-item-spacing: 0.5rem;
    --md-breadcrumb-line-height: 1.25;
    padding: var(--md-breadcrumb-padding-y) var(--md-breadcrumb-padding-x);
    overflow-x: clip;
  }
  .md-breadcrumb .md-breadcrumb-container {
    margin: 0;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .md-breadcrumb .md-breadcrumb-container > .md-breadcrumb-inner {
    font-size: var(--md-breadcrumb-font-size);
    font-weight: var(--md-breadcrumb-font-weight);
  }
  .md-breadcrumb .md-breadcrumb-icon {
    color: var(--md-breadcrumb-icon-color);
    margin: 0 0.5rem 0 0;
  }
  .md-breadcrumb .md-breadcrumb-item {
    color: var(--md-breadcrumb-item-color);
  }
  .md-breadcrumb .md-breadcrumb-item + .md-breadcrumb-item {
    padding-left: var(--md-breadcrumb-item-spacing);
  }
  .md-breadcrumb .md-breadcrumb-item + .md-breadcrumb-item::before {
    float: left;
    padding-right: var(--md-breadcrumb-item-spacing);
    color: var(--md-breadcrumb-item-separator-color);
    content: var(--md-breadcrumb-item-separator, "/");
  }
}
ol.md-breadcrumb-inner {
  line-height: var(--md-breadcrumb-line-height);
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-inline-start: 0;
}

li.md-breadcrumb-item {
  white-space: nowrap;
  margin: 0;
}
li.md-breadcrumb-item a {
  color: inherit;
  text-decoration: none;
}
li.md-breadcrumb-item a:hover {
  color: var(--md-breadcrumb-item-hover-color);
}
li.md-breadcrumb-item.active {
  color: var(--md-breadcrumb-item-active-color);
}

@layer components {
  .md-image-uploader {
    --md-image-uploader-bg: oklch(0.35 0 0 / 0.025);
    --md-image-uploader-border-color: var(--border-translucent);
    --md-image-uploader-border-radius: var(--md-card-border-radius, 0.75rem);
    --md-image-uploader-height: 13.75rem;
    --md-image-uploader-padding-x: 0.5rem;
    --md-image-uploader-padding-y: 0.5rem;
    --md-image-uploader-text-color: var(--foreground-subtle-tertiary, oklch(75.58% 0 0deg));
    --md-image-uploader-toolbar-padding: 0.5rem 0.5rem;
    background-color: var(--md-image-uploader-bg);
    border: 1px solid var(--md-image-uploader-border-color);
    border-radius: var(--md-image-uploader-border-radius);
    padding: var(--md-image-uploader-padding-y) var(--md-image-uploader-padding-x);
  }
  .md-image-uploader .drop-image-container {
    height: var(--md-image-uploader-height);
  }
  .md-image-uploader .drop-image-container > .image-preview {
    border-radius: var(--md-image-uploader-border-radius);
    cursor: pointer;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .md-image-uploader .drop-image-container > .image-preview.dragging-over {
    filter: brightness(0.5);
  }
  .md-image-uploader .drop-image-container > .upload-toolbar {
    left: 0;
    bottom: 0;
    padding: var(--md-image-uploader-toolbar-padding);
  }
  .md-image-uploader .drop-image-container h3,
  .md-image-uploader .drop-image-container h4 {
    --bs-heading-color: var(--md-image-uploader-text-color);
    color: var(--md-image-uploader-text-color);
  }
  .md-image-uploader > .unsupported-text {
    margin-bottom: 0;
    padding: 0.5rem;
  }
}
@layer utilities {
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .flex-fill {
    flex: 1 1;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-grow-0 {
    flex-grow: 0;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .flex-basis-auto {
    flex-basis: auto;
  }
  .flex-basis-0 {
    flex-basis: 0;
  }
  .flex-basis-full {
    flex-basis: 100%;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-stretch {
    align-items: stretch;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-center {
    align-content: center;
  }
  .content-between {
    align-content: space-between;
  }
  .content-around {
    align-content: space-around;
  }
  .content-stretch {
    align-content: stretch;
  }
  .self-auto {
    align-self: auto;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-center {
    align-self: center;
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-stretch {
    align-self: stretch;
  }
  .md-gap-1 {
    gap: 0.25rem;
  }
  .md-gap-x-1 {
    column-gap: 0.25rem;
  }
  .md-gap-y-1 {
    row-gap: 0.25rem;
  }
  .md-gap-2 {
    gap: 0.5rem;
  }
  .md-gap-x-2 {
    column-gap: 0.5rem;
  }
  .md-gap-y-2 {
    row-gap: 0.5rem;
  }
  .md-gap-3 {
    gap: 0.75rem;
  }
  .md-gap-x-3 {
    column-gap: 0.75rem;
  }
  .md-gap-y-3 {
    row-gap: 0.75rem;
  }
  .md-gap-4 {
    gap: 1rem;
  }
  .md-gap-x-4 {
    column-gap: 1rem;
  }
  .md-gap-y-4 {
    row-gap: 1rem;
  }
  .md-gap-5 {
    gap: 1.25rem;
  }
  .md-gap-x-5 {
    column-gap: 1.25rem;
  }
  .md-gap-y-5 {
    row-gap: 1.25rem;
  }
  .md-gap-6 {
    gap: 1.5rem;
  }
  .md-gap-x-6 {
    column-gap: 1.5rem;
  }
  .md-gap-y-6 {
    row-gap: 1.5rem;
  }
  .md-gap-7 {
    gap: 1.75rem;
  }
  .md-gap-x-7 {
    column-gap: 1.75rem;
  }
  .md-gap-y-7 {
    row-gap: 1.75rem;
  }
  .md-gap-8 {
    gap: 2rem;
  }
  .md-gap-x-8 {
    column-gap: 2rem;
  }
  .md-gap-y-8 {
    row-gap: 2rem;
  }
  .md-gap-9 {
    gap: 2.25rem;
  }
  .md-gap-x-9 {
    column-gap: 2.25rem;
  }
  .md-gap-y-9 {
    row-gap: 2.25rem;
  }
  .md-gap-10 {
    gap: 2.5rem;
  }
  .md-gap-x-10 {
    column-gap: 2.5rem;
  }
  .md-gap-y-10 {
    row-gap: 2.5rem;
  }
  .md-gap-11 {
    gap: 2.75rem;
  }
  .md-gap-x-11 {
    column-gap: 2.75rem;
  }
  .md-gap-y-11 {
    row-gap: 2.75rem;
  }
  .md-gap-12 {
    gap: 3rem;
  }
  .md-gap-x-12 {
    column-gap: 3rem;
  }
  .md-gap-y-12 {
    row-gap: 3rem;
  }
}
@layer utilities {
  .row {
    --md-gap-x: 1.5rem;
    --md-gap-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--md-gap-y));
    margin-right: calc(-0.5 * var(--md-gap-x));
    margin-left: calc(-0.5 * var(--md-gap-x));
  }
  .row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--md-gap-x) * 0.5);
    padding-left: calc(var(--md-gap-x) * 0.5);
    margin-top: var(--md-gap-y);
  }
  .col {
    flex: 1 0 0;
  }
  .row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-1 {
    margin-left: 8.3333333333%;
  }
  .offset-2 {
    margin-left: 16.6666666667%;
  }
  .offset-3 {
    margin-left: 25%;
  }
  .offset-4 {
    margin-left: 33.3333333333%;
  }
  .offset-5 {
    margin-left: 41.6666666667%;
  }
  .offset-6 {
    margin-left: 50%;
  }
  .offset-7 {
    margin-left: 58.3333333333%;
  }
  .offset-8 {
    margin-left: 66.6666666667%;
  }
  .offset-9 {
    margin-left: 75%;
  }
  .offset-10 {
    margin-left: 83.3333333333%;
  }
  .offset-11 {
    margin-left: 91.6666666667%;
  }
  .g-0,
  .gx-0 {
    --md-gap-x: 0;
  }
  .g-0,
  .gy-0 {
    --md-gap-y: 0;
  }
  .g-1,
  .gx-1 {
    --md-gap-x: 0.25rem;
  }
  .g-1,
  .gy-1 {
    --md-gap-y: 0.25rem;
  }
  .g-2,
  .gx-2 {
    --md-gap-x: 0.5rem;
  }
  .g-2,
  .gy-2 {
    --md-gap-y: 0.5rem;
  }
  .g-3,
  .gx-3 {
    --md-gap-x: 1rem;
  }
  .g-3,
  .gy-3 {
    --md-gap-y: 1rem;
  }
  .g-4,
  .gx-4 {
    --md-gap-x: 1.5rem;
  }
  .g-4,
  .gy-4 {
    --md-gap-y: 1.5rem;
  }
  .g-5,
  .gx-5 {
    --md-gap-x: 3rem;
  }
  .g-5,
  .gy-5 {
    --md-gap-y: 3rem;
  }
  @media (min-width: 576px) {
    .col-sm {
      flex: 1 0 0;
    }
    .row-cols-sm-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-sm-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-sm-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-sm-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-sm-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-sm-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-sm-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .col-sm-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-sm-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .col-sm-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-sm-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .col-sm-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-sm-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .col-sm-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-sm-0 {
      margin-left: 0;
    }
    .offset-sm-1 {
      margin-left: 8.3333333333%;
    }
    .offset-sm-2 {
      margin-left: 16.6666666667%;
    }
    .offset-sm-3 {
      margin-left: 25%;
    }
    .offset-sm-4 {
      margin-left: 33.3333333333%;
    }
    .offset-sm-5 {
      margin-left: 41.6666666667%;
    }
    .offset-sm-6 {
      margin-left: 50%;
    }
    .offset-sm-7 {
      margin-left: 58.3333333333%;
    }
    .offset-sm-8 {
      margin-left: 66.6666666667%;
    }
    .offset-sm-9 {
      margin-left: 75%;
    }
    .offset-sm-10 {
      margin-left: 83.3333333333%;
    }
    .offset-sm-11 {
      margin-left: 91.6666666667%;
    }
    .g-sm-0,
    .gx-sm-0 {
      --md-gap-x: 0;
    }
    .g-sm-0,
    .gy-sm-0 {
      --md-gap-y: 0;
    }
    .g-sm-1,
    .gx-sm-1 {
      --md-gap-x: 0.25rem;
    }
    .g-sm-1,
    .gy-sm-1 {
      --md-gap-y: 0.25rem;
    }
    .g-sm-2,
    .gx-sm-2 {
      --md-gap-x: 0.5rem;
    }
    .g-sm-2,
    .gy-sm-2 {
      --md-gap-y: 0.5rem;
    }
    .g-sm-3,
    .gx-sm-3 {
      --md-gap-x: 1rem;
    }
    .g-sm-3,
    .gy-sm-3 {
      --md-gap-y: 1rem;
    }
    .g-sm-4,
    .gx-sm-4 {
      --md-gap-x: 1.5rem;
    }
    .g-sm-4,
    .gy-sm-4 {
      --md-gap-y: 1.5rem;
    }
    .g-sm-5,
    .gx-sm-5 {
      --md-gap-x: 3rem;
    }
    .g-sm-5,
    .gy-sm-5 {
      --md-gap-y: 3rem;
    }
  }
  @media (min-width: 768px) {
    .col-md {
      flex: 1 0 0;
    }
    .row-cols-md-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-md-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-md-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-md-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-md-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-md-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-md-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-md-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .col-md-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-md-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-md-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .col-md-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .col-md-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-md-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .col-md-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .col-md-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-md-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .col-md-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .col-md-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-md-0 {
      margin-left: 0;
    }
    .offset-md-1 {
      margin-left: 8.3333333333%;
    }
    .offset-md-2 {
      margin-left: 16.6666666667%;
    }
    .offset-md-3 {
      margin-left: 25%;
    }
    .offset-md-4 {
      margin-left: 33.3333333333%;
    }
    .offset-md-5 {
      margin-left: 41.6666666667%;
    }
    .offset-md-6 {
      margin-left: 50%;
    }
    .offset-md-7 {
      margin-left: 58.3333333333%;
    }
    .offset-md-8 {
      margin-left: 66.6666666667%;
    }
    .offset-md-9 {
      margin-left: 75%;
    }
    .offset-md-10 {
      margin-left: 83.3333333333%;
    }
    .offset-md-11 {
      margin-left: 91.6666666667%;
    }
    .g-md-0,
    .gx-md-0 {
      --md-gap-x: 0;
    }
    .g-md-0,
    .gy-md-0 {
      --md-gap-y: 0;
    }
    .g-md-1,
    .gx-md-1 {
      --md-gap-x: 0.25rem;
    }
    .g-md-1,
    .gy-md-1 {
      --md-gap-y: 0.25rem;
    }
    .g-md-2,
    .gx-md-2 {
      --md-gap-x: 0.5rem;
    }
    .g-md-2,
    .gy-md-2 {
      --md-gap-y: 0.5rem;
    }
    .g-md-3,
    .gx-md-3 {
      --md-gap-x: 1rem;
    }
    .g-md-3,
    .gy-md-3 {
      --md-gap-y: 1rem;
    }
    .g-md-4,
    .gx-md-4 {
      --md-gap-x: 1.5rem;
    }
    .g-md-4,
    .gy-md-4 {
      --md-gap-y: 1.5rem;
    }
    .g-md-5,
    .gx-md-5 {
      --md-gap-x: 3rem;
    }
    .g-md-5,
    .gy-md-5 {
      --md-gap-y: 3rem;
    }
  }
  @media (min-width: 992px) {
    .col-lg {
      flex: 1 0 0;
    }
    .row-cols-lg-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-lg-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-lg-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-lg-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-lg-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-lg-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-lg-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .col-lg-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-lg-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .col-lg-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-lg-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .col-lg-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .col-lg-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-lg-0 {
      margin-left: 0;
    }
    .offset-lg-1 {
      margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
      margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
      margin-left: 25%;
    }
    .offset-lg-4 {
      margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
      margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
      margin-left: 50%;
    }
    .offset-lg-7 {
      margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
      margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
      margin-left: 75%;
    }
    .offset-lg-10 {
      margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
      margin-left: 91.6666666667%;
    }
    .g-lg-0,
    .gx-lg-0 {
      --md-gap-x: 0;
    }
    .g-lg-0,
    .gy-lg-0 {
      --md-gap-y: 0;
    }
    .g-lg-1,
    .gx-lg-1 {
      --md-gap-x: 0.25rem;
    }
    .g-lg-1,
    .gy-lg-1 {
      --md-gap-y: 0.25rem;
    }
    .g-lg-2,
    .gx-lg-2 {
      --md-gap-x: 0.5rem;
    }
    .g-lg-2,
    .gy-lg-2 {
      --md-gap-y: 0.5rem;
    }
    .g-lg-3,
    .gx-lg-3 {
      --md-gap-x: 1rem;
    }
    .g-lg-3,
    .gy-lg-3 {
      --md-gap-y: 1rem;
    }
    .g-lg-4,
    .gx-lg-4 {
      --md-gap-x: 1.5rem;
    }
    .g-lg-4,
    .gy-lg-4 {
      --md-gap-y: 1.5rem;
    }
    .g-lg-5,
    .gx-lg-5 {
      --md-gap-x: 3rem;
    }
    .g-lg-5,
    .gy-lg-5 {
      --md-gap-y: 3rem;
    }
  }
  @media (min-width: 1200px) {
    .col-xl {
      flex: 1 0 0;
    }
    .row-cols-xl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xl-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .row-cols-xl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xl-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xl-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .col-xl-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-xl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xl-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .col-xl-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .col-xl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xl-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .col-xl-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .col-xl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xl-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .col-xl-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .col-xl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xl-0 {
      margin-left: 0;
    }
    .offset-xl-1 {
      margin-left: 8.3333333333%;
    }
    .offset-xl-2 {
      margin-left: 16.6666666667%;
    }
    .offset-xl-3 {
      margin-left: 25%;
    }
    .offset-xl-4 {
      margin-left: 33.3333333333%;
    }
    .offset-xl-5 {
      margin-left: 41.6666666667%;
    }
    .offset-xl-6 {
      margin-left: 50%;
    }
    .offset-xl-7 {
      margin-left: 58.3333333333%;
    }
    .offset-xl-8 {
      margin-left: 66.6666666667%;
    }
    .offset-xl-9 {
      margin-left: 75%;
    }
    .offset-xl-10 {
      margin-left: 83.3333333333%;
    }
    .offset-xl-11 {
      margin-left: 91.6666666667%;
    }
    .g-xl-0,
    .gx-xl-0 {
      --md-gap-x: 0;
    }
    .g-xl-0,
    .gy-xl-0 {
      --md-gap-y: 0;
    }
    .g-xl-1,
    .gx-xl-1 {
      --md-gap-x: 0.25rem;
    }
    .g-xl-1,
    .gy-xl-1 {
      --md-gap-y: 0.25rem;
    }
    .g-xl-2,
    .gx-xl-2 {
      --md-gap-x: 0.5rem;
    }
    .g-xl-2,
    .gy-xl-2 {
      --md-gap-y: 0.5rem;
    }
    .g-xl-3,
    .gx-xl-3 {
      --md-gap-x: 1rem;
    }
    .g-xl-3,
    .gy-xl-3 {
      --md-gap-y: 1rem;
    }
    .g-xl-4,
    .gx-xl-4 {
      --md-gap-x: 1.5rem;
    }
    .g-xl-4,
    .gy-xl-4 {
      --md-gap-y: 1.5rem;
    }
    .g-xl-5,
    .gx-xl-5 {
      --md-gap-x: 3rem;
    }
    .g-xl-5,
    .gy-xl-5 {
      --md-gap-y: 3rem;
    }
  }
  @media (min-width: 1400px) {
    .col-xxl {
      flex: 1 0 0;
    }
    .row-cols-xxl-auto > * {
      flex: 0 0 auto;
      width: auto;
    }
    .row-cols-xxl-1 > * {
      flex: 0 0 auto;
      width: 100%;
    }
    .row-cols-xxl-2 > * {
      flex: 0 0 auto;
      width: 50%;
    }
    .row-cols-xxl-3 > * {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .row-cols-xxl-4 > * {
      flex: 0 0 auto;
      width: 25%;
    }
    .row-cols-xxl-5 > * {
      flex: 0 0 auto;
      width: 20%;
    }
    .row-cols-xxl-6 > * {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
    }
    .col-xxl-1 {
      flex: 0 0 auto;
      width: 8.3333333333%;
    }
    .col-xxl-2 {
      flex: 0 0 auto;
      width: 16.6666666667%;
    }
    .col-xxl-3 {
      flex: 0 0 auto;
      width: 25%;
    }
    .col-xxl-4 {
      flex: 0 0 auto;
      width: 33.3333333333%;
    }
    .col-xxl-5 {
      flex: 0 0 auto;
      width: 41.6666666667%;
    }
    .col-xxl-6 {
      flex: 0 0 auto;
      width: 50%;
    }
    .col-xxl-7 {
      flex: 0 0 auto;
      width: 58.3333333333%;
    }
    .col-xxl-8 {
      flex: 0 0 auto;
      width: 66.6666666667%;
    }
    .col-xxl-9 {
      flex: 0 0 auto;
      width: 75%;
    }
    .col-xxl-10 {
      flex: 0 0 auto;
      width: 83.3333333333%;
    }
    .col-xxl-11 {
      flex: 0 0 auto;
      width: 91.6666666667%;
    }
    .col-xxl-12 {
      flex: 0 0 auto;
      width: 100%;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.3333333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.6666666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.3333333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.6666666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.3333333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.6666666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.3333333333%;
    }
    .offset-xxl-11 {
      margin-left: 91.6666666667%;
    }
    .g-xxl-0,
    .gx-xxl-0 {
      --md-gap-x: 0;
    }
    .g-xxl-0,
    .gy-xxl-0 {
      --md-gap-y: 0;
    }
    .g-xxl-1,
    .gx-xxl-1 {
      --md-gap-x: 0.25rem;
    }
    .g-xxl-1,
    .gy-xxl-1 {
      --md-gap-y: 0.25rem;
    }
    .g-xxl-2,
    .gx-xxl-2 {
      --md-gap-x: 0.5rem;
    }
    .g-xxl-2,
    .gy-xxl-2 {
      --md-gap-y: 0.5rem;
    }
    .g-xxl-3,
    .gx-xxl-3 {
      --md-gap-x: 1rem;
    }
    .g-xxl-3,
    .gy-xxl-3 {
      --md-gap-y: 1rem;
    }
    .g-xxl-4,
    .gx-xxl-4 {
      --md-gap-x: 1.5rem;
    }
    .g-xxl-4,
    .gy-xxl-4 {
      --md-gap-y: 1.5rem;
    }
    .g-xxl-5,
    .gx-xxl-5 {
      --md-gap-x: 3rem;
    }
    .g-xxl-5,
    .gy-xxl-5 {
      --md-gap-y: 3rem;
    }
  }
}
@layer utilities {
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .h-vh {
    height: 100vh;
  }
  .w-vw {
    width: 100vw;
  }
  .h-svh {
    height: 100svh;
  }
  .w-svw {
    width: 100svw;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .aspect-video {
    aspect-ratio: 16/9;
  }
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
  }
  .absolute-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .absolute-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .fixed {
    position: fixed;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
  }
  .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .sticky {
    position: sticky;
  }
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
  .float-start {
    float: left;
  }
  .float-end {
    float: right;
  }
  .float-none {
    float: none;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .rounded-0 {
    border-radius: 0;
  }
  .rounded-t-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .rounded-b-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-s-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .rounded-e-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .font-weight-bold {
    font-weight: 700;
  }
  .font-weight-bolder {
    font-weight: 900;
  }
  .font-weight-semibold {
    font-weight: 600;
  }
  .font-weight-medium {
    font-weight: 500;
  }
  .font-weight-normal {
    font-weight: 400;
  }
  .font-weight-light {
    font-weight: 300;
  }
  .border {
    border: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-thin {
    border: thin solid;
  }
  .border-t {
    border-top: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-b {
    border-bottom: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-tb {
    border-top: 1px solid var(--md-border-color, var(--border-translucent));
    border-bottom: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-s {
    border-left: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-e {
    border-right: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-se {
    border-left: 1px solid var(--md-border-color, var(--border-translucent));
    border-right: 1px solid var(--md-border-color, var(--border-translucent));
  }
  .border-0 {
    border: 0;
  }
  .border-t-0 {
    border-top: 0;
  }
  .border-b-0 {
    border-bottom: 0;
  }
  .border-s-0 {
    border-left: 0;
  }
  .border-e-0 {
    border-right: 0;
  }
  .border-none {
    border: none;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mx-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .ms-auto {
    margin-left: auto;
  }
  .ms-0 {
    margin-left: 0;
  }
  .mt-0 {
    margin-top: 0;
  }
  .me-auto {
    margin-right: auto;
  }
  .me-0 {
    margin-right: 0;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .px-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .ps-0 {
    padding-left: 0;
  }
  .pe-0 {
    padding-right: 0;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pb-0 {
    padding-bottom: 0;
  }
  .select-none {
    user-select: none;
  }
  .caret-up {
    width: 0;
    height: 0;
    border-left: var(--md-caret-size) solid transparent;
    border-right: var(--md-caret-size) solid transparent;
    border-bottom: var(--md-caret-size) solid currentColor;
    display: inline-block;
  }
  .caret-down {
    width: 0;
    height: 0;
    border-left: var(--md-caret-size) solid transparent;
    border-right: var(--md-caret-size) solid transparent;
    border-top: var(--md-caret-size) solid currentColor;
    display: inline-block;
  }
  .md-link {
    cursor: pointer;
  }
  .md-shadow-0 {
    box-shadow: none;
  }
  .md-shadow {
    box-shadow: 0 1px 2px 0 oklch(36.9% 0.007 240.019deg / 0.35), 0 1px 4px 3px oklch(36.9% 0.007 240.019deg / 0.05);
  }
  .md-shadow-1 {
    box-shadow: 0 5px 11px 0 oklch(0% 0 0deg / 0.12), 0 4px 15px 0 oklch(0% 0 0deg / 0.1);
  }
  .md-shadow-2 {
    box-shadow: 0 8px 17px 0 oklch(0% 0 0deg / 0.12), 0 6px 20px 0 oklch(0% 0 0deg / 0.1);
  }
  .md-shadow-3 {
    box-shadow: 0 12px 15px 0 oklch(0% 0 0deg / 0.1), 0 17px 50px 0 oklch(0% 0 0deg / 0.1);
  }
  .md-shadow-4 {
    box-shadow: 0 16px 28px 0 oklch(0% 0 0deg / 0.15), 0 25px 55px 0 oklch(0% 0 0deg / 0.1);
  }
  .md-shadow-5 {
    box-shadow: 0 15px 30px 6px oklch(0% 0 0deg / 0.1), 0 20px 50px 15px oklch(0% 0 0deg / 0.1);
  }
  .md-hover-shadow {
    box-shadow: none;
    transition: all 0.55s ease-in-out;
  }
  .md-hover-shadow:hover {
    box-shadow: 0 8px 17px 0 oklch(0% 0 0deg / 0.12), 0 6px 20px 0 oklch(0% 0 0deg / 0.1);
  }
  .text-start {
    text-align: start;
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-justify {
    text-align: justify;
  }
  .text-bg-surface {
    background-color: var(--background);
    color: var(--foreground);
  }
  .text-bg-surface-secondary {
    background-color: var(--background-secondary);
    color: var(--foreground-secondary);
  }
  .text-bg-surface-tertiary {
    background-color: var(--background-tertiary);
    color: var(--foreground-tertiary);
  }
  .text-subtle {
    color: var(--foreground-subtle);
  }
  .text-subtle-secondary {
    color: var(--foreground-subtle-secondary);
  }
  .text-subtle-tertiary {
    color: var(--foreground-subtle-tertiary);
  }
}
.rounded {
  border-radius: var(--md-radius);
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-pill {
  border-radius: var(--md-radius-pill);
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height);
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
}