/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
/*
    These classes are marked for removal as they can be replaced by tailwind utility classes.
    They should be refactored out at the earliest convenience.

    in other words: if you can read this you still have work to do!
*/
.popover-header:empty {
  display: none;
}

.bold, .bold > *, b, b > * {
  font-weight: bold !important;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    transform: rotate(359deg);
    transform-origin: center;
  }
}
@layer harmoney {
  .rotating {
    animation: rotating 800ms infinite linear;
  }
  .rotating-slow {
    animation: rotating 1500ms infinite linear;
    animation-fill-mode: forwards;
    transform-origin: center center;
  }
  .rotating-slow.completed {
    animation-play-state: paused;
  }
  @media screen and (max-width: 640px) {
    /**
     ** General design rule:
     ** All the h3 title which are not modal title are becoming h4 on mobile
     */
    h3.bold:not(.modal-title) {
      font-size: 1rem !important;
      line-height: 1.3;
    }
    p {
      max-width: 100%;
    }
    .chips-container::-webkit-scrollbar {
      display: none;
    }
    .card-title {
      padding: 16px;
    }
    .card-section {
      overflow: hidden;
      padding: 24px 16px;
    }
    .draggable-area.in-modal {
      min-width: unset;
      width: 100%;
    }
    .edge-to-edge-mobile {
      margin-left: -1.5rem !important;
      box-sizing: border-box;
      width: calc(100% + 3rem) !important;
      padding-left: 1.5rem !important;
    }
    .responsible-table {
      max-width: calc(100% + 3rem) !important;
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
      box-sizing: border-box;
      padding-left: 0 !important;
    }
    .responsible-table td {
      min-width: 100px !important;
    }
    har-duo-tone-icon.large .spot {
      font-size: 160px !important;
      height: 160px !important;
      width: 160px !important;
    }
    har-duo-tone-icon.small-mobile .spot {
      font-size: 96px !important;
      width: 96px !important;
      height: 96px !important;
    }
    har-small-create-card {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100% !important;
    }
    har-small-create-card .card {
      width: 100% !important;
    }
    .a-i-fs-mobile {
      align-items: flex-start !important;
    }
    .ml-s-mobile {
      margin-left: 1rem !important;
    }
    .mt-0-mobile {
      margin-top: 0 !important;
    }
    .mb-0-mobile {
      margin-bottom: 0 !important;
    }
    .ml-0-mobile {
      margin-left: 0 !important;
    }
    .mt-xs-mobile {
      margin-top: 0.5rem !important;
    }
    .mb-xs-mobile {
      margin-bottom: 0.5rem !important;
    }
    .mb-tiny-mobile {
      margin-bottom: 0.75rem !important;
    }
    .mt-tiny-mobile {
      margin-top: 0.75rem !important;
    }
    .mt-s-mobile {
      margin-top: 1rem !important;
    }
    .mb-s-mobile {
      margin-bottom: 1rem !important;
    }
    .mt-m-mobile {
      margin-top: 1.5rem !important;
    }
    .mr-0-mobile {
      margin-right: 0 !important;
    }
    .pr-0-mobile {
      padding-right: 0 !important;
    }
    .pl-0-mobile {
      padding-left: 0 !important;
    }
    .pr-s-mobile {
      padding-right: 1rem !important;
    }
    .pl-xxs-mobile {
      padding-left: 0.25rem !important;
    }
    .pl-xs-mobile {
      padding-left: 0.5rem !important;
    }
    .pl-s-mobile {
      padding-left: 1rem !important;
    }
    .pr-m-mobile {
      padding-right: 1.5rem !important;
    }
    .pl-m-mobile {
      padding-left: 1.5rem !important;
    }
    .a-i-s-mobile {
      align-items: start !important;
    }
    .full-width-mobile {
      width: 100% !important;
    }
    .full-width-mobile button:not(.table-action-button) {
      width: 100% !important;
    }
    .fl-gr-1-mobile {
      flex-grow: 1 !important;
    }
    .height-auto-mobile {
      height: auto !important;
    }
    .non-expandable {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin-left: 0.25rem;
    }
    .side-padding-mobile {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .page-container {
      margin-top: 0 !important;
    }
    .page-container .side-padding:not(.side-padding-mobile) {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .page-container har-breadcrumb {
      top: 60px !important;
      left: 0 !important;
    }
    .page-container har-navigation-tabs {
      top: 132px !important;
      left: 0 !important;
    }
    .page-container .breadcrumb-container {
      margin-top: 132px;
    }
    .page-container .list-page {
      overflow-x: hidden;
    }
    har-question-answer {
      width: 100% !important;
    }
    .mobile-column-reverse {
      flex-direction: column-reverse !important;
    }
    .mobile-column-reverse har-button {
      margin-top: 1rem !important;
    }
    .mobile-column-reverse har-button:first-of-type {
      margin-left: 0 !important;
    }
    .mobile-column {
      flex-direction: column !important;
    }
    .mobile-column har-button {
      margin-top: 1rem !important;
    }
    .mobile-column har-button:first-of-type {
      margin-left: 0 !important;
    }
    .w-480 {
      max-width: 100% !important;
      width: 100% !important;
    }
    har-dossier-status-button, har-dossier-status-button har-button, har-dossier-status-button button {
      width: 100%;
    }
    .flow-height {
      height: auto !important;
    }
    iframe.flow-height {
      min-height: 50vh !important;
    }
    .question-flow-height {
      height: calc(100dvh - 124px) !important;
    }
    .bottom-navigation-bar {
      display: flex !important;
      position: relative !important;
    }
    .bottom-navigation-bar:not(.disable-legacy) {
      flex-direction: column-reverse;
      width: 100% !important;
      height: unset !important;
    }
    .bottom-navigation-bar har-button, .bottom-navigation-bar har-navigation-button {
      order: 1;
    }
    .bottom-navigation-bar .bottom-navigation {
      width: calc(100% - 48px) !important;
    }
    .bottom-navigation-bar .bottom-navigation.previous {
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation.next {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation har-button, .bottom-navigation-bar .bottom-navigation har-navigation-button {
      display: flex !important;
      flex-direction: column-reverse !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation har-button:not(:last-child), .bottom-navigation-bar .bottom-navigation har-navigation-button:not(:last-child) {
      margin-top: 0.5rem !important;
    }
    .bottom-navigation-bar-mobile {
      z-index: 19 !important;
      bottom: 0 !important;
      right: 0 !important;
      display: flex !important;
      flex-direction: row !important;
      text-align: center !important;
      justify-content: space-between !important;
      min-height: 60px !important;
      padding-bottom: 0 !important;
    }
    .bottom-navigation-bar-mobile:not(.disable-legacy) {
      position: fixed !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation {
      width: auto !important;
      flex-shrink: 1 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 4px 8px !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation.previous {
      margin-top: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation.next {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button, .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button {
      width: 100% !important;
      padding-bottom: 0.25rem !important;
      padding-top: 0.25rem !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button button, .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button button {
      width: 100% !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button button {
      padding: 0 1.5rem 0 1.5rem !important;
    }
    har-duo-tone-icon.one-step.large-spot {
      font-size: 160px !important;
    }
    har-role-switcher .bottom-border {
      border-bottom-width: 1px !important;
      border-left-width: 0px !important;
      border-top-width: 0px !important;
      border-right-width: 0px !important;
      border-style: solid !important;
      border-color: rgb(var(--gray-dark) / 0.3) !important;
    }
    har-role-switcher li.last {
      margin-bottom: 120px !important;
    }
    har-role-switcher li, har-role-switcher div {
      --tw-text-opacity: 1 !important;
      color: rgb(var(--sidebar-text-color) / var(--tw-text-opacity, 1)) !important;
    }
    har-role-switcher li {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    har-role-switcher li span[class*=icon-] {
      font-size: 32px !important;
      --tw-text-opacity: 1 !important;
      color: rgb(var(--primary-color) / var(--tw-text-opacity, 1)) !important;
      transition: 0s !important;
    }
    har-role-switcher li.active {
      background-color: unset !important;
    }
    har-role-switcher li.active div, har-role-switcher li:hover div {
      font-weight: 600 !important;
    }
    har-role-switcher li.bottom-border {
      border-bottom: 0 !important;
    }
    har-role-switcher li.bottom-border:after {
      background-color: rgb(var(--gray-dark) / 0.3);
      content: "";
      position: absolute;
      bottom: 0;
      height: 1px;
      left: 2rem;
      right: 2rem;
    }
    .question-content.simple-questionnaire-content {
      padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
    }
    har-signature-sms-box .mobile-border {
      min-height: 172px !important;
      border: 1px solid #A6B4C1 !important;
      border-radius: 4px !important;
    }
    har-signature-sms-box .mobile-border .form-container {
      width: auto !important;
    }
    har-signature-sms-box .send-code, har-signature-sms-box .send-code > button {
      width: unset !important;
    }
    har-signature-sms-box .form-buttons {
      width: 100% !important;
      padding-bottom: 0 !important;
    }
    .globalSign {
      height: 172px !important;
    }
    .globalSign:not(.sign-canvas-container) {
      height: unset !important;
      border: none !important;
    }
    .wrong-mobile-phone {
      bottom: unset !important;
      position: unset !important;
      right: unset !important;
      width: auto !important;
      margin-top: 12px !important;
    }
    .center-elements .logo {
      margin-bottom: 16px !important;
    }
    .center-elements .box {
      padding: 0 1rem !important;
    }
    .center-elements img.email-sent {
      margin-top: 24px !important;
    }
    .center-elements .bottom-separator {
      border-width: 1px !important;
      border-style: solid !important;
      border-color: rgb(var(--gray-dark) / 0.3) !important;
      display: block !important;
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
      width: calc(100% - 2px) !important;
    }
    .center-elements .bottom-separator:not(.login) {
      margin-top: 16px !important;
    }
    .center-elements .bottom-link {
      display: block !important;
      margin-bottom: 24px !important;
    }
    .register-header {
      position: unset !important;
      right: unset !important;
      width: 100% !important;
    }
    har-verify-otp .center-elements .box {
      padding: 0 !important;
    }
    .right-col {
      width: 100% !important;
      padding: 0 !important;
      margin-top: 24px !important;
      height: calc(100dvh - 116px) !important;
      display: flex;
      flex-direction: column;
      justify-content: flex-start !important;
    }
    .products .product {
      width: 100% !important;
      margin: 0 0 1rem 0 !important;
    }
    .details-table-container .table-row, .details-table-container .row-key {
      display: block !important;
    }
    .details-table-container .row-key, .details-table-container .row-value {
      padding: 0 !important;
    }
    .details-table-container .row-value {
      padding-top: 0.25rem !important;
      padding-bottom: 0.75rem !important;
    }
    .center-elements .box {
      width: 100% !important;
      max-width: 480px !important;
    }
    har-register .center-elements, har-register-verify-code .center-elements {
      flex-direction: column;
    }
    har-register .center-elements .box .box-content .name-input, har-register-verify-code .center-elements .box .box-content .name-input {
      width: 100% !important;
    }
    har-register .center-elements .box .box-content .name-input:first-child, har-register-verify-code .center-elements .box .box-content .name-input:first-child {
      margin-right: 0 !important;
      margin-bottom: 16px !important;
    }
    har-register .center-elements .box .box-content .tfa .info, har-register-verify-code .center-elements .box .box-content .tfa .info {
      display: none !important;
    }
    .product-card {
      width: 100% !important;
    }
    .product-card .top-part {
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .cards-container {
      height: auto !important;
      overflow-y: unset !important;
    }
    har-investor-questionnaire .questions {
      overflow-y: unset !important;
      margin-left: 0 !important;
      overflow-x: hidden;
      margin-top: 0 !important;
    }
    har-investor-questionnaire .questions .question-content {
      box-sizing: border-box;
      width: 100vw;
    }
    har-investor-questionnaire .questions .question-content.sign-page {
      width: 100% !important;
      padding: 0 !important;
    }
    .product-page-container .icon {
      display: none !important;
    }
    .verify-email {
      margin-top: unset !important;
    }
    .login button[type=submit] {
      margin-top: 12px !important;
      margin-bottom: 16px !important;
    }
    .question-row .dependent-question {
      margin-left: 16px !important;
    }
    .toast-component {
      width: 100%;
      max-width: 100%;
    }
    .toast-container.active {
      left: 8px;
      right: 8px;
    }
    .toast-container div {
      align-items: flex-start !important;
    }
    har-empty-list {
      display: block;
      margin-top: 1.5rem;
    }
  }
  @media screen and (max-width: 640px) and (max-width: 1280px) {
    har-empty-list {
      margin-top: 0;
    }
  }
  @media screen and (max-width: 640px) {
    [type=radio] + label.in-expandable {
      right: 0px;
    }
    [type=radio] + label.in-expandable.centered-mobile {
      top: unset !important;
    }
    har-percentage-input.full-width-mobile .input-container {
      width: 100% !important;
    }
    .radio-two-columns [type=radio]:checked + label,
    .radio-two-columns [type=radio]:not(:checked) + label {
      width: calc(100% - 1rem) !important;
    }
    .radio-two-columns [type=radio]:checked + label:not(:last-of-type),
    .radio-two-columns [type=radio]:not(:checked) + label:not(:last-of-type) {
      padding-bottom: 0.5rem;
    }
    .ml-logo-menu {
      margin-left: 40px;
    }
    .default-input-width {
      width: 100% !important;
    }
    .item-widget-body har-table {
      margin: 0 6px;
    }
    .two-columns-grid {
      grid-template-columns: repeat(1, 100%);
    }
    .semibold-if-subcontent {
      font-weight: 600 !important;
    }
  }
  body.android {
    /**
     ** General design rule:
     ** All the h3 title which are not modal title are becoming h4 on mobile
     */
  }
  body.android h3.bold:not(.modal-title) {
    font-size: 1rem !important;
    line-height: 1.3;
  }
  body.android p {
    max-width: 100%;
  }
  body.android .chips-container::-webkit-scrollbar {
    display: none;
  }
  body.android .card-title {
    padding: 16px;
  }
  body.android .card-section {
    overflow: hidden;
    padding: 24px 16px;
  }
  body.android .draggable-area.in-modal {
    min-width: unset;
    width: 100%;
  }
  body.android .edge-to-edge-mobile {
    margin-left: -1.5rem !important;
    box-sizing: border-box;
    width: calc(100% + 3rem) !important;
    padding-left: 1.5rem !important;
  }
  body.android .responsible-table {
    max-width: calc(100% + 3rem) !important;
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    box-sizing: border-box;
    padding-left: 0 !important;
  }
  body.android .responsible-table td {
    min-width: 100px !important;
  }
  body.android har-duo-tone-icon.large .spot {
    font-size: 160px !important;
    height: 160px !important;
    width: 160px !important;
  }
  body.android har-duo-tone-icon.small-mobile .spot {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
  }
  body.android har-small-create-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  body.android har-small-create-card .card {
    width: 100% !important;
  }
  body.android .a-i-fs-mobile {
    align-items: flex-start !important;
  }
  body.android .ml-s-mobile {
    margin-left: 1rem !important;
  }
  body.android .mt-0-mobile {
    margin-top: 0 !important;
  }
  body.android .mb-0-mobile {
    margin-bottom: 0 !important;
  }
  body.android .ml-0-mobile {
    margin-left: 0 !important;
  }
  body.android .mt-xs-mobile {
    margin-top: 0.5rem !important;
  }
  body.android .mb-xs-mobile {
    margin-bottom: 0.5rem !important;
  }
  body.android .mb-tiny-mobile {
    margin-bottom: 0.75rem !important;
  }
  body.android .mt-tiny-mobile {
    margin-top: 0.75rem !important;
  }
  body.android .mt-s-mobile {
    margin-top: 1rem !important;
  }
  body.android .mb-s-mobile {
    margin-bottom: 1rem !important;
  }
  body.android .mt-m-mobile {
    margin-top: 1.5rem !important;
  }
  body.android .mr-0-mobile {
    margin-right: 0 !important;
  }
  body.android .pr-0-mobile {
    padding-right: 0 !important;
  }
  body.android .pl-0-mobile {
    padding-left: 0 !important;
  }
  body.android .pr-s-mobile {
    padding-right: 1rem !important;
  }
  body.android .pl-xxs-mobile {
    padding-left: 0.25rem !important;
  }
  body.android .pl-xs-mobile {
    padding-left: 0.5rem !important;
  }
  body.android .pl-s-mobile {
    padding-left: 1rem !important;
  }
  body.android .pr-m-mobile {
    padding-right: 1.5rem !important;
  }
  body.android .pl-m-mobile {
    padding-left: 1.5rem !important;
  }
  body.android .a-i-s-mobile {
    align-items: start !important;
  }
  body.android .full-width-mobile {
    width: 100% !important;
  }
  body.android .full-width-mobile button:not(.table-action-button) {
    width: 100% !important;
  }
  body.android .fl-gr-1-mobile {
    flex-grow: 1 !important;
  }
  body.android .height-auto-mobile {
    height: auto !important;
  }
  body.android .non-expandable {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: 0.25rem;
  }
  body.android .side-padding-mobile {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  body.android .page-container {
    margin-top: 0 !important;
  }
  body.android .page-container .side-padding:not(.side-padding-mobile) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.android .page-container har-breadcrumb {
    top: 60px !important;
    left: 0 !important;
  }
  body.android .page-container har-navigation-tabs {
    top: 132px !important;
    left: 0 !important;
  }
  body.android .page-container .breadcrumb-container {
    margin-top: 132px;
  }
  body.android .page-container .list-page {
    overflow-x: hidden;
  }
  body.android har-question-answer {
    width: 100% !important;
  }
  body.android .mobile-column-reverse {
    flex-direction: column-reverse !important;
  }
  body.android .mobile-column-reverse har-button {
    margin-top: 1rem !important;
  }
  body.android .mobile-column-reverse har-button:first-of-type {
    margin-left: 0 !important;
  }
  body.android .mobile-column {
    flex-direction: column !important;
  }
  body.android .mobile-column har-button {
    margin-top: 1rem !important;
  }
  body.android .mobile-column har-button:first-of-type {
    margin-left: 0 !important;
  }
  body.android .w-480 {
    max-width: 100% !important;
    width: 100% !important;
  }
  body.android har-dossier-status-button, body.android har-dossier-status-button har-button, body.android har-dossier-status-button button {
    width: 100%;
  }
  body.android .flow-height {
    height: auto !important;
  }
  body.android iframe.flow-height {
    min-height: 50vh !important;
  }
  body.android .question-flow-height {
    height: calc(100dvh - 124px) !important;
  }
  body.android .bottom-navigation-bar {
    display: flex !important;
    position: relative !important;
  }
  body.android .bottom-navigation-bar:not(.disable-legacy) {
    flex-direction: column-reverse;
    width: 100% !important;
    height: unset !important;
  }
  body.android .bottom-navigation-bar har-button, body.android .bottom-navigation-bar har-navigation-button {
    order: 1;
  }
  body.android .bottom-navigation-bar .bottom-navigation {
    width: calc(100% - 48px) !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation.previous {
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation.next {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation har-button, body.android .bottom-navigation-bar .bottom-navigation har-navigation-button {
    display: flex !important;
    flex-direction: column-reverse !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation har-button:not(:last-child), body.android .bottom-navigation-bar .bottom-navigation har-navigation-button:not(:last-child) {
    margin-top: 0.5rem !important;
  }
  body.android .bottom-navigation-bar-mobile {
    z-index: 19 !important;
    bottom: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    text-align: center !important;
    justify-content: space-between !important;
    min-height: 60px !important;
    padding-bottom: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile:not(.disable-legacy) {
    position: fixed !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation {
    width: auto !important;
    flex-shrink: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 4px 8px !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation.previous {
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation.next {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button, body.android .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button {
    width: 100% !important;
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button button, body.android .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button button {
    width: 100% !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button button {
    padding: 0 1.5rem 0 1.5rem !important;
  }
  body.android har-duo-tone-icon.one-step.large-spot {
    font-size: 160px !important;
  }
  body.android har-role-switcher .bottom-border {
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-style: solid !important;
    border-color: rgb(var(--gray-dark) / 0.3) !important;
  }
  body.android har-role-switcher li.last {
    margin-bottom: 120px !important;
  }
  body.android har-role-switcher li, body.android har-role-switcher div {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--sidebar-text-color) / var(--tw-text-opacity, 1)) !important;
  }
  body.android har-role-switcher li {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  body.android har-role-switcher li span[class*=icon-] {
    font-size: 32px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary-color) / var(--tw-text-opacity, 1)) !important;
    transition: 0s !important;
  }
  body.android har-role-switcher li.active {
    background-color: unset !important;
  }
  body.android har-role-switcher li.active div, body.android har-role-switcher li:hover div {
    font-weight: 600 !important;
  }
  body.android har-role-switcher li.bottom-border {
    border-bottom: 0 !important;
  }
  body.android har-role-switcher li.bottom-border:after {
    background-color: rgb(var(--gray-dark) / 0.3);
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 2rem;
    right: 2rem;
  }
  body.android .question-content.simple-questionnaire-content {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
  }
  body.android har-signature-sms-box .mobile-border {
    min-height: 172px !important;
    border: 1px solid #A6B4C1 !important;
    border-radius: 4px !important;
  }
  body.android har-signature-sms-box .mobile-border .form-container {
    width: auto !important;
  }
  body.android har-signature-sms-box .send-code, body.android har-signature-sms-box .send-code > button {
    width: unset !important;
  }
  body.android har-signature-sms-box .form-buttons {
    width: 100% !important;
    padding-bottom: 0 !important;
  }
  body.android .globalSign {
    height: 172px !important;
  }
  body.android .globalSign:not(.sign-canvas-container) {
    height: unset !important;
    border: none !important;
  }
  body.android .wrong-mobile-phone {
    bottom: unset !important;
    position: unset !important;
    right: unset !important;
    width: auto !important;
    margin-top: 12px !important;
  }
  body.android .center-elements .logo {
    margin-bottom: 16px !important;
  }
  body.android .center-elements .box {
    padding: 0 1rem !important;
  }
  body.android .center-elements img.email-sent {
    margin-top: 24px !important;
  }
  body.android .center-elements .bottom-separator {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(var(--gray-dark) / 0.3) !important;
    display: block !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    width: calc(100% - 2px) !important;
  }
  body.android .center-elements .bottom-separator:not(.login) {
    margin-top: 16px !important;
  }
  body.android .center-elements .bottom-link {
    display: block !important;
    margin-bottom: 24px !important;
  }
  body.android .register-header {
    position: unset !important;
    right: unset !important;
    width: 100% !important;
  }
  body.android har-verify-otp .center-elements .box {
    padding: 0 !important;
  }
  body.android .right-col {
    width: 100% !important;
    padding: 0 !important;
    margin-top: 24px !important;
    height: calc(100dvh - 116px) !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
  }
  body.android .products .product {
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }
  body.android .details-table-container .table-row, body.android .details-table-container .row-key {
    display: block !important;
  }
  body.android .details-table-container .row-key, body.android .details-table-container .row-value {
    padding: 0 !important;
  }
  body.android .details-table-container .row-value {
    padding-top: 0.25rem !important;
    padding-bottom: 0.75rem !important;
  }
  body.android .center-elements .box {
    width: 100% !important;
    max-width: 480px !important;
  }
  body.android har-register .center-elements, body.android har-register-verify-code .center-elements {
    flex-direction: column;
  }
  body.android har-register .center-elements .box .box-content .name-input, body.android har-register-verify-code .center-elements .box .box-content .name-input {
    width: 100% !important;
  }
  body.android har-register .center-elements .box .box-content .name-input:first-child, body.android har-register-verify-code .center-elements .box .box-content .name-input:first-child {
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
  body.android har-register .center-elements .box .box-content .tfa .info, body.android har-register-verify-code .center-elements .box .box-content .tfa .info {
    display: none !important;
  }
  body.android .product-card {
    width: 100% !important;
  }
  body.android .product-card .top-part {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.android .cards-container {
    height: auto !important;
    overflow-y: unset !important;
  }
  body.android har-investor-questionnaire .questions {
    overflow-y: unset !important;
    margin-left: 0 !important;
    overflow-x: hidden;
    margin-top: 0 !important;
  }
  body.android har-investor-questionnaire .questions .question-content {
    box-sizing: border-box;
    width: 100vw;
  }
  body.android har-investor-questionnaire .questions .question-content.sign-page {
    width: 100% !important;
    padding: 0 !important;
  }
  body.android .product-page-container .icon {
    display: none !important;
  }
  body.android .verify-email {
    margin-top: unset !important;
  }
  body.android .login button[type=submit] {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
  }
  body.android .question-row .dependent-question {
    margin-left: 16px !important;
  }
  body.android .toast-component {
    width: 100%;
    max-width: 100%;
  }
  body.android .toast-container.active {
    left: 8px;
    right: 8px;
  }
  body.android .toast-container div {
    align-items: flex-start !important;
  }
  body.android har-empty-list {
    display: block;
    margin-top: 1.5rem;
  }
  @media screen and (max-width: 1280px) {
    body.android har-empty-list {
      margin-top: 0;
    }
  }
  body.android [type=radio] + label.in-expandable {
    right: 0px;
  }
  body.android [type=radio] + label.in-expandable.centered-mobile {
    top: unset !important;
  }
  body.android har-percentage-input.full-width-mobile .input-container {
    width: 100% !important;
  }
  body.android .radio-two-columns [type=radio]:checked + label,
  body.android .radio-two-columns [type=radio]:not(:checked) + label {
    width: calc(100% - 1rem) !important;
  }
  body.android .radio-two-columns [type=radio]:checked + label:not(:last-of-type),
  body.android .radio-two-columns [type=radio]:not(:checked) + label:not(:last-of-type) {
    padding-bottom: 0.5rem;
  }
  body.android .ml-logo-menu {
    margin-left: 40px;
  }
  body.android .default-input-width {
    width: 100% !important;
  }
  body.android .item-widget-body har-table {
    margin: 0 6px;
  }
  body.android .two-columns-grid {
    grid-template-columns: repeat(1, 100%);
  }
  body.android .semibold-if-subcontent {
    font-weight: 600 !important;
  }
  body.ios .questions {
    padding-bottom: 64px !important;
  }
  @media screen and (max-width: 640px) {
    body.ios har-investor-questionnaire .questions {
      padding-bottom: env(safe-area-inset-bottom);
    }
  }
  body.ios body.android har-investor-questionnaire .questions {
    padding-bottom: env(safe-area-inset-bottom);
  }
  /**
   ** Margins and padding
   */
  .pr-xxs {
    padding-right: 0.25rem;
  }
  .pr-xs {
    padding-right: 0.5rem;
  }
  .pr-s {
    padding-right: 1rem;
  }
  .pr-tiny {
    padding-right: 0.75rem;
  }
  .pr-m {
    padding-right: 1.5rem;
  }
  .pr-l {
    padding-right: 2rem;
  }
  .pr-xl {
    padding-right: 2.5rem;
  }
  .pr-xxl {
    padding-right: 4rem;
  }
  .pl-0 {
    padding-left: 0 !important;
  }
  .pl-xxs {
    padding-left: 0.25rem;
  }
  .pl-xs {
    padding-left: 0.5rem;
  }
  .pl-s {
    padding-left: 1rem;
  }
  .pl-tiny {
    padding-left: 0.75rem;
  }
  .pl-m {
    padding-left: 1.5rem;
  }
  .pl-l {
    padding-left: 2rem;
  }
  .pl-xl {
    padding-left: 2.5rem;
  }
  .pl-xxl {
    padding-left: 4rem;
  }
  .pt-xxs {
    padding-top: 0.25rem;
  }
  .pt-xs {
    padding-top: 0.5rem;
  }
  .pt-s {
    padding-top: 1rem;
  }
  .pt-tiny {
    padding-top: 0.75rem;
  }
  .pt-m {
    padding-top: 1.5rem;
  }
  .pt-l {
    padding-top: 2rem;
  }
  .pt-xl {
    padding-top: 2.5rem;
  }
  .pt-xxl {
    padding-top: 4rem;
  }
  .pb-xxs {
    padding-bottom: 0.25rem;
  }
  .pb-xs {
    padding-bottom: 0.5rem;
  }
  .pb-tiny {
    padding-bottom: 0.75rem;
  }
  .pb-s {
    padding-bottom: 1rem;
  }
  .pb-m {
    padding-bottom: 1.5rem;
  }
  .pb-l {
    padding-bottom: 2rem;
  }
  .pb-xxl {
    padding-bottom: 4rem;
  }
  .pb-xxxl {
    padding-bottom: 5.25rem;
  }
  .p-xs {
    padding: 0.5rem;
  }
  .mt-a {
    margin-top: auto;
  }
  .mt-xxs {
    margin-top: 0.25rem;
  }
  .mt-xs {
    margin-top: 0.5rem;
  }
  .mt-tiny {
    margin-top: 0.75rem;
  }
  .mt-s {
    margin-top: 1rem;
  }
  .mt-m {
    margin-top: 1.5rem;
  }
  .mt-l {
    margin-top: 2rem;
  }
  .mt-xl {
    margin-top: 2.5rem;
  }
  .mt-xxl {
    margin-top: 4rem;
  }
  .mb-xxs {
    margin-bottom: 0.25rem;
  }
  .mb-xs {
    margin-bottom: 0.5rem;
  }
  .-mb-xs {
    margin-bottom: -0.5rem;
  }
  .mb-tiny {
    margin-bottom: 0.75rem;
  }
  .mb-s {
    margin-bottom: 1rem;
  }
  .mb-m {
    margin-bottom: 1.5rem;
  }
  .mb-l {
    margin-bottom: 2rem;
  }
  .mb-xl {
    margin-bottom: 2.5rem;
  }
  .mb-xxl {
    margin-bottom: 4rem;
  }
  .ml-xxs {
    margin-left: 0.25rem;
  }
  .ml-xs {
    margin-left: 0.5rem;
  }
  .ml-s {
    margin-left: 1rem;
  }
  .ml-m {
    margin-left: 1.5rem;
  }
  .ml-l {
    margin-left: 2rem;
  }
  .ml-xl {
    margin-left: 2.5rem;
  }
  .ml-xxl {
    margin-left: 4rem;
  }
  .ml-a {
    margin-left: auto;
  }
  .mr-xxs {
    margin-right: 0.25rem;
  }
  .mr-xs {
    margin-right: 0.5rem;
  }
  .mr-tiny {
    margin-right: 0.75rem;
  }
  .mr-s {
    margin-right: 1rem;
  }
  .mr-m {
    margin-right: 1.5rem;
  }
  .mr-l {
    margin-right: 2rem;
  }
  .mr-xxl {
    margin-right: 4rem;
  }
  .mr-a {
    margin-right: auto;
  }
  .m-l {
    margin: 2rem;
  }
}
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url('primeicons.8ca441e178bfb872.eot');
  src: url('primeicons.8ca441e178bfb872.eot?#iefix') format("embedded-opentype"), url('primeicons.e1a53edb6ea00325.woff2') format("woff2"), url('primeicons.7f7722745590608a.woff') format("woff"), url('primeicons.310a7310efb91ab1.ttf') format("truetype"), url('primeicons.19e14e488f5edc90.svg?#primeicons') format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}

.pi-fw {
  width: 1.28571429em;
  text-align: center;
}

.pi-spin {
  animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}

.pi-receipt:before {
  content: "\ea06";
}

.pi-asterisk:before {
  content: "\ea07";
}

.pi-face-smile:before {
  content: "\ea08";
}

.pi-pinterest:before {
  content: "\ea09";
}

.pi-expand:before {
  content: "\ea0a";
}

.pi-pen-to-square:before {
  content: "\ea0b";
}

.pi-wave-pulse:before {
  content: "\ea0c";
}

.pi-turkish-lira:before {
  content: "\ea0d";
}

.pi-spinner-dotted:before {
  content: "\ea0e";
}

.pi-crown:before {
  content: "\ea0f";
}

.pi-pause-circle:before {
  content: "\ea10";
}

.pi-warehouse:before {
  content: "\ea11";
}

.pi-objects-column:before {
  content: "\ea12";
}

.pi-clipboard:before {
  content: "\ea13";
}

.pi-play-circle:before {
  content: "\ea14";
}

.pi-venus:before {
  content: "\ea15";
}

.pi-cart-minus:before {
  content: "\ea16";
}

.pi-file-plus:before {
  content: "\ea17";
}

.pi-microchip:before {
  content: "\ea18";
}

.pi-twitch:before {
  content: "\ea19";
}

.pi-building-columns:before {
  content: "\ea1a";
}

.pi-file-check:before {
  content: "\ea1b";
}

.pi-microchip-ai:before {
  content: "\ea1c";
}

.pi-trophy:before {
  content: "\ea1d";
}

.pi-barcode:before {
  content: "\ea1e";
}

.pi-file-arrow-up:before {
  content: "\ea1f";
}

.pi-mars:before {
  content: "\ea20";
}

.pi-tiktok:before {
  content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}

.pi-ethereum:before {
  content: "\ea23";
}

.pi-list-check:before {
  content: "\ea24";
}

.pi-thumbtack:before {
  content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}

.pi-equals:before {
  content: "\ea27";
}

.pi-lightbulb:before {
  content: "\ea28";
}

.pi-star-half:before {
  content: "\ea29";
}

.pi-address-book:before {
  content: "\ea2a";
}

.pi-chart-scatter:before {
  content: "\ea2b";
}

.pi-indian-rupee:before {
  content: "\ea2c";
}

.pi-star-half-fill:before {
  content: "\ea2d";
}

.pi-cart-arrow-down:before {
  content: "\ea2e";
}

.pi-calendar-clock:before {
  content: "\ea2f";
}

.pi-sort-up-fill:before {
  content: "\ea30";
}

.pi-sparkles:before {
  content: "\ea31";
}

.pi-bullseye:before {
  content: "\ea32";
}

.pi-sort-down-fill:before {
  content: "\ea33";
}

.pi-graduation-cap:before {
  content: "\ea34";
}

.pi-hammer:before {
  content: "\ea35";
}

.pi-bell-slash:before {
  content: "\ea36";
}

.pi-gauge:before {
  content: "\ea37";
}

.pi-shop:before {
  content: "\ea38";
}

.pi-headphones:before {
  content: "\ea39";
}

.pi-eraser:before {
  content: "\ea04";
}

.pi-stopwatch:before {
  content: "\ea01";
}

.pi-verified:before {
  content: "\ea02";
}

.pi-delete-left:before {
  content: "\ea03";
}

.pi-hourglass:before {
  content: "\e9fe";
}

.pi-truck:before {
  content: "\ea00";
}

.pi-wrench:before {
  content: "\e9ff";
}

.pi-microphone:before {
  content: "\e9fa";
}

.pi-megaphone:before {
  content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}

.pi-bitcoin:before {
  content: "\e9fd";
}

.pi-file-edit:before {
  content: "\e9f6";
}

.pi-language:before {
  content: "\e9f7";
}

.pi-file-export:before {
  content: "\e9f8";
}

.pi-file-import:before {
  content: "\e9f9";
}

.pi-file-word:before {
  content: "\e9f1";
}

.pi-gift:before {
  content: "\e9f2";
}

.pi-cart-plus:before {
  content: "\e9f3";
}

.pi-thumbs-down-fill:before {
  content: "\e9f4";
}

.pi-thumbs-up-fill:before {
  content: "\e9f5";
}

.pi-arrows-alt:before {
  content: "\e9f0";
}

.pi-calculator:before {
  content: "\e9ef";
}

.pi-sort-alt-slash:before {
  content: "\e9ee";
}

.pi-arrows-h:before {
  content: "\e9ec";
}

.pi-arrows-v:before {
  content: "\e9ed";
}

.pi-pound:before {
  content: "\e9eb";
}

.pi-prime:before {
  content: "\e9ea";
}

.pi-chart-pie:before {
  content: "\e9e9";
}

.pi-reddit:before {
  content: "\e9e8";
}

.pi-code:before {
  content: "\e9e7";
}

.pi-sync:before {
  content: "\e9e6";
}

.pi-shopping-bag:before {
  content: "\e9e5";
}

.pi-server:before {
  content: "\e9e4";
}

.pi-database:before {
  content: "\e9e3";
}

.pi-hashtag:before {
  content: "\e9e2";
}

.pi-bookmark-fill:before {
  content: "\e9df";
}

.pi-filter-fill:before {
  content: "\e9e0";
}

.pi-heart-fill:before {
  content: "\e9e1";
}

.pi-flag-fill:before {
  content: "\e9de";
}

.pi-circle:before {
  content: "\e9dc";
}

.pi-circle-fill:before {
  content: "\e9dd";
}

.pi-bolt:before {
  content: "\e9db";
}

.pi-history:before {
  content: "\e9da";
}

.pi-box:before {
  content: "\e9d9";
}

.pi-at:before {
  content: "\e9d8";
}

.pi-arrow-up-right:before {
  content: "\e9d4";
}

.pi-arrow-up-left:before {
  content: "\e9d5";
}

.pi-arrow-down-left:before {
  content: "\e9d6";
}

.pi-arrow-down-right:before {
  content: "\e9d7";
}

.pi-telegram:before {
  content: "\e9d3";
}

.pi-stop-circle:before {
  content: "\e9d2";
}

.pi-stop:before {
  content: "\e9d1";
}

.pi-whatsapp:before {
  content: "\e9d0";
}

.pi-building:before {
  content: "\e9cf";
}

.pi-qrcode:before {
  content: "\e9ce";
}

.pi-car:before {
  content: "\e9cd";
}

.pi-instagram:before {
  content: "\e9cc";
}

.pi-linkedin:before {
  content: "\e9cb";
}

.pi-send:before {
  content: "\e9ca";
}

.pi-slack:before {
  content: "\e9c9";
}

.pi-sun:before {
  content: "\e9c8";
}

.pi-moon:before {
  content: "\e9c7";
}

.pi-vimeo:before {
  content: "\e9c6";
}

.pi-youtube:before {
  content: "\e9c5";
}

.pi-flag:before {
  content: "\e9c4";
}

.pi-wallet:before {
  content: "\e9c3";
}

.pi-map:before {
  content: "\e9c2";
}

.pi-link:before {
  content: "\e9c1";
}

.pi-credit-card:before {
  content: "\e9bf";
}

.pi-discord:before {
  content: "\e9c0";
}

.pi-percentage:before {
  content: "\e9be";
}

.pi-euro:before {
  content: "\e9bd";
}

.pi-book:before {
  content: "\e9ba";
}

.pi-shield:before {
  content: "\e9b9";
}

.pi-paypal:before {
  content: "\e9bb";
}

.pi-amazon:before {
  content: "\e9bc";
}

.pi-phone:before {
  content: "\e9b8";
}

.pi-filter-slash:before {
  content: "\e9b7";
}

.pi-facebook:before {
  content: "\e9b4";
}

.pi-github:before {
  content: "\e9b5";
}

.pi-twitter:before {
  content: "\e9b6";
}

.pi-step-backward-alt:before {
  content: "\e9ac";
}

.pi-step-forward-alt:before {
  content: "\e9ad";
}

.pi-forward:before {
  content: "\e9ae";
}

.pi-backward:before {
  content: "\e9af";
}

.pi-fast-backward:before {
  content: "\e9b0";
}

.pi-fast-forward:before {
  content: "\e9b1";
}

.pi-pause:before {
  content: "\e9b2";
}

.pi-play:before {
  content: "\e9b3";
}

.pi-compass:before {
  content: "\e9ab";
}

.pi-id-card:before {
  content: "\e9aa";
}

.pi-ticket:before {
  content: "\e9a9";
}

.pi-file-o:before {
  content: "\e9a8";
}

.pi-reply:before {
  content: "\e9a7";
}

.pi-directions-alt:before {
  content: "\e9a5";
}

.pi-directions:before {
  content: "\e9a6";
}

.pi-thumbs-up:before {
  content: "\e9a3";
}

.pi-thumbs-down:before {
  content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
  content: "\e996";
}

.pi-sort-numeric-up-alt:before {
  content: "\e997";
}

.pi-sort-alpha-down-alt:before {
  content: "\e998";
}

.pi-sort-alpha-up-alt:before {
  content: "\e999";
}

.pi-sort-numeric-down:before {
  content: "\e99a";
}

.pi-sort-numeric-up:before {
  content: "\e99b";
}

.pi-sort-alpha-down:before {
  content: "\e99c";
}

.pi-sort-alpha-up:before {
  content: "\e99d";
}

.pi-sort-alt:before {
  content: "\e99e";
}

.pi-sort-amount-up:before {
  content: "\e99f";
}

.pi-sort-amount-down:before {
  content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}

.pi-palette:before {
  content: "\e995";
}

.pi-undo:before {
  content: "\e994";
}

.pi-desktop:before {
  content: "\e993";
}

.pi-sliders-v:before {
  content: "\e991";
}

.pi-sliders-h:before {
  content: "\e992";
}

.pi-search-plus:before {
  content: "\e98f";
}

.pi-search-minus:before {
  content: "\e990";
}

.pi-file-excel:before {
  content: "\e98e";
}

.pi-file-pdf:before {
  content: "\e98d";
}

.pi-check-square:before {
  content: "\e98c";
}

.pi-chart-line:before {
  content: "\e98b";
}

.pi-user-edit:before {
  content: "\e98a";
}

.pi-exclamation-circle:before {
  content: "\e989";
}

.pi-android:before {
  content: "\e985";
}

.pi-google:before {
  content: "\e986";
}

.pi-apple:before {
  content: "\e987";
}

.pi-microsoft:before {
  content: "\e988";
}

.pi-heart:before {
  content: "\e984";
}

.pi-mobile:before {
  content: "\e982";
}

.pi-tablet:before {
  content: "\e983";
}

.pi-key:before {
  content: "\e981";
}

.pi-shopping-cart:before {
  content: "\e980";
}

.pi-comments:before {
  content: "\e97e";
}

.pi-comment:before {
  content: "\e97f";
}

.pi-briefcase:before {
  content: "\e97d";
}

.pi-bell:before {
  content: "\e97c";
}

.pi-paperclip:before {
  content: "\e97b";
}

.pi-share-alt:before {
  content: "\e97a";
}

.pi-envelope:before {
  content: "\e979";
}

.pi-volume-down:before {
  content: "\e976";
}

.pi-volume-up:before {
  content: "\e977";
}

.pi-volume-off:before {
  content: "\e978";
}

.pi-eject:before {
  content: "\e975";
}

.pi-money-bill:before {
  content: "\e974";
}

.pi-images:before {
  content: "\e973";
}

.pi-image:before {
  content: "\e972";
}

.pi-sign-in:before {
  content: "\e970";
}

.pi-sign-out:before {
  content: "\e971";
}

.pi-wifi:before {
  content: "\e96f";
}

.pi-sitemap:before {
  content: "\e96e";
}

.pi-chart-bar:before {
  content: "\e96d";
}

.pi-camera:before {
  content: "\e96c";
}

.pi-dollar:before {
  content: "\e96b";
}

.pi-lock-open:before {
  content: "\e96a";
}

.pi-table:before {
  content: "\e969";
}

.pi-map-marker:before {
  content: "\e968";
}

.pi-list:before {
  content: "\e967";
}

.pi-eye-slash:before {
  content: "\e965";
}

.pi-eye:before {
  content: "\e966";
}

.pi-folder-open:before {
  content: "\e964";
}

.pi-folder:before {
  content: "\e963";
}

.pi-video:before {
  content: "\e962";
}

.pi-inbox:before {
  content: "\e961";
}

.pi-lock:before {
  content: "\e95f";
}

.pi-unlock:before {
  content: "\e960";
}

.pi-tags:before {
  content: "\e95d";
}

.pi-tag:before {
  content: "\e95e";
}

.pi-power-off:before {
  content: "\e95c";
}

.pi-save:before {
  content: "\e95b";
}

.pi-question-circle:before {
  content: "\e959";
}

.pi-question:before {
  content: "\e95a";
}

.pi-copy:before {
  content: "\e957";
}

.pi-file:before {
  content: "\e958";
}

.pi-clone:before {
  content: "\e955";
}

.pi-calendar-times:before {
  content: "\e952";
}

.pi-calendar-minus:before {
  content: "\e953";
}

.pi-calendar-plus:before {
  content: "\e954";
}

.pi-ellipsis-v:before {
  content: "\e950";
}

.pi-ellipsis-h:before {
  content: "\e951";
}

.pi-bookmark:before {
  content: "\e94e";
}

.pi-globe:before {
  content: "\e94f";
}

.pi-replay:before {
  content: "\e94d";
}

.pi-filter:before {
  content: "\e94c";
}

.pi-print:before {
  content: "\e94b";
}

.pi-align-right:before {
  content: "\e946";
}

.pi-align-left:before {
  content: "\e947";
}

.pi-align-center:before {
  content: "\e948";
}

.pi-align-justify:before {
  content: "\e949";
}

.pi-cog:before {
  content: "\e94a";
}

.pi-cloud-download:before {
  content: "\e943";
}

.pi-cloud-upload:before {
  content: "\e944";
}

.pi-cloud:before {
  content: "\e945";
}

.pi-pencil:before {
  content: "\e942";
}

.pi-users:before {
  content: "\e941";
}

.pi-clock:before {
  content: "\e940";
}

.pi-user-minus:before {
  content: "\e93e";
}

.pi-user-plus:before {
  content: "\e93f";
}

.pi-trash:before {
  content: "\e93d";
}

.pi-external-link:before {
  content: "\e93c";
}

.pi-window-maximize:before {
  content: "\e93b";
}

.pi-window-minimize:before {
  content: "\e93a";
}

.pi-refresh:before {
  content: "\e938";
}

.pi-user:before {
  content: "\e939";
}

.pi-exclamation-triangle:before {
  content: "\e922";
}

.pi-calendar:before {
  content: "\e927";
}

.pi-chevron-circle-left:before {
  content: "\e928";
}

.pi-chevron-circle-down:before {
  content: "\e929";
}

.pi-chevron-circle-right:before {
  content: "\e92a";
}

.pi-chevron-circle-up:before {
  content: "\e92b";
}

.pi-angle-double-down:before {
  content: "\e92c";
}

.pi-angle-double-left:before {
  content: "\e92d";
}

.pi-angle-double-right:before {
  content: "\e92e";
}

.pi-angle-double-up:before {
  content: "\e92f";
}

.pi-angle-down:before {
  content: "\e930";
}

.pi-angle-left:before {
  content: "\e931";
}

.pi-angle-right:before {
  content: "\e932";
}

.pi-angle-up:before {
  content: "\e933";
}

.pi-upload:before {
  content: "\e934";
}

.pi-download:before {
  content: "\e956";
}

.pi-ban:before {
  content: "\e935";
}

.pi-star-fill:before {
  content: "\e936";
}

.pi-star:before {
  content: "\e937";
}

.pi-chevron-left:before {
  content: "\e900";
}

.pi-chevron-right:before {
  content: "\e901";
}

.pi-chevron-down:before {
  content: "\e902";
}

.pi-chevron-up:before {
  content: "\e903";
}

.pi-caret-left:before {
  content: "\e904";
}

.pi-caret-right:before {
  content: "\e905";
}

.pi-caret-down:before {
  content: "\e906";
}

.pi-caret-up:before {
  content: "\e907";
}

.pi-search:before {
  content: "\e908";
}

.pi-check:before {
  content: "\e909";
}

.pi-check-circle:before {
  content: "\e90a";
}

.pi-times:before {
  content: "\e90b";
}

.pi-times-circle:before {
  content: "\e90c";
}

.pi-plus:before {
  content: "\e90d";
}

.pi-plus-circle:before {
  content: "\e90e";
}

.pi-minus:before {
  content: "\e90f";
}

.pi-minus-circle:before {
  content: "\e910";
}

.pi-circle-on:before {
  content: "\e911";
}

.pi-circle-off:before {
  content: "\e912";
}

.pi-sort-down:before {
  content: "\e913";
}

.pi-sort-up:before {
  content: "\e914";
}

.pi-sort:before {
  content: "\e915";
}

.pi-step-backward:before {
  content: "\e916";
}

.pi-step-forward:before {
  content: "\e917";
}

.pi-th-large:before {
  content: "\e918";
}

.pi-arrow-down:before {
  content: "\e919";
}

.pi-arrow-left:before {
  content: "\e91a";
}

.pi-arrow-right:before {
  content: "\e91b";
}

.pi-arrow-up:before {
  content: "\e91c";
}

.pi-bars:before {
  content: "\e91d";
}

.pi-arrow-circle-down:before {
  content: "\e91e";
}

.pi-arrow-circle-left:before {
  content: "\e91f";
}

.pi-arrow-circle-right:before {
  content: "\e920";
}

.pi-arrow-circle-up:before {
  content: "\e921";
}

.pi-info:before {
  content: "\e923";
}

.pi-info-circle:before {
  content: "\e924";
}

.pi-home:before {
  content: "\e925";
}

.pi-spinner:before {
  content: "\e926";
}

.p-component:not(.p-disabled).error-mode {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.p-component:not(.p-disabled).warning-mode {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}

.p-select.error-mode {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
}
.p-select.error-mode .p-select-dropdown {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
}

.p-select.warning-mode {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
}
.p-select.warning-mode .p-select-dropdown {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
}

.p-select {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
}

@layer harmoney {
  .bottom-navigation-bar.p-select {
    width: 100vw;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.p-select):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.p-select):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(.p-select):not(.disable-legacy).in-card {
      width: auto;
    }
  }
}

.p-select {
  position: relative;
  font-family: var(--font-family);
  font-size: var(--text-b1-mobile);
  line-height: 1.25rem;
}

@media (min-width: 640px) {
  .p-select {
    font-size: var(--text-b2);
  }
}

.p-select {
  height: 44px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  outline-color: rgb(var(--primary-color) / 1);
}
.p-select, .p-select * {
  box-sizing: border-box;
}
.p-select.has-info .p-select-clear-icon {
  right: 84px;
}
.p-select .p-select-label {
  padding-left: 16px;
  padding-right: 16px;
}
.p-select.disabled, .p-select.disabled .p-select-label, .p-select.p-disabled, .p-select.p-disabled .p-select-label {
  cursor: not-allowed !important;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus, .p-select:not(.disabled):not(.p-disabled):hover, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover, .p-select:not(.disabled):not(.p-disabled):focus, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus, .p-select:not(.disabled):not(.p-disabled):active {
  border-width: 2px;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus:hover, .p-select:not(.disabled):not(.p-disabled):hover:hover, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover:hover, .p-select:not(.disabled):not(.p-disabled):focus:hover, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus:hover, .p-select:not(.disabled):not(.p-disabled):active:hover {
  cursor: pointer;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus .p-select-dropdown, .p-select:not(.disabled):not(.p-disabled):hover .p-select-dropdown, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-select-dropdown, .p-select:not(.disabled):not(.p-disabled):focus .p-select-dropdown, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-select-dropdown, .p-select:not(.disabled):not(.p-disabled):active .p-select-dropdown {
  width: 47px;
  border-left-width: 2px;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus.has-info .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):hover.has-info .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover.has-info .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):focus.has-info .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus.has-info .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):active.has-info .p-select-clear-icon {
  right: 83px;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):hover .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):focus .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-select-clear-icon, .p-select:not(.disabled):not(.p-disabled):active .p-select-clear-icon {
  right: 56px;
}
.p-select:not(.disabled):not(.p-disabled).p-inputwrapper-focus .p-select-label, .p-select:not(.disabled):not(.p-disabled):hover .p-select-label, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-select-label, .p-select:not(.disabled):not(.p-disabled):focus .p-select-label, .p-select:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-select-label, .p-select:not(.disabled):not(.p-disabled):active .p-select-label {
  padding-left: 15px;
  padding-right: 24px;
}
p-select:not(.error-mode) .p-select, p-select:not(.error-mode) .p-select .p-select-trigger {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
}
.p-select.disabled {
  cursor: not-allowed;
}
.p-select.disabled, .p-select.disabled:focus, .p-select.disabled:active, .p-select.disabled:hover, .p-select.disabled:focus-visible, .p-select.disabled:focus-within {
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
}
.p-select .p-select-dropdown {
  display: flex;
  height: 100%;
  width: 48px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1));
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  position: absolute;
  right: 0px;
  top: 0px;
}
.p-select .p-select-dropdown-icon {
  display: flex;
  align-items: center;
}
.p-select .p-select-clear-icon {
  right: 57px;
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
  margin-top: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-select .p-select-clear-icon span[class*=icon-] {
  font-size: 14px;
}

.p-select-overlay {
  border-width: 2px;
  padding-bottom: 2px;
}
.p-select-overlay .p-select-header .p-select-filter {
  box-sizing: border-box;
  height: 44px;
  width: 100%;
  border-width: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 48px;
}
@layer harmoney {
  .bottom-navigation-bar.p-select-overlay .p-select-header .p-select-filter {
    width: 100vw;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.p-select-overlay .p-select-header .p-select-filter):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.p-select-overlay .p-select-header .p-select-filter):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(.p-select-overlay .p-select-header .p-select-filter):not(.disable-legacy).in-card {
      width: auto;
    }
  }
}
.p-select-overlay .p-select-header .p-inputicon {
  right: 13px;
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  margin-top: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-select-overlay .p-select-list-container .p-select-option {
  white-space: normal;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(var(--secondary-color) / 0.2);
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  font-size: var(--text-b1-mobile);
}
@media (min-width: 640px) {
  .p-select-overlay .p-select-list-container .p-select-option {
    font-size: var(--text-b2);
  }
}

.p-overlay {
  padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .p-overlay {
    left: 50% !important;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.p-overlay body.android {
  left: 50% !important;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/**
   Disabled button
*/
/**
    Overwriting the PrimeNg styling of the split button
    to conform it to Harmoney buttons' styling.
*/
p-splitbutton .p-splitbutton {
  width: 100%;
}
@layer harmoney {
  p-splitbutton.bottom-navigation-bar .p-splitbutton {
    width: 100vw;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(p-splitbutton .p-splitbutton):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(p-splitbutton .p-splitbutton):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(p-splitbutton .p-splitbutton):not(.disable-legacy).in-card {
      width: auto;
    }
  }
}
p-splitbutton .p-button {
  height: 44px;
  font-weight: 700;
  border-radius: var(--button-radius);
}
p-splitbutton .p-button-label {
  font-weight: 700;
}
p-splitbutton .p-splitbutton-dropdown {
  width: 48px;
  max-width: 48px;
}
p-splitbutton .p-splitbutton-button {
  border-right: 0 !important;
}
p-splitbutton .p-splitbutton-button, p-splitbutton .p-splitbutton-dropdown {
  flex-grow: 1;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 44px;
  cursor: pointer;
  font-weight: 700;
  border: 1px solid rgb(var(--button-primary-border-default-color));
  color: rgb(var(--button-primary-text-default-color));
  background-color: rgb(var(--button-primary-background-default-color));
}
p-splitbutton .p-splitbutton-button:disabled, p-splitbutton .p-splitbutton-dropdown:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--secondary-color) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
p-splitbutton .p-splitbutton-button:disabled span[class*=icon-], p-splitbutton .p-splitbutton-dropdown:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
p-splitbutton .p-splitbutton-button:hover:enabled, p-splitbutton .p-splitbutton-dropdown:hover:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-hover-color));
}
p-splitbutton .p-splitbutton-button:active:enabled, p-splitbutton .p-splitbutton-dropdown:active:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-default-color));
}
p-splitbutton .p-splitbutton-button:focus-visible, p-splitbutton .p-splitbutton-dropdown:focus-visible {
  outline-offset: 1px;
  outline-color: rgb(var(--focus) / 1);
}
p-splitbutton .p-splitbutton-button:focus-visible:focus-visible, p-splitbutton .p-splitbutton-dropdown:focus-visible:focus-visible {
  outline-width: 2px;
}
p-splitbutton.secondary .p-splitbutton-button, p-splitbutton.secondary .p-splitbutton-dropdown {
  color: rgb(var(--button-secondary-text-default-color));
  background-color: rgb(var(--button-secondary-background-default-color));
  border: 1px solid rgb(var(--button-secondary-border-default-color));
}
p-splitbutton.secondary .p-splitbutton-button:disabled, p-splitbutton.secondary .p-splitbutton-dropdown:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--secondary-color) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
p-splitbutton.secondary .p-splitbutton-button:disabled span[class*=icon-], p-splitbutton.secondary .p-splitbutton-dropdown:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
p-splitbutton.secondary .p-splitbutton-button:hover:enabled, p-splitbutton.secondary .p-splitbutton-dropdown:hover:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-hover-color));
}
p-splitbutton.secondary .p-splitbutton-button:active:enabled, p-splitbutton.secondary .p-splitbutton-dropdown:active:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-default-color));
}
p-splitbutton.tertiary .p-splitbutton-button, p-splitbutton.tertiary .p-splitbutton-dropdown {
  color: rgb(var(--button-tertiary-text-default-color));
  background-color: rgb(var(--button-tertiary-background-default-color));
  border: 1px solid rgb(var(--button-tertiary-border-default-color));
}
p-splitbutton.tertiary .p-splitbutton-button:disabled, p-splitbutton.tertiary .p-splitbutton-dropdown:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--secondary-color) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
p-splitbutton.tertiary .p-splitbutton-button:disabled span[class*=icon-], p-splitbutton.tertiary .p-splitbutton-dropdown:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
p-splitbutton.tertiary .p-splitbutton-button:hover:enabled, p-splitbutton.tertiary .p-splitbutton-dropdown:hover:enabled {
  color: rgb(var(--button-tertiary-text-hover-color));
  background-color: rgb(var(--button-tertiary-background-hover-color));
  border: 1px solid rgb(var(--button-tertiary-border-hover-color));
}
p-splitbutton.tertiary .p-splitbutton-button:active:enabled, p-splitbutton.tertiary .p-splitbutton-dropdown:active:enabled {
  color: rgb(var(--button-tertiary-text-hover-color));
  background-color: rgb(var(--button-tertiary-background-hover-color));
  border: 1px solid rgb(var(--button-tertiary-border-default-color));
}

.p-tieredmenu.p-tieredmenu-mobile {
  position: absolute;
}

.p-tieredmenu {
  max-width: 100%;
}
@media (min-width: 640px) {
  .p-tieredmenu {
    max-width: 180px;
  }
}

/**
    Mobile display.
*/
@media screen and (max-width: 640px) {
  .p-tieredmenu {
    width: calc(100% - 90px);
  }
  har-table-paginator .p-tieredmenu {
    width: 100%;
  }
}
body.android .p-tieredmenu {
  width: calc(100% - 90px);
}
body.android har-table-paginator .p-tieredmenu {
  width: 100%;
}

.p-multiselect {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  background-color: transparent;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 75px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@layer harmoney {
  .bottom-navigation-bar.p-multiselect {
    width: 100vw;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.p-multiselect):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.p-multiselect):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(.p-multiselect):not(.disable-legacy).in-card {
      width: auto;
    }
  }
}

.p-multiselect {
  position: relative;
  font-family: var(--font-family);
  line-height: 1.25rem;
  font-size: var(--text-b1-mobile) !important;
}

@media (min-width: 640px) {
  .p-multiselect {
    font-size: var(--text-b2) !important;
  }
}

.p-multiselect {
  min-height: 44px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  outline-color: rgb(var(--primary-color) / 1);
}
.p-multiselect, .p-multiselect * {
  box-sizing: border-box;
}
.p-multiselect:has(.p-multiselect-clear-icon) {
  padding-right: 74px;
}
.p-multiselect:has(.p-multiselect-clear-icon).has-info {
  padding-right: 94px;
}
.p-multiselect.disabled, .p-multiselect.p-disabled {
  background-color: rgb(var(--gray-dark) / .05);
}
.p-multiselect.disabled, .p-multiselect.disabled .p-select-label, .p-multiselect.p-disabled, .p-multiselect.p-disabled .p-select-label {
  cursor: not-allowed !important;
}
.p-multiselect:not(.disabled):not(.p-disabled):hover, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover, .p-multiselect:not(.disabled):not(.p-disabled):focus, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus, .p-multiselect:not(.disabled):not(.p-disabled):active {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 74px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-multiselect:not(.disabled):not(.p-disabled):hover:hover, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover:hover, .p-multiselect:not(.disabled):not(.p-disabled):focus:hover, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus:hover, .p-multiselect:not(.disabled):not(.p-disabled):active:hover {
  cursor: pointer;
}
.error-mode .p-multiselect:not(.disabled):not(.p-disabled):hover, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):focus, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.error-mode .p-multiselect:not(.disabled):not(.p-disabled):hover .p-dropdown-trigger, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-dropdown-trigger, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):focus .p-dropdown-trigger, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-dropdown-trigger, .error-mode .p-multiselect:not(.disabled):not(.p-disabled):active .p-dropdown-trigger {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.warning-mode .p-multiselect:not(.disabled):not(.p-disabled):hover, .warning-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover, .warning-mode .p-multiselect:not(.disabled):not(.p-disabled):focus, .warning-mode .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus, .warning-mode .p-multiselect:not(.disabled):not(.p-disabled):active {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
.p-multiselect:not(.disabled):not(.p-disabled):hover .p-multiselect-dropdown, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-multiselect-dropdown, .p-multiselect:not(.disabled):not(.p-disabled):focus .p-multiselect-dropdown, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-multiselect-dropdown, .p-multiselect:not(.disabled):not(.p-disabled):active .p-multiselect-dropdown {
  width: 47px;
  border-left-width: 2px;
}
.p-multiselect:not(.disabled):not(.p-disabled):hover.has-info .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover.has-info .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):focus.has-info .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus.has-info .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):active.has-info .p-multiselect-clear-icon {
  right: 84px;
}
.p-multiselect:not(.disabled):not(.p-disabled):hover .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:hover .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):focus .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):-webkit-autofill:focus .p-multiselect-clear-icon, .p-multiselect:not(.disabled):not(.p-disabled):active .p-multiselect-clear-icon {
  right: 56px;
}
.p-multiselect.p-inputwrapper-focus, .p-multiselect:not(.p-disabled).p-focus {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 74px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-multiselect.p-inputwrapper-focus:hover, .p-multiselect:not(.p-disabled).p-focus:hover {
  cursor: pointer;
}
.error-mode .p-multiselect.p-inputwrapper-focus, .error-mode .p-multiselect:not(.p-disabled).p-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.error-mode .p-multiselect.p-inputwrapper-focus .p-dropdown-trigger, .error-mode .p-multiselect:not(.p-disabled).p-focus .p-dropdown-trigger {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.warning-mode .p-multiselect.p-inputwrapper-focus, .warning-mode .p-multiselect:not(.p-disabled).p-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
.p-multiselect.p-inputwrapper-focus .p-multiselect-dropdown, .p-multiselect:not(.p-disabled).p-focus .p-multiselect-dropdown {
  width: 47px;
  border-left-width: 2px;
}
.p-multiselect.p-inputwrapper-focus.has-info .p-multiselect-clear-icon, .p-multiselect:not(.p-disabled).p-focus.has-info .p-multiselect-clear-icon {
  right: 84px;
}
.p-multiselect.p-inputwrapper-focus .p-multiselect-clear-icon, .p-multiselect:not(.p-disabled).p-focus .p-multiselect-clear-icon {
  right: 56px;
}
.p-multiselect.warning-mode {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
.error-mode .p-multiselect, .error-mode .p-multiselect .p-multiselect-dropdown {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
}
p-multiselect:not(.error-mode) .p-multiselect, p-multiselect:not(.error-mode) .p-multiselect .p-multiselect-dropdown {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
}
.p-multiselect.disabled {
  cursor: not-allowed;
}
.p-multiselect.disabled, .p-multiselect.disabled:focus, .p-multiselect.disabled:active, .p-multiselect.disabled:hover, .p-multiselect.disabled:focus-visible, .p-multiselect.disabled:focus-within {
  border-width: 1px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
  background-color: rgb(var(--gray-dark) / .05) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1)) !important;
}
.p-multiselect .p-multiselect-label {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  background: transparent;
  border: 0 none;
  overflow: unset;
  text-overflow: unset;
  white-space: unset;
}
.p-multiselect .p-multiselect-label:focus, .p-multiselect .p-multiselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-multiselect .p-multiselect-dropdown {
  display: flex;
  height: 100%;
  width: 48px;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1));
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-right-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  position: absolute;
  right: 0px;
  top: 0px;
}
.p-multiselect .p-multiselect-dropdown-icon {
  display: flex;
  align-items: center;
}
.p-multiselect.has-info .p-multiselect-clear-icon {
  right: 83px;
}
.p-multiselect .p-multiselect-clear-icon {
  position: absolute;
  right: 57px;
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
  top: 50%;
  margin-top: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-multiselect .p-multiselect-clear-icon span[class*=icon-] {
  font-size: 14px;
}
.p-multiselect .p-multiselect-chip {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(var(--primary-color) / 0.1);
}
.p-multiselect .p-multiselect-chip .p-multiselect-chip-icon {
  display: flex;
}
.p-multiselect .p-multiselect-chip .p-chip-remove-icon {
  position: relative;
  display: flex;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity, 1));
}
.p-multiselect .p-multiselect-chip .p-chip-remove-icon:after {
  content: "";
  position: absolute;
  left: 44%;
  top: 50%;
  height: 80%;
  width: 80%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(var(--primary-color) / 0.7);
}
.p-multiselect .p-multiselect-chip .p-chip-remove-icon span[class*=icon-] {
  position: relative;
  z-index: 10;
  height: 14px;
  width: 14px;
  font-size: 14px;
}
.p-multiselect .p-multiselect-label-empty {
  height: 0px;
}
.p-multiselect .p-inputtext {
  font-size: var(--text-b1-mobile) !important;
}
@media (min-width: 640px) {
  .p-multiselect .p-inputtext {
    font-size: var(--text-b2) !important;
  }
}

.p-inputwrapper-filled .p-multiselect .p-multiselect-chip .p-multiselect-label {
  padding: 0;
}

.p-multiselect-overlay {
  border-radius: 4px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-light) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-multiselect-overlay .p-multiselect-header {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  padding: 16px;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter {
  box-sizing: border-box;
  height: 44px;
  width: 100%;
  border-width: 1px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 48px;
}
@layer harmoney {
  .bottom-navigation-bar.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter {
    width: 100vw;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter):not(.disable-legacy).in-card {
      width: auto;
    }
  }
}
.p-multiselect-overlay .p-multiselect-header .p-inputicon {
  right: 13px;
  display: flex;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  margin-top: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-close {
  display: none;
}
.p-multiselect-overlay .p-multiselect-list {
  padding: 0px;
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option {
  white-space: normal;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(var(--secondary-color) / 0.2);
  padding: 16px;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option.p-highlight, .p-multiselect-overlay .p-multiselect-list .p-multiselect-option.p-highlight.p-focus {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  background: rgb(var(--background-fill));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option.p-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option.p-disabled .p-checkbox-box {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-light) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected {
  background: transparent;
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option:not(.p-highlight):not(.p-disabled).p-focus {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  background: rgb(var(--background-fill));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option:not(.p-highlight):not(.p-disabled):hover {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  background: rgb(var(--background-fill));
}
.p-multiselect-overlay .p-multiselect-list .p-multiselect-option .p-checkbox {
  margin-right: 8px;
}

.p-input-filled .p-multiselect:not(.p-disabled).p-focus .p-inputtext {
  font-size: var(--text-b1-mobile) !important;
}

@media (min-width: 640px) {
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus .p-inputtext {
    font-size: var(--text-b2) !important;
  }
}

.p-input-filled .p-multiselect:not(.p-disabled).p-focus .p-inputtext {
  background-color: transparent;
}

.p-checkbox {
  --tw-text-opacity: 1;
  color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1));
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-input:hover + .p-checkbox-box {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
}
.p-checkbox.p-disabled {
  --tw-text-opacity: 1;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
}

.error-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-input + .p-checkbox-box {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.error-mode .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-input:hover + .p-checkbox-box {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}

.p-chip {
  height: 24px;
  margin-right: 5px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 12px !important;
  padding-right: 6px !important;
}
.p-chip .p-chip-label {
  font-size: 13px;
  font-weight: 700;
}
.p-disabled .p-chip {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.p-disabled .p-chip .p-chip-remove-icon {
  display: none;
}

.p-menu {
  min-width: 0 !important;
}
.p-menu .p-menu-item-content {
  border-radius: 0px;
}

.error-mode .p-toggleswitch .p-toggleswitch-slider, .p-toggleswitch-checked .error-mode .p-toggleswitch .p-toggleswitch-slider, .p-toggleswitch:not(.p-disabled):has(.p-toggleswitch-input:hover) .error-mode .p-toggleswitch .p-toggleswitch-slider {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--red) / var(--tw-bg-opacity, 1)) !important;
}

.p-inputtext {
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  font-family: var(--font-family);
  font-size: var(--text-b1-mobile) !important;
  line-height: 1.25rem !important;
}

@media (min-width: 640px) {
  .p-inputtext {
    font-size: var(--text-b2) !important;
  }
}
.has-icon .p-inputtext {
  padding-right: 46px;
}
.has-double-icon .has-icon .p-inputtext {
  padding-right: 72px;
}
.disabled .p-inputtext {
  cursor: not-allowed;
}
.has-action .p-inputtext {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-width: 0px !important;
}
.group:hover .has-action .p-inputtext {
  border-right-width: 0px !important;
}
.group:hover :not(.has-icon):not(.disabled) .p-inputtext:not(.p-disabled) {
  padding-left: 15px;
  padding-right: 15px;
}
.group:hover :not(.disabled) .has-icon .p-inputtext:not(.p-disabled) {
  padding-right: 45px;
  padding-left: 15px;
}
.group:hover .has-action :not(.disabled) .has-icon .p-inputtext:not(.p-disabled) {
  padding-right: 46px;
}
.group:hover :not(.disabled) .p-inputtext:not(.p-disabled) {
  border-width: 2px;
}
:not(.disabled) .p-inputtext:not(.p-disabled).p-inputwrapper-focus, :not(.disabled) .p-inputtext:not(.p-disabled):hover, :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:hover, :not(.disabled) .p-inputtext:not(.p-disabled):focus, :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:focus, :not(.disabled) .p-inputtext:not(.p-disabled):active {
  border-width: 2px;
  padding-left: 15px;
  padding-right: 15px;
}
.has-icon :not(.disabled) .p-inputtext:not(.p-disabled).p-inputwrapper-focus, .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):hover, .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:hover, .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):focus, .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:focus, .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):active {
  padding-right: 45px;
}
.has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled).p-inputwrapper-focus, .has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):hover, .has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:hover, .has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):focus, .has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:focus, .has-action .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):active {
  padding-right: 46px;
}
.has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled).p-inputwrapper-focus, .has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):hover, .has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:hover, .has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):focus, .has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):-webkit-autofill:focus, .has-double-icon .has-icon :not(.disabled) .p-inputtext:not(.p-disabled):active {
  padding-right: 71px;
}
.error-mode .p-inputtext:not(.p-disabled) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
}
.warning-mode .p-inputtext:not(.p-disabled) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
}
.adorned .p-inputtext {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-width: 0px !important;
}
.group:hover .adorned .p-inputtext {
  border-width: 2px !important;
  border-left-width: 0px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.adorned .p-inputtext.p-inputwrapper-focus, .adorned .p-inputtext:hover, .adorned .p-inputtext:-webkit-autofill:hover, .adorned .p-inputtext:focus, .adorned .p-inputtext:-webkit-autofill:focus, .adorned .p-inputtext:active {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.a11y-focus {
  outline-offset: 2px;
  outline-color: rgb(var(--focus) / 1);
}

.a11y-focus:focus-visible {
  outline-width: 2px;
}

.a11y-focus-button {
  outline-offset: 4px;
  outline-color: rgb(var(--focus) / 1);
}

.a11y-focus-button:focus-visible {
  outline-width: 2px;
}

@layer harmoney, tw-base, primeng, tw-components, tw-utilities;
@layer tw-base {
  *, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
  }
  ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
  }
}
@layer tw-components {
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }
}
@layer tw-utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .collapse {
    visibility: collapse;
  }
  .static {
    position: static;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-\[100px\] {
    bottom: 100px;
  }
  .bottom-\[40px\] {
    bottom: 40px;
  }
  .bottom-\[4px\] {
    bottom: 4px;
  }
  .left-0 {
    left: 0px;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-\[32px\] {
    left: 32px;
  }
  .left-\[44\%\] {
    left: 44%;
  }
  .left-\[4px\] {
    left: 4px;
  }
  .right-0 {
    right: 0px;
  }
  .right-\[13px\] {
    right: 13px;
  }
  .right-\[15px\] {
    right: 15px;
  }
  .right-\[16px\] {
    right: 16px;
  }
  .right-\[24px\] {
    right: 24px;
  }
  .right-\[4px\] {
    right: 4px;
  }
  .right-\[56px\] {
    right: 56px;
  }
  .right-\[57px\] {
    right: 57px;
  }
  .right-\[58px\] {
    right: 58px;
  }
  .right-\[83px\] {
    right: 83px;
  }
  .right-\[84px\] {
    right: 84px;
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-\[11px\] {
    top: 11px;
  }
  .top-\[24px\] {
    top: 24px;
  }
  .top-\[4px\] {
    top: 4px;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[99\] {
    z-index: 99;
  }
  .order-first {
    order: -9999;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-10 {
    grid-column: span 10 / span 10;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .col-span-4 {
    grid-column: span 4 / span 4;
  }
  .col-span-6 {
    grid-column: span 6 / span 6;
  }
  .col-span-8 {
    grid-column: span 8 / span 8;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .m-0 {
    margin: 0px;
  }
  .m-4 {
    margin: 1rem;
  }
  .m-\[8px\] {
    margin: 8px;
  }
  .m-auto {
    margin: auto;
  }
  .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
  .mx-\[-24px\] {
    margin-left: -24px;
    margin-right: -24px;
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .my-1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .my-\[-4px\] {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .my-\[16px\] {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .\!mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .\!mt-4 {
    margin-top: 1rem !important;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-3 {
    margin-bottom: 0.75rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  .mb-\[10px\] {
    margin-bottom: 10px;
  }
  .mb-\[12px\] {
    margin-bottom: 12px;
  }
  .mb-\[16px\] {
    margin-bottom: 16px;
  }
  .mb-\[24px\] {
    margin-bottom: 24px;
  }
  .mb-\[32px\] {
    margin-bottom: 32px;
  }
  .mb-\[8px\] {
    margin-bottom: 8px;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-4 {
    margin-left: 1rem;
  }
  .ml-8 {
    margin-left: 2rem;
  }
  .ml-\[-24px\] {
    margin-left: -24px;
  }
  .ml-\[-2px\] {
    margin-left: -2px;
  }
  .ml-\[24px\] {
    margin-left: 24px;
  }
  .ml-\[4px\] {
    margin-left: 4px;
  }
  .ml-\[8px\] {
    margin-left: 8px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-3 {
    margin-right: 0.75rem;
  }
  .mr-4 {
    margin-right: 1rem;
  }
  .mr-5 {
    margin-right: 1.25rem;
  }
  .mr-\[-24px\] {
    margin-right: -24px;
  }
  .mr-\[16px\] {
    margin-right: 16px;
  }
  .mr-\[2px\] {
    margin-right: 2px;
  }
  .mr-\[5px\] {
    margin-right: 5px;
  }
  .mr-\[6px\] {
    margin-right: 6px;
  }
  .mr-\[8px\] {
    margin-right: 8px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-20 {
    margin-top: 5rem;
  }
  .mt-3 {
    margin-top: 0.75rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-40 {
    margin-top: 10rem;
  }
  .mt-5 {
    margin-top: 1.25rem;
  }
  .mt-6 {
    margin-top: 1.5rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mt-\[10px\] {
    margin-top: 10px;
  }
  .mt-\[14px\] {
    margin-top: 14px;
  }
  .mt-\[16px\] {
    margin-top: 16px;
  }
  .mt-\[20px\] {
    margin-top: 20px;
  }
  .mt-\[3px\] {
    margin-top: 3px;
  }
  .mt-auto {
    margin-top: auto;
  }
  .box-border {
    box-sizing: border-box;
  }
  .box-content {
    box-sizing: content-box;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .\!inline {
    display: inline !important;
  }
  .inline {
    display: inline;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .table-cell {
    display: table-cell;
  }
  .table-row {
    display: table-row;
  }
  .grid {
    display: grid;
  }
  .contents {
    display: contents;
  }
  .hidden {
    display: none;
  }
  .h-0 {
    height: 0px;
  }
  .h-12 {
    height: 3rem;
  }
  .h-4\/5 {
    height: 80%;
  }
  .h-\[124px\] {
    height: 124px;
  }
  .h-\[136px\] {
    height: 136px;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[16px\] {
    height: 16px;
  }
  .h-\[1px\] {
    height: 1px;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[24px\] {
    height: 24px;
  }
  .h-\[2px\] {
    height: 2px;
  }
  .h-\[30px\] {
    height: 30px;
  }
  .h-\[30vh\] {
    height: 30vh;
  }
  .h-\[32px\] {
    height: 32px;
  }
  .h-\[37px\] {
    height: 37px;
  }
  .h-\[44px\] {
    height: 44px;
  }
  .h-\[52px\] {
    height: 52px;
  }
  .h-\[56px\] {
    height: 56px;
  }
  .h-\[60px\] {
    height: 60px;
  }
  .h-\[60vh\] {
    height: 60vh;
  }
  .h-\[64px\] {
    height: 64px;
  }
  .h-\[66px\] {
    height: 66px;
  }
  .h-\[6px\] {
    height: 6px;
  }
  .h-\[8px\] {
    height: 8px;
  }
  .h-auto {
    height: auto;
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[136px\] {
    max-height: 136px;
  }
  .max-h-\[200px\] {
    max-height: 200px;
  }
  .max-h-\[40px\] {
    max-height: 40px;
  }
  .max-h-\[calc\(100dvh_-_188px\)\] {
    max-height: calc(100dvh - 188px);
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-h-screen {
    max-height: 100vh;
  }
  .min-h-0 {
    min-height: 0px;
  }
  .min-h-\[1\.5rem\] {
    min-height: 1.5rem;
  }
  .min-h-\[24px\] {
    min-height: 24px;
  }
  .min-h-\[44px\] {
    min-height: 44px;
  }
  .\!w-full {
    width: 100% !important;
  }
  .w-0 {
    width: 0px;
  }
  .w-1\/2 {
    width: 50%;
  }
  .w-1\/4 {
    width: 25%;
  }
  .w-3\/4 {
    width: 75%;
  }
  .w-4\/5 {
    width: 80%;
  }
  .w-\[119px\] {
    width: 119px;
  }
  .w-\[120px\] {
    width: 120px;
  }
  .w-\[136px\] {
    width: 136px;
  }
  .w-\[14px\] {
    width: 14px;
  }
  .w-\[16px\] {
    width: 16px;
  }
  .w-\[20px\] {
    width: 20px;
  }
  .w-\[226px\] {
    width: 226px;
  }
  .w-\[22px\] {
    width: 22px;
  }
  .w-\[24px\] {
    width: 24px;
  }
  .w-\[250px\] {
    width: 250px;
  }
  .w-\[2px\] {
    width: 2px;
  }
  .w-\[30px\] {
    width: 30px;
  }
  .w-\[47px\] {
    width: 47px;
  }
  .w-\[48px\] {
    width: 48px;
  }
  .w-\[56px\] {
    width: 56px;
  }
  .w-\[6px\] {
    width: 6px;
  }
  .w-\[8px\] {
    width: 8px;
  }
  .w-\[calc\(100\%_\+_48px\)\] {
    width: calc(100% + 48px);
  }
  .w-auto {
    width: auto;
  }
  .w-dvw {
    width: 100dvw;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-\[120px\] {
    min-width: 120px;
  }
  .min-w-\[150px\] {
    min-width: 150px;
  }
  .min-w-\[272px\] {
    min-width: 272px;
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .max-w-\[100vw\] {
    max-width: 100vw;
  }
  .max-w-\[1100px\] {
    max-width: 1100px;
  }
  .max-w-\[136px\] {
    max-width: 136px;
  }
  .max-w-\[200px\] {
    max-width: 200px;
  }
  .max-w-\[250px\] {
    max-width: 250px;
  }
  .max-w-\[374px\] {
    max-width: 374px;
  }
  .max-w-\[400px\] {
    max-width: 400px;
  }
  .max-w-\[48px\] {
    max-width: 48px;
  }
  .max-w-\[700px\] {
    max-width: 700px;
  }
  .max-w-\[728px\] {
    max-width: 728px;
  }
  .max-w-\[740px\] {
    max-width: 740px;
  }
  .max-w-\[calc\(100\%_-_32px\)\] {
    max-width: calc(100% - 32px);
  }
  .max-w-full {
    max-width: 100%;
  }
  .flex-50 {
    flex: 0 50%;
  }
  .flex-auto {
    flex: 1 1 auto;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .table-fixed {
    table-layout: fixed;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .border-spacing-0 {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  @keyframes slide-in-right {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  }
  .animate-slide-in-right {
    animation: slide-in-right .3s forwards;
  }
  .cursor-context-menu {
    cursor: context-menu;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .list-none {
    list-style-type: none;
  }
  .auto-cols-auto {
    grid-auto-columns: auto;
  }
  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .auto-cols-max {
    grid-auto-columns: max-content;
  }
  .auto-cols-min {
    grid-auto-columns: min-content;
  }
  .auto-rows-auto {
    grid-auto-rows: auto;
  }
  .auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .auto-rows-max {
    grid-auto-rows: max-content;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-\[1fr_70px\] {
    grid-template-columns: 1fr 70px;
  }
  .grid-cols-\[30px_1fr\] {
    grid-template-columns: 30px 1fr;
  }
  .grid-cols-none {
    grid-template-columns: none;
  }
  .grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-none {
    grid-template-rows: none;
  }
  .grid-rows-subgrid {
    grid-template-rows: subgrid;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .justify-normal {
    justify-content: normal;
  }
  .\!justify-start {
    justify-content: flex-start !important;
  }
  .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;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .gap-0 {
    gap: 0px;
  }
  .gap-0\.5 {
    gap: 0.125rem;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-1\.5 {
    gap: 0.375rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-11 {
    gap: 2.75rem;
  }
  .gap-12 {
    gap: 3rem;
  }
  .gap-14 {
    gap: 3.5rem;
  }
  .gap-16 {
    gap: 4rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-2\.5 {
    gap: 0.625rem;
  }
  .gap-20 {
    gap: 5rem;
  }
  .gap-24 {
    gap: 6rem;
  }
  .gap-28 {
    gap: 7rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-3\.5 {
    gap: 0.875rem;
  }
  .gap-32 {
    gap: 8rem;
  }
  .gap-36 {
    gap: 9rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-40 {
    gap: 10rem;
  }
  .gap-44 {
    gap: 11rem;
  }
  .gap-48 {
    gap: 12rem;
  }
  .gap-5 {
    gap: 1.25rem;
  }
  .gap-52 {
    gap: 13rem;
  }
  .gap-56 {
    gap: 14rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-60 {
    gap: 15rem;
  }
  .gap-64 {
    gap: 16rem;
  }
  .gap-7 {
    gap: 1.75rem;
  }
  .gap-72 {
    gap: 18rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .gap-80 {
    gap: 20rem;
  }
  .gap-9 {
    gap: 2.25rem;
  }
  .gap-96 {
    gap: 24rem;
  }
  .gap-\[16px\] {
    gap: 16px;
  }
  .gap-\[4px\] {
    gap: 4px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-0 {
    column-gap: 0px;
  }
  .gap-x-0\.5 {
    column-gap: 0.125rem;
  }
  .gap-x-1 {
    column-gap: 0.25rem;
  }
  .gap-x-1\.5 {
    column-gap: 0.375rem;
  }
  .gap-x-10 {
    column-gap: 2.5rem;
  }
  .gap-x-11 {
    column-gap: 2.75rem;
  }
  .gap-x-12 {
    column-gap: 3rem;
  }
  .gap-x-14 {
    column-gap: 3.5rem;
  }
  .gap-x-16 {
    column-gap: 4rem;
  }
  .gap-x-2 {
    column-gap: 0.5rem;
  }
  .gap-x-2\.5 {
    column-gap: 0.625rem;
  }
  .gap-x-20 {
    column-gap: 5rem;
  }
  .gap-x-24 {
    column-gap: 6rem;
  }
  .gap-x-28 {
    column-gap: 7rem;
  }
  .gap-x-3 {
    column-gap: 0.75rem;
  }
  .gap-x-3\.5 {
    column-gap: 0.875rem;
  }
  .gap-x-32 {
    column-gap: 8rem;
  }
  .gap-x-36 {
    column-gap: 9rem;
  }
  .gap-x-4 {
    column-gap: 1rem;
  }
  .gap-x-40 {
    column-gap: 10rem;
  }
  .gap-x-44 {
    column-gap: 11rem;
  }
  .gap-x-48 {
    column-gap: 12rem;
  }
  .gap-x-5 {
    column-gap: 1.25rem;
  }
  .gap-x-52 {
    column-gap: 13rem;
  }
  .gap-x-56 {
    column-gap: 14rem;
  }
  .gap-x-6 {
    column-gap: 1.5rem;
  }
  .gap-x-60 {
    column-gap: 15rem;
  }
  .gap-x-64 {
    column-gap: 16rem;
  }
  .gap-x-7 {
    column-gap: 1.75rem;
  }
  .gap-x-72 {
    column-gap: 18rem;
  }
  .gap-x-8 {
    column-gap: 2rem;
  }
  .gap-x-80 {
    column-gap: 20rem;
  }
  .gap-x-9 {
    column-gap: 2.25rem;
  }
  .gap-x-96 {
    column-gap: 24rem;
  }
  .gap-x-px {
    column-gap: 1px;
  }
  .gap-y-0 {
    row-gap: 0px;
  }
  .gap-y-0\.5 {
    row-gap: 0.125rem;
  }
  .gap-y-1 {
    row-gap: 0.25rem;
  }
  .gap-y-1\.5 {
    row-gap: 0.375rem;
  }
  .gap-y-10 {
    row-gap: 2.5rem;
  }
  .gap-y-11 {
    row-gap: 2.75rem;
  }
  .gap-y-12 {
    row-gap: 3rem;
  }
  .gap-y-14 {
    row-gap: 3.5rem;
  }
  .gap-y-16 {
    row-gap: 4rem;
  }
  .gap-y-2 {
    row-gap: 0.5rem;
  }
  .gap-y-2\.5 {
    row-gap: 0.625rem;
  }
  .gap-y-20 {
    row-gap: 5rem;
  }
  .gap-y-24 {
    row-gap: 6rem;
  }
  .gap-y-28 {
    row-gap: 7rem;
  }
  .gap-y-3 {
    row-gap: 0.75rem;
  }
  .gap-y-3\.5 {
    row-gap: 0.875rem;
  }
  .gap-y-32 {
    row-gap: 8rem;
  }
  .gap-y-36 {
    row-gap: 9rem;
  }
  .gap-y-4 {
    row-gap: 1rem;
  }
  .gap-y-40 {
    row-gap: 10rem;
  }
  .gap-y-44 {
    row-gap: 11rem;
  }
  .gap-y-48 {
    row-gap: 12rem;
  }
  .gap-y-5 {
    row-gap: 1.25rem;
  }
  .gap-y-52 {
    row-gap: 13rem;
  }
  .gap-y-56 {
    row-gap: 14rem;
  }
  .gap-y-6 {
    row-gap: 1.5rem;
  }
  .gap-y-60 {
    row-gap: 15rem;
  }
  .gap-y-64 {
    row-gap: 16rem;
  }
  .gap-y-7 {
    row-gap: 1.75rem;
  }
  .gap-y-72 {
    row-gap: 18rem;
  }
  .gap-y-8 {
    row-gap: 2rem;
  }
  .gap-y-80 {
    row-gap: 20rem;
  }
  .gap-y-9 {
    row-gap: 2.25rem;
  }
  .gap-y-96 {
    row-gap: 24rem;
  }
  .gap-y-px {
    row-gap: 1px;
  }
  .space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .divide-button-primary-text-hover > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--button-primary-text-hover-color) / var(--tw-divide-opacity, 1));
  }
  .divide-button-primary-text-hover\/0 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .divide-button-primary-text-hover\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .divide-button-primary-text-hover\/100 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .divide-button-primary-text-hover\/15 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .divide-button-primary-text-hover\/20 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .divide-button-primary-text-hover\/25 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .divide-button-primary-text-hover\/30 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .divide-button-primary-text-hover\/35 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .divide-button-primary-text-hover\/40 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .divide-button-primary-text-hover\/45 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .divide-button-primary-text-hover\/5 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .divide-button-primary-text-hover\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .divide-button-primary-text-hover\/55 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .divide-button-primary-text-hover\/60 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .divide-button-primary-text-hover\/65 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .divide-button-primary-text-hover\/70 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .divide-button-primary-text-hover\/75 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .divide-button-primary-text-hover\/80 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .divide-button-primary-text-hover\/85 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .divide-button-primary-text-hover\/90 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .divide-button-primary-text-hover\/95 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .divide-button-secondary-text-hover > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-divide-opacity, 1));
  }
  .divide-button-secondary-text-hover\/0 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .divide-button-secondary-text-hover\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .divide-button-secondary-text-hover\/100 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .divide-button-secondary-text-hover\/15 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .divide-button-secondary-text-hover\/20 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .divide-button-secondary-text-hover\/25 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .divide-button-secondary-text-hover\/30 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .divide-button-secondary-text-hover\/35 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .divide-button-secondary-text-hover\/40 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .divide-button-secondary-text-hover\/45 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .divide-button-secondary-text-hover\/5 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .divide-button-secondary-text-hover\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .divide-button-secondary-text-hover\/55 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .divide-button-secondary-text-hover\/60 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .divide-button-secondary-text-hover\/65 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .divide-button-secondary-text-hover\/70 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .divide-button-secondary-text-hover\/75 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .divide-button-secondary-text-hover\/80 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .divide-button-secondary-text-hover\/85 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .divide-button-secondary-text-hover\/90 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .divide-button-secondary-text-hover\/95 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .divide-button-tertiary-text-hover > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-divide-opacity, 1));
  }
  .divide-button-tertiary-text-hover\/0 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .divide-button-tertiary-text-hover\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .divide-button-tertiary-text-hover\/100 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .divide-button-tertiary-text-hover\/15 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .divide-button-tertiary-text-hover\/20 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .divide-button-tertiary-text-hover\/25 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .divide-button-tertiary-text-hover\/30 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .divide-button-tertiary-text-hover\/35 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .divide-button-tertiary-text-hover\/40 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .divide-button-tertiary-text-hover\/45 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .divide-button-tertiary-text-hover\/5 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .divide-button-tertiary-text-hover\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .divide-button-tertiary-text-hover\/55 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .divide-button-tertiary-text-hover\/60 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .divide-button-tertiary-text-hover\/65 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .divide-button-tertiary-text-hover\/70 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .divide-button-tertiary-text-hover\/75 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .divide-button-tertiary-text-hover\/80 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .divide-button-tertiary-text-hover\/85 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .divide-button-tertiary-text-hover\/90 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .divide-button-tertiary-text-hover\/95 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .self-start {
    align-self: flex-start;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-center {
    align-self: center;
  }
  .justify-self-auto {
    justify-self: auto;
  }
  .justify-self-start {
    justify-self: start;
  }
  .justify-self-end {
    justify-self: end;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .text-clip {
    text-overflow: clip;
  }
  .hyphens-auto {
    hyphens: auto;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre {
    white-space: pre;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .whitespace-break-spaces {
    white-space: break-spaces;
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .text-nowrap {
    text-wrap: nowrap;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .rounded {
    border-radius: 6px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[30px\] {
    border-radius: 30px;
  }
  .rounded-\[3px\] {
    border-radius: 3px;
  }
  .rounded-\[4px\] {
    border-radius: 4px;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-\[6px\] {
    border-radius: 6px;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .rounded-lg {
    border-radius: 0.5rem;
  }
  .rounded-md {
    border-radius: 0.375rem;
  }
  .rounded-none {
    border-radius: 0px;
  }
  .rounded-sm {
    border-radius: 4px;
  }
  .rounded-xl {
    border-radius: 0.75rem;
  }
  .rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-2 {
    border-width: 2px;
  }
  .border-\[1px\] {
    border-width: 1px;
  }
  .border-\[8px\] {
    border-width: 8px;
  }
  .border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  .border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px;
  }
  .border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .\!border-b-0 {
    border-bottom-width: 0px !important;
  }
  .\!border-l-0 {
    border-left-width: 0px !important;
  }
  .\!border-r-2 {
    border-right-width: 2px !important;
  }
  .\!border-t-0 {
    border-top-width: 0px !important;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-b-0 {
    border-bottom-width: 0px;
  }
  .border-b-2 {
    border-bottom-width: 2px;
  }
  .border-b-\[1\.2px\] {
    border-bottom-width: 1.2px;
  }
  .border-b-\[3px\] {
    border-bottom-width: 3px;
  }
  .border-l {
    border-left-width: 1px;
  }
  .border-l-0 {
    border-left-width: 0px;
  }
  .border-l-2 {
    border-left-width: 2px;
  }
  .border-l-4 {
    border-left-width: 4px;
  }
  .border-l-\[2px\] {
    border-left-width: 2px;
  }
  .border-r {
    border-right-width: 1px;
  }
  .border-r-0 {
    border-right-width: 0px;
  }
  .border-r-2 {
    border-right-width: 2px;
  }
  .border-t {
    border-top-width: 1px;
  }
  .border-t-0 {
    border-top-width: 0px;
  }
  .\!border-solid {
    border-style: solid !important;
  }
  .border-solid {
    border-style: solid;
  }
  .border-dashed {
    border-style: dashed;
  }
  .border-none {
    border-style: none;
  }
  .\!border-gray-dark {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
  }
  .\!border-primary\/20 {
    border-color: rgb(var(--primary-color) / 0.2) !important;
  }
  .\!border-secondary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--secondary-color) / var(--tw-border-opacity, 1)) !important;
  }
  .border-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-button-primary-text-hover\/0 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-button-primary-text-hover\/10 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-button-primary-text-hover\/100 {
    border-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-button-primary-text-hover\/15 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-button-primary-text-hover\/20 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-button-primary-text-hover\/25 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-button-primary-text-hover\/30 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-button-primary-text-hover\/35 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-button-primary-text-hover\/40 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-button-primary-text-hover\/45 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-button-primary-text-hover\/5 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-button-primary-text-hover\/50 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-button-primary-text-hover\/55 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-button-primary-text-hover\/60 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-button-primary-text-hover\/65 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-button-primary-text-hover\/70 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-button-primary-text-hover\/75 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-button-primary-text-hover\/80 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-button-primary-text-hover\/85 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-button-primary-text-hover\/90 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-button-primary-text-hover\/95 {
    border-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-button-secondary-text-hover\/0 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-button-secondary-text-hover\/10 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-button-secondary-text-hover\/100 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-button-secondary-text-hover\/15 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-button-secondary-text-hover\/20 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-button-secondary-text-hover\/25 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-button-secondary-text-hover\/30 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-button-secondary-text-hover\/35 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-button-secondary-text-hover\/40 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-button-secondary-text-hover\/45 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-button-secondary-text-hover\/5 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-button-secondary-text-hover\/50 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-button-secondary-text-hover\/55 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-button-secondary-text-hover\/60 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-button-secondary-text-hover\/65 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-button-secondary-text-hover\/70 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-button-secondary-text-hover\/75 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-button-secondary-text-hover\/80 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-button-secondary-text-hover\/85 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-button-secondary-text-hover\/90 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-button-secondary-text-hover\/95 {
    border-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-button-tertiary-text-hover\/0 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-button-tertiary-text-hover\/10 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-button-tertiary-text-hover\/100 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-button-tertiary-text-hover\/15 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-button-tertiary-text-hover\/20 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-button-tertiary-text-hover\/25 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-button-tertiary-text-hover\/30 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-button-tertiary-text-hover\/35 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-button-tertiary-text-hover\/40 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-button-tertiary-text-hover\/45 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-button-tertiary-text-hover\/5 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-button-tertiary-text-hover\/50 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-button-tertiary-text-hover\/55 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-button-tertiary-text-hover\/60 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-button-tertiary-text-hover\/65 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-button-tertiary-text-hover\/70 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-button-tertiary-text-hover\/75 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-button-tertiary-text-hover\/80 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-button-tertiary-text-hover\/85 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-button-tertiary-text-hover\/90 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-button-tertiary-text-hover\/95 {
    border-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-gray-dark {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .border-gray-dark\/30 {
    border-color: rgb(var(--gray-dark) / 0.3);
  }
  .border-gray-dark\/70 {
    border-color: rgb(var(--gray-dark) / 0.7);
  }
  .border-gray-dark\/\[0\.3\] {
    border-color: rgb(var(--gray-dark) / 0.3);
  }
  .border-gray-intermediate {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-intermediate) / var(--tw-border-opacity, 1));
  }
  .border-gray-light {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-light) / var(--tw-border-opacity, 1));
  }
  .border-gray-lightest {
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-lightest) / var(--tw-border-opacity, 1));
  }
  .border-orange {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .border-orange-dark {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange-dark) / var(--tw-border-opacity, 1));
  }
  .border-primary\/10 {
    border-color: rgb(var(--primary-color) / 0.1);
  }
  .border-primary\/20 {
    border-color: rgb(var(--primary-color) / 0.2);
  }
  .border-red {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .border-red-dark {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red-dark) / var(--tw-border-opacity, 1));
  }
  .border-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(var(--secondary-color) / var(--tw-border-opacity, 1));
  }
  .border-secondary\/20 {
    border-color: rgb(var(--secondary-color) / 0.2);
  }
  .border-secondary\/\[\.07\] {
    border-color: rgb(var(--secondary-color) / .07);
  }
  .border-sidebar-active-flowstep-primary\/40 {
    border-color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.4);
  }
  .border-sidebar-active-flowstep-text\/40 {
    border-color: rgb(var(--sidebar-active-flowstep-text-color) / 0.4);
  }
  .border-x-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
    border-right-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-x-button-primary-text-hover\/0 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-x-button-primary-text-hover\/10 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.1);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-x-button-primary-text-hover\/100 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 1);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-x-button-primary-text-hover\/15 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.15);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-x-button-primary-text-hover\/20 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.2);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-x-button-primary-text-hover\/25 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.25);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-x-button-primary-text-hover\/30 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.3);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-x-button-primary-text-hover\/35 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.35);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-x-button-primary-text-hover\/40 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.4);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-x-button-primary-text-hover\/45 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.45);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-x-button-primary-text-hover\/5 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.05);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-x-button-primary-text-hover\/50 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.5);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-x-button-primary-text-hover\/55 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.55);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-x-button-primary-text-hover\/60 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.6);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-x-button-primary-text-hover\/65 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.65);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-x-button-primary-text-hover\/70 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.7);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-x-button-primary-text-hover\/75 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.75);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-x-button-primary-text-hover\/80 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.8);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-x-button-primary-text-hover\/85 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.85);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-x-button-primary-text-hover\/90 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.9);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-x-button-primary-text-hover\/95 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.95);
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-x-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
    border-right-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-x-button-secondary-text-hover\/0 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-x-button-secondary-text-hover\/10 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-x-button-secondary-text-hover\/100 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 1);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-x-button-secondary-text-hover\/15 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-x-button-secondary-text-hover\/20 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-x-button-secondary-text-hover\/25 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-x-button-secondary-text-hover\/30 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-x-button-secondary-text-hover\/35 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-x-button-secondary-text-hover\/40 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-x-button-secondary-text-hover\/45 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-x-button-secondary-text-hover\/5 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-x-button-secondary-text-hover\/50 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-x-button-secondary-text-hover\/55 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-x-button-secondary-text-hover\/60 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-x-button-secondary-text-hover\/65 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-x-button-secondary-text-hover\/70 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-x-button-secondary-text-hover\/75 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-x-button-secondary-text-hover\/80 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-x-button-secondary-text-hover\/85 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-x-button-secondary-text-hover\/90 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-x-button-secondary-text-hover\/95 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-x-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-x-button-tertiary-text-hover\/0 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-x-button-tertiary-text-hover\/10 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-x-button-tertiary-text-hover\/100 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 1);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-x-button-tertiary-text-hover\/15 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-x-button-tertiary-text-hover\/20 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-x-button-tertiary-text-hover\/25 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-x-button-tertiary-text-hover\/30 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-x-button-tertiary-text-hover\/35 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-x-button-tertiary-text-hover\/40 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-x-button-tertiary-text-hover\/45 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-x-button-tertiary-text-hover\/5 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-x-button-tertiary-text-hover\/50 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-x-button-tertiary-text-hover\/55 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-x-button-tertiary-text-hover\/60 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-x-button-tertiary-text-hover\/65 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-x-button-tertiary-text-hover\/70 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-x-button-tertiary-text-hover\/75 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-x-button-tertiary-text-hover\/80 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-x-button-tertiary-text-hover\/85 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-x-button-tertiary-text-hover\/90 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-x-button-tertiary-text-hover\/95 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-y-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-y-button-primary-text-hover\/0 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-y-button-primary-text-hover\/10 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.1);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-y-button-primary-text-hover\/100 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 1);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-y-button-primary-text-hover\/15 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.15);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-y-button-primary-text-hover\/20 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.2);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-y-button-primary-text-hover\/25 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.25);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-y-button-primary-text-hover\/30 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.3);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-y-button-primary-text-hover\/35 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.35);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-y-button-primary-text-hover\/40 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.4);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-y-button-primary-text-hover\/45 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.45);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-y-button-primary-text-hover\/5 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.05);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-y-button-primary-text-hover\/50 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.5);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-y-button-primary-text-hover\/55 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.55);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-y-button-primary-text-hover\/60 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.6);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-y-button-primary-text-hover\/65 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.65);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-y-button-primary-text-hover\/70 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.7);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-y-button-primary-text-hover\/75 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.75);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-y-button-primary-text-hover\/80 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.8);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-y-button-primary-text-hover\/85 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.85);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-y-button-primary-text-hover\/90 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.9);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-y-button-primary-text-hover\/95 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.95);
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-y-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-y-button-secondary-text-hover\/0 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-y-button-secondary-text-hover\/10 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-y-button-secondary-text-hover\/100 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 1);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-y-button-secondary-text-hover\/15 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-y-button-secondary-text-hover\/20 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-y-button-secondary-text-hover\/25 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-y-button-secondary-text-hover\/30 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-y-button-secondary-text-hover\/35 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-y-button-secondary-text-hover\/40 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-y-button-secondary-text-hover\/45 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-y-button-secondary-text-hover\/5 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-y-button-secondary-text-hover\/50 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-y-button-secondary-text-hover\/55 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-y-button-secondary-text-hover\/60 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-y-button-secondary-text-hover\/65 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-y-button-secondary-text-hover\/70 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-y-button-secondary-text-hover\/75 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-y-button-secondary-text-hover\/80 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-y-button-secondary-text-hover\/85 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-y-button-secondary-text-hover\/90 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-y-button-secondary-text-hover\/95 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-y-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-y-button-tertiary-text-hover\/0 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-y-button-tertiary-text-hover\/10 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-y-button-tertiary-text-hover\/100 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 1);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-y-button-tertiary-text-hover\/15 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-y-button-tertiary-text-hover\/20 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-y-button-tertiary-text-hover\/25 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-y-button-tertiary-text-hover\/30 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-y-button-tertiary-text-hover\/35 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-y-button-tertiary-text-hover\/40 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-y-button-tertiary-text-hover\/45 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-y-button-tertiary-text-hover\/5 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-y-button-tertiary-text-hover\/50 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-y-button-tertiary-text-hover\/55 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-y-button-tertiary-text-hover\/60 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-y-button-tertiary-text-hover\/65 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-y-button-tertiary-text-hover\/70 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-y-button-tertiary-text-hover\/75 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-y-button-tertiary-text-hover\/80 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-y-button-tertiary-text-hover\/85 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-y-button-tertiary-text-hover\/90 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-y-button-tertiary-text-hover\/95 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-b-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-b-button-primary-text-hover\/0 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-b-button-primary-text-hover\/10 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-b-button-primary-text-hover\/100 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-b-button-primary-text-hover\/15 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-b-button-primary-text-hover\/20 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-b-button-primary-text-hover\/25 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-b-button-primary-text-hover\/30 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-b-button-primary-text-hover\/35 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-b-button-primary-text-hover\/40 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-b-button-primary-text-hover\/45 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-b-button-primary-text-hover\/5 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-b-button-primary-text-hover\/50 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-b-button-primary-text-hover\/55 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-b-button-primary-text-hover\/60 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-b-button-primary-text-hover\/65 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-b-button-primary-text-hover\/70 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-b-button-primary-text-hover\/75 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-b-button-primary-text-hover\/80 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-b-button-primary-text-hover\/85 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-b-button-primary-text-hover\/90 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-b-button-primary-text-hover\/95 {
    border-bottom-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-b-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-b-button-secondary-text-hover\/0 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-b-button-secondary-text-hover\/10 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-b-button-secondary-text-hover\/100 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-b-button-secondary-text-hover\/15 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-b-button-secondary-text-hover\/20 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-b-button-secondary-text-hover\/25 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-b-button-secondary-text-hover\/30 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-b-button-secondary-text-hover\/35 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-b-button-secondary-text-hover\/40 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-b-button-secondary-text-hover\/45 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-b-button-secondary-text-hover\/5 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-b-button-secondary-text-hover\/50 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-b-button-secondary-text-hover\/55 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-b-button-secondary-text-hover\/60 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-b-button-secondary-text-hover\/65 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-b-button-secondary-text-hover\/70 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-b-button-secondary-text-hover\/75 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-b-button-secondary-text-hover\/80 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-b-button-secondary-text-hover\/85 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-b-button-secondary-text-hover\/90 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-b-button-secondary-text-hover\/95 {
    border-bottom-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-b-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-b-button-tertiary-text-hover\/0 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-b-button-tertiary-text-hover\/10 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-b-button-tertiary-text-hover\/100 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-b-button-tertiary-text-hover\/15 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-b-button-tertiary-text-hover\/20 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-b-button-tertiary-text-hover\/25 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-b-button-tertiary-text-hover\/30 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-b-button-tertiary-text-hover\/35 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-b-button-tertiary-text-hover\/40 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-b-button-tertiary-text-hover\/45 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-b-button-tertiary-text-hover\/5 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-b-button-tertiary-text-hover\/50 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-b-button-tertiary-text-hover\/55 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-b-button-tertiary-text-hover\/60 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-b-button-tertiary-text-hover\/65 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-b-button-tertiary-text-hover\/70 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-b-button-tertiary-text-hover\/75 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-b-button-tertiary-text-hover\/80 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-b-button-tertiary-text-hover\/85 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-b-button-tertiary-text-hover\/90 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-b-button-tertiary-text-hover\/95 {
    border-bottom-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-e-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-e-button-primary-text-hover\/0 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-e-button-primary-text-hover\/10 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-e-button-primary-text-hover\/100 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-e-button-primary-text-hover\/15 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-e-button-primary-text-hover\/20 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-e-button-primary-text-hover\/25 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-e-button-primary-text-hover\/30 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-e-button-primary-text-hover\/35 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-e-button-primary-text-hover\/40 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-e-button-primary-text-hover\/45 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-e-button-primary-text-hover\/5 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-e-button-primary-text-hover\/50 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-e-button-primary-text-hover\/55 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-e-button-primary-text-hover\/60 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-e-button-primary-text-hover\/65 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-e-button-primary-text-hover\/70 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-e-button-primary-text-hover\/75 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-e-button-primary-text-hover\/80 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-e-button-primary-text-hover\/85 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-e-button-primary-text-hover\/90 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-e-button-primary-text-hover\/95 {
    border-inline-end-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-e-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-e-button-secondary-text-hover\/0 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-e-button-secondary-text-hover\/10 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-e-button-secondary-text-hover\/100 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-e-button-secondary-text-hover\/15 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-e-button-secondary-text-hover\/20 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-e-button-secondary-text-hover\/25 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-e-button-secondary-text-hover\/30 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-e-button-secondary-text-hover\/35 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-e-button-secondary-text-hover\/40 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-e-button-secondary-text-hover\/45 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-e-button-secondary-text-hover\/5 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-e-button-secondary-text-hover\/50 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-e-button-secondary-text-hover\/55 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-e-button-secondary-text-hover\/60 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-e-button-secondary-text-hover\/65 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-e-button-secondary-text-hover\/70 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-e-button-secondary-text-hover\/75 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-e-button-secondary-text-hover\/80 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-e-button-secondary-text-hover\/85 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-e-button-secondary-text-hover\/90 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-e-button-secondary-text-hover\/95 {
    border-inline-end-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-e-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-e-button-tertiary-text-hover\/0 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-e-button-tertiary-text-hover\/10 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-e-button-tertiary-text-hover\/100 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-e-button-tertiary-text-hover\/15 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-e-button-tertiary-text-hover\/20 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-e-button-tertiary-text-hover\/25 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-e-button-tertiary-text-hover\/30 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-e-button-tertiary-text-hover\/35 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-e-button-tertiary-text-hover\/40 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-e-button-tertiary-text-hover\/45 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-e-button-tertiary-text-hover\/5 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-e-button-tertiary-text-hover\/50 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-e-button-tertiary-text-hover\/55 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-e-button-tertiary-text-hover\/60 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-e-button-tertiary-text-hover\/65 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-e-button-tertiary-text-hover\/70 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-e-button-tertiary-text-hover\/75 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-e-button-tertiary-text-hover\/80 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-e-button-tertiary-text-hover\/85 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-e-button-tertiary-text-hover\/90 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-e-button-tertiary-text-hover\/95 {
    border-inline-end-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-l-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-l-button-primary-text-hover\/0 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-l-button-primary-text-hover\/10 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-l-button-primary-text-hover\/100 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-l-button-primary-text-hover\/15 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-l-button-primary-text-hover\/20 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-l-button-primary-text-hover\/25 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-l-button-primary-text-hover\/30 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-l-button-primary-text-hover\/35 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-l-button-primary-text-hover\/40 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-l-button-primary-text-hover\/45 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-l-button-primary-text-hover\/5 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-l-button-primary-text-hover\/50 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-l-button-primary-text-hover\/55 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-l-button-primary-text-hover\/60 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-l-button-primary-text-hover\/65 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-l-button-primary-text-hover\/70 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-l-button-primary-text-hover\/75 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-l-button-primary-text-hover\/80 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-l-button-primary-text-hover\/85 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-l-button-primary-text-hover\/90 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-l-button-primary-text-hover\/95 {
    border-left-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-l-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-l-button-secondary-text-hover\/0 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-l-button-secondary-text-hover\/10 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-l-button-secondary-text-hover\/100 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-l-button-secondary-text-hover\/15 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-l-button-secondary-text-hover\/20 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-l-button-secondary-text-hover\/25 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-l-button-secondary-text-hover\/30 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-l-button-secondary-text-hover\/35 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-l-button-secondary-text-hover\/40 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-l-button-secondary-text-hover\/45 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-l-button-secondary-text-hover\/5 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-l-button-secondary-text-hover\/50 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-l-button-secondary-text-hover\/55 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-l-button-secondary-text-hover\/60 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-l-button-secondary-text-hover\/65 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-l-button-secondary-text-hover\/70 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-l-button-secondary-text-hover\/75 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-l-button-secondary-text-hover\/80 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-l-button-secondary-text-hover\/85 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-l-button-secondary-text-hover\/90 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-l-button-secondary-text-hover\/95 {
    border-left-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-l-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-l-button-tertiary-text-hover\/0 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-l-button-tertiary-text-hover\/10 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-l-button-tertiary-text-hover\/100 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-l-button-tertiary-text-hover\/15 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-l-button-tertiary-text-hover\/20 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-l-button-tertiary-text-hover\/25 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-l-button-tertiary-text-hover\/30 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-l-button-tertiary-text-hover\/35 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-l-button-tertiary-text-hover\/40 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-l-button-tertiary-text-hover\/45 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-l-button-tertiary-text-hover\/5 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-l-button-tertiary-text-hover\/50 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-l-button-tertiary-text-hover\/55 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-l-button-tertiary-text-hover\/60 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-l-button-tertiary-text-hover\/65 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-l-button-tertiary-text-hover\/70 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-l-button-tertiary-text-hover\/75 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-l-button-tertiary-text-hover\/80 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-l-button-tertiary-text-hover\/85 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-l-button-tertiary-text-hover\/90 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-l-button-tertiary-text-hover\/95 {
    border-left-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-r-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-r-button-primary-text-hover\/0 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-r-button-primary-text-hover\/10 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-r-button-primary-text-hover\/100 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-r-button-primary-text-hover\/15 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-r-button-primary-text-hover\/20 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-r-button-primary-text-hover\/25 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-r-button-primary-text-hover\/30 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-r-button-primary-text-hover\/35 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-r-button-primary-text-hover\/40 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-r-button-primary-text-hover\/45 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-r-button-primary-text-hover\/5 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-r-button-primary-text-hover\/50 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-r-button-primary-text-hover\/55 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-r-button-primary-text-hover\/60 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-r-button-primary-text-hover\/65 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-r-button-primary-text-hover\/70 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-r-button-primary-text-hover\/75 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-r-button-primary-text-hover\/80 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-r-button-primary-text-hover\/85 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-r-button-primary-text-hover\/90 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-r-button-primary-text-hover\/95 {
    border-right-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-r-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-r-button-secondary-text-hover\/0 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-r-button-secondary-text-hover\/10 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-r-button-secondary-text-hover\/100 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-r-button-secondary-text-hover\/15 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-r-button-secondary-text-hover\/20 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-r-button-secondary-text-hover\/25 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-r-button-secondary-text-hover\/30 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-r-button-secondary-text-hover\/35 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-r-button-secondary-text-hover\/40 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-r-button-secondary-text-hover\/45 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-r-button-secondary-text-hover\/5 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-r-button-secondary-text-hover\/50 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-r-button-secondary-text-hover\/55 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-r-button-secondary-text-hover\/60 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-r-button-secondary-text-hover\/65 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-r-button-secondary-text-hover\/70 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-r-button-secondary-text-hover\/75 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-r-button-secondary-text-hover\/80 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-r-button-secondary-text-hover\/85 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-r-button-secondary-text-hover\/90 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-r-button-secondary-text-hover\/95 {
    border-right-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-r-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-r-button-tertiary-text-hover\/0 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-r-button-tertiary-text-hover\/10 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-r-button-tertiary-text-hover\/100 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-r-button-tertiary-text-hover\/15 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-r-button-tertiary-text-hover\/20 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-r-button-tertiary-text-hover\/25 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-r-button-tertiary-text-hover\/30 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-r-button-tertiary-text-hover\/35 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-r-button-tertiary-text-hover\/40 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-r-button-tertiary-text-hover\/45 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-r-button-tertiary-text-hover\/5 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-r-button-tertiary-text-hover\/50 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-r-button-tertiary-text-hover\/55 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-r-button-tertiary-text-hover\/60 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-r-button-tertiary-text-hover\/65 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-r-button-tertiary-text-hover\/70 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-r-button-tertiary-text-hover\/75 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-r-button-tertiary-text-hover\/80 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-r-button-tertiary-text-hover\/85 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-r-button-tertiary-text-hover\/90 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-r-button-tertiary-text-hover\/95 {
    border-right-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-s-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-s-button-primary-text-hover\/0 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-s-button-primary-text-hover\/10 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-s-button-primary-text-hover\/100 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-s-button-primary-text-hover\/15 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-s-button-primary-text-hover\/20 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-s-button-primary-text-hover\/25 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-s-button-primary-text-hover\/30 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-s-button-primary-text-hover\/35 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-s-button-primary-text-hover\/40 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-s-button-primary-text-hover\/45 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-s-button-primary-text-hover\/5 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-s-button-primary-text-hover\/50 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-s-button-primary-text-hover\/55 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-s-button-primary-text-hover\/60 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-s-button-primary-text-hover\/65 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-s-button-primary-text-hover\/70 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-s-button-primary-text-hover\/75 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-s-button-primary-text-hover\/80 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-s-button-primary-text-hover\/85 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-s-button-primary-text-hover\/90 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-s-button-primary-text-hover\/95 {
    border-inline-start-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-s-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-s-button-secondary-text-hover\/0 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-s-button-secondary-text-hover\/10 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-s-button-secondary-text-hover\/100 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-s-button-secondary-text-hover\/15 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-s-button-secondary-text-hover\/20 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-s-button-secondary-text-hover\/25 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-s-button-secondary-text-hover\/30 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-s-button-secondary-text-hover\/35 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-s-button-secondary-text-hover\/40 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-s-button-secondary-text-hover\/45 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-s-button-secondary-text-hover\/5 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-s-button-secondary-text-hover\/50 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-s-button-secondary-text-hover\/55 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-s-button-secondary-text-hover\/60 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-s-button-secondary-text-hover\/65 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-s-button-secondary-text-hover\/70 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-s-button-secondary-text-hover\/75 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-s-button-secondary-text-hover\/80 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-s-button-secondary-text-hover\/85 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-s-button-secondary-text-hover\/90 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-s-button-secondary-text-hover\/95 {
    border-inline-start-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-s-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-s-button-tertiary-text-hover\/0 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-s-button-tertiary-text-hover\/10 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-s-button-tertiary-text-hover\/100 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-s-button-tertiary-text-hover\/15 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-s-button-tertiary-text-hover\/20 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-s-button-tertiary-text-hover\/25 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-s-button-tertiary-text-hover\/30 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-s-button-tertiary-text-hover\/35 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-s-button-tertiary-text-hover\/40 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-s-button-tertiary-text-hover\/45 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-s-button-tertiary-text-hover\/5 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-s-button-tertiary-text-hover\/50 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-s-button-tertiary-text-hover\/55 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-s-button-tertiary-text-hover\/60 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-s-button-tertiary-text-hover\/65 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-s-button-tertiary-text-hover\/70 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-s-button-tertiary-text-hover\/75 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-s-button-tertiary-text-hover\/80 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-s-button-tertiary-text-hover\/85 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-s-button-tertiary-text-hover\/90 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-s-button-tertiary-text-hover\/95 {
    border-inline-start-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-t-button-primary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-primary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-t-button-primary-text-hover\/0 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .border-t-button-primary-text-hover\/10 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .border-t-button-primary-text-hover\/100 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .border-t-button-primary-text-hover\/15 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .border-t-button-primary-text-hover\/20 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .border-t-button-primary-text-hover\/25 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .border-t-button-primary-text-hover\/30 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .border-t-button-primary-text-hover\/35 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .border-t-button-primary-text-hover\/40 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .border-t-button-primary-text-hover\/45 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .border-t-button-primary-text-hover\/5 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .border-t-button-primary-text-hover\/50 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .border-t-button-primary-text-hover\/55 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .border-t-button-primary-text-hover\/60 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .border-t-button-primary-text-hover\/65 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .border-t-button-primary-text-hover\/70 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .border-t-button-primary-text-hover\/75 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .border-t-button-primary-text-hover\/80 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .border-t-button-primary-text-hover\/85 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .border-t-button-primary-text-hover\/90 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .border-t-button-primary-text-hover\/95 {
    border-top-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .border-t-button-secondary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-t-button-secondary-text-hover\/0 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .border-t-button-secondary-text-hover\/10 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .border-t-button-secondary-text-hover\/100 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .border-t-button-secondary-text-hover\/15 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .border-t-button-secondary-text-hover\/20 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .border-t-button-secondary-text-hover\/25 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .border-t-button-secondary-text-hover\/30 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .border-t-button-secondary-text-hover\/35 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .border-t-button-secondary-text-hover\/40 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .border-t-button-secondary-text-hover\/45 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .border-t-button-secondary-text-hover\/5 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .border-t-button-secondary-text-hover\/50 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .border-t-button-secondary-text-hover\/55 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .border-t-button-secondary-text-hover\/60 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .border-t-button-secondary-text-hover\/65 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .border-t-button-secondary-text-hover\/70 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .border-t-button-secondary-text-hover\/75 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .border-t-button-secondary-text-hover\/80 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .border-t-button-secondary-text-hover\/85 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .border-t-button-secondary-text-hover\/90 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .border-t-button-secondary-text-hover\/95 {
    border-top-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .border-t-button-tertiary-text-hover {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-border-opacity, 1));
  }
  .border-t-button-tertiary-text-hover\/0 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .border-t-button-tertiary-text-hover\/10 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .border-t-button-tertiary-text-hover\/100 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .border-t-button-tertiary-text-hover\/15 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .border-t-button-tertiary-text-hover\/20 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .border-t-button-tertiary-text-hover\/25 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .border-t-button-tertiary-text-hover\/30 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .border-t-button-tertiary-text-hover\/35 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .border-t-button-tertiary-text-hover\/40 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .border-t-button-tertiary-text-hover\/45 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .border-t-button-tertiary-text-hover\/5 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .border-t-button-tertiary-text-hover\/50 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .border-t-button-tertiary-text-hover\/55 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .border-t-button-tertiary-text-hover\/60 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .border-t-button-tertiary-text-hover\/65 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .border-t-button-tertiary-text-hover\/70 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .border-t-button-tertiary-text-hover\/75 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .border-t-button-tertiary-text-hover\/80 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .border-t-button-tertiary-text-hover\/85 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .border-t-button-tertiary-text-hover\/90 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .border-t-button-tertiary-text-hover\/95 {
    border-top-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .border-t-primary {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--primary-color) / var(--tw-border-opacity, 1));
  }
  .border-t-sidebar-text {
    --tw-border-opacity: 1;
    border-top-color: rgb(var(--sidebar-text-color) / var(--tw-border-opacity, 1));
  }
  .\!bg-\[aliceblue\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .bg-\[aliceblue\] {
    --tw-bg-opacity: 1;
    background-color: rgb(240 248 255 / var(--tw-bg-opacity, 1));
  }
  .bg-background-secondary {
    background-color: rgb(var(--background-fill));
  }
  .bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--blue) / var(--tw-bg-opacity, 1));
  }
  .bg-blue-light {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--blue-light) / var(--tw-bg-opacity, 1));
  }
  .bg-blue-lighter {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--blue-lighter) / var(--tw-bg-opacity, 1));
  }
  .bg-button-primary-text-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--button-primary-text-hover-color) / var(--tw-bg-opacity, 1));
  }
  .bg-button-primary-text-hover\/0 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .bg-button-primary-text-hover\/10 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .bg-button-primary-text-hover\/100 {
    background-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .bg-button-primary-text-hover\/15 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .bg-button-primary-text-hover\/20 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .bg-button-primary-text-hover\/25 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .bg-button-primary-text-hover\/30 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .bg-button-primary-text-hover\/35 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .bg-button-primary-text-hover\/40 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .bg-button-primary-text-hover\/45 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .bg-button-primary-text-hover\/5 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .bg-button-primary-text-hover\/50 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .bg-button-primary-text-hover\/55 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .bg-button-primary-text-hover\/60 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .bg-button-primary-text-hover\/65 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .bg-button-primary-text-hover\/70 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .bg-button-primary-text-hover\/75 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .bg-button-primary-text-hover\/80 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .bg-button-primary-text-hover\/85 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .bg-button-primary-text-hover\/90 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .bg-button-primary-text-hover\/95 {
    background-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .bg-button-secondary-text-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-bg-opacity, 1));
  }
  .bg-button-secondary-text-hover\/0 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .bg-button-secondary-text-hover\/10 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .bg-button-secondary-text-hover\/100 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .bg-button-secondary-text-hover\/15 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .bg-button-secondary-text-hover\/20 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .bg-button-secondary-text-hover\/25 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .bg-button-secondary-text-hover\/30 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .bg-button-secondary-text-hover\/35 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .bg-button-secondary-text-hover\/40 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .bg-button-secondary-text-hover\/45 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .bg-button-secondary-text-hover\/5 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .bg-button-secondary-text-hover\/50 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .bg-button-secondary-text-hover\/55 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .bg-button-secondary-text-hover\/60 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .bg-button-secondary-text-hover\/65 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .bg-button-secondary-text-hover\/70 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .bg-button-secondary-text-hover\/75 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .bg-button-secondary-text-hover\/80 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .bg-button-secondary-text-hover\/85 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .bg-button-secondary-text-hover\/90 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .bg-button-secondary-text-hover\/95 {
    background-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .bg-button-tertiary-text-hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-bg-opacity, 1));
  }
  .bg-button-tertiary-text-hover\/0 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .bg-button-tertiary-text-hover\/10 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .bg-button-tertiary-text-hover\/100 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .bg-button-tertiary-text-hover\/15 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .bg-button-tertiary-text-hover\/20 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .bg-button-tertiary-text-hover\/25 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .bg-button-tertiary-text-hover\/30 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .bg-button-tertiary-text-hover\/35 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .bg-button-tertiary-text-hover\/40 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .bg-button-tertiary-text-hover\/45 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .bg-button-tertiary-text-hover\/5 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .bg-button-tertiary-text-hover\/50 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .bg-button-tertiary-text-hover\/55 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .bg-button-tertiary-text-hover\/60 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .bg-button-tertiary-text-hover\/65 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .bg-button-tertiary-text-hover\/70 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .bg-button-tertiary-text-hover\/75 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .bg-button-tertiary-text-hover\/80 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .bg-button-tertiary-text-hover\/85 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .bg-button-tertiary-text-hover\/90 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .bg-button-tertiary-text-hover\/95 {
    background-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .bg-gray-dark\/30 {
    background-color: rgb(var(--gray-dark) / 0.3);
  }
  .bg-gray-dark\/70 {
    background-color: rgb(var(--gray-dark) / 0.7);
  }
  .bg-gray-dark\/\[\.05\] {
    background-color: rgb(var(--gray-dark) / .05);
  }
  .bg-gray-intermediate {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-intermediate) / var(--tw-bg-opacity, 1));
  }
  .bg-gray-lighter {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-lighter) / var(--tw-bg-opacity, 1));
  }
  .bg-gray-lightest {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-lightest) / var(--tw-bg-opacity, 1));
  }
  .bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--green) / var(--tw-bg-opacity, 1));
  }
  .bg-green\/70 {
    background-color: rgb(var(--green) / 0.7);
  }
  .bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--orange) / var(--tw-bg-opacity, 1));
  }
  .bg-orange-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--orange-dark) / var(--tw-bg-opacity, 1));
  }
  .bg-orange\/70 {
    background-color: rgb(var(--orange) / 0.7);
  }
  .bg-orange\/\[0\.06\] {
    background-color: rgb(var(--orange) / 0.06);
  }
  .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary-color) / var(--tw-bg-opacity, 1));
  }
  .bg-primary\/10 {
    background-color: rgb(var(--primary-color) / 0.1);
  }
  .bg-primary\/5 {
    background-color: rgb(var(--primary-color) / 0.05);
  }
  .bg-primary\/70 {
    background-color: rgb(var(--primary-color) / 0.7);
  }
  .bg-primary\/\[\.03\] {
    background-color: rgb(var(--primary-color) / .03);
  }
  .bg-red {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--red) / var(--tw-bg-opacity, 1));
  }
  .bg-red-light {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--red-light) / var(--tw-bg-opacity, 1));
  }
  .bg-red\/10 {
    background-color: rgb(var(--red) / 0.1);
  }
  .bg-red\/\[0\.06\] {
    background-color: rgb(var(--red) / 0.06);
  }
  .bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1));
  }
  .bg-secondary\/10 {
    background-color: rgb(var(--secondary-color) / 0.1);
  }
  .bg-secondary\/5 {
    background-color: rgb(var(--secondary-color) / 0.05);
  }
  .bg-secondary\/70 {
    background-color: rgb(var(--secondary-color) / 0.7);
  }
  .bg-secondary\/\[\.05\] {
    background-color: rgb(var(--secondary-color) / .05);
  }
  .bg-sidebar-active-flowstep-text {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--sidebar-active-flowstep-text-color) / var(--tw-bg-opacity, 1));
  }
  .bg-sidebar-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--sidebar-primary-color) / var(--tw-bg-opacity, 1));
  }
  .bg-sidebar-register {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--sidebar-register-color) / var(--tw-bg-opacity, 1));
  }
  .bg-sidebar-text {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--sidebar-text-color) / var(--tw-bg-opacity, 1));
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  }
  .bg-white\/90 {
    background-color: rgb(var(--white) / 0.9);
  }
  .bg-yellow {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--yellow) / var(--tw-bg-opacity, 1));
  }
  .bg-yellow\/70 {
    background-color: rgb(var(--yellow) / 0.7);
  }
  .from-button-primary-text-hover {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/0 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/10 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/100 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/15 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/20 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/25 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/30 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/35 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.35) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/40 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/45 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.45) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/5 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/50 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/55 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.55) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/60 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/65 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.65) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/70 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/75 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/80 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/85 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.85) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/90 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-primary-text-hover\/95 {
    --tw-gradient-from: rgb(var(--button-primary-text-hover-color) / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/0 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/10 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/100 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/15 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/20 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/25 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/30 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/35 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.35) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/40 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/45 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.45) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/5 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/50 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/55 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.55) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/60 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/65 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.65) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/70 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/75 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/80 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/85 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.85) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/90 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-secondary-text-hover\/95 {
    --tw-gradient-from: rgb(var(--button-secondary-text-hover-color) / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/0 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/10 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/100 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/15 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.15) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/20 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/25 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.25) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/30 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/35 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.35) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/40 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/45 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.45) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/5 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.05) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/50 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/55 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.55) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/60 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/65 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.65) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/70 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/75 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/80 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/85 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.85) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/90 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .from-button-tertiary-text-hover\/95 {
    --tw-gradient-from: rgb(var(--button-tertiary-text-hover-color) / 0.95) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.65) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-primary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-primary-text-hover-color) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.65) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-secondary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-secondary-text-hover-color) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.15) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.25) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.45) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.55) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.65) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.75) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.85) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .via-button-tertiary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--button-tertiary-text-hover-color) / 0.95) var(--tw-gradient-via-position), var(--tw-gradient-to);
  }
  .to-button-primary-text-hover {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.1) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.15) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.2) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.25) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.3) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.35) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.4) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.45) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.05) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.5) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.55) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.6) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.65) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.7) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.75) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.8) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.85) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.9) var(--tw-gradient-to-position);
  }
  .to-button-primary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-primary-text-hover-color) / 0.95) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.1) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.15) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.2) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.25) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.3) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.35) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.4) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.45) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.05) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.5) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.55) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.6) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.65) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.7) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.75) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.8) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.85) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.9) var(--tw-gradient-to-position);
  }
  .to-button-secondary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-secondary-text-hover-color) / 0.95) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/0 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/10 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.1) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/100 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 1) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/15 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.15) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/20 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.2) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/25 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.25) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/30 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.3) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/35 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.35) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/40 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.4) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/45 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.45) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/5 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.05) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/50 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.5) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/55 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.55) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/60 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.6) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/65 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.65) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/70 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.7) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/75 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.75) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/80 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.8) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/85 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.85) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/90 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.9) var(--tw-gradient-to-position);
  }
  .to-button-tertiary-text-hover\/95 {
    --tw-gradient-to: rgb(var(--button-tertiary-text-hover-color) / 0.95) var(--tw-gradient-to-position);
  }
  .bg-clip-content {
    background-clip: content-box;
  }
  .fill-button-primary-text-hover {
    fill: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .fill-button-primary-text-hover\/0 {
    fill: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .fill-button-primary-text-hover\/10 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .fill-button-primary-text-hover\/100 {
    fill: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .fill-button-primary-text-hover\/15 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .fill-button-primary-text-hover\/20 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .fill-button-primary-text-hover\/25 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .fill-button-primary-text-hover\/30 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .fill-button-primary-text-hover\/35 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .fill-button-primary-text-hover\/40 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .fill-button-primary-text-hover\/45 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .fill-button-primary-text-hover\/5 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .fill-button-primary-text-hover\/50 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .fill-button-primary-text-hover\/55 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .fill-button-primary-text-hover\/60 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .fill-button-primary-text-hover\/65 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .fill-button-primary-text-hover\/70 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .fill-button-primary-text-hover\/75 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .fill-button-primary-text-hover\/80 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .fill-button-primary-text-hover\/85 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .fill-button-primary-text-hover\/90 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .fill-button-primary-text-hover\/95 {
    fill: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .fill-button-secondary-text-hover {
    fill: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .fill-button-secondary-text-hover\/0 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .fill-button-secondary-text-hover\/10 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .fill-button-secondary-text-hover\/100 {
    fill: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .fill-button-secondary-text-hover\/15 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .fill-button-secondary-text-hover\/20 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .fill-button-secondary-text-hover\/25 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .fill-button-secondary-text-hover\/30 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .fill-button-secondary-text-hover\/35 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .fill-button-secondary-text-hover\/40 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .fill-button-secondary-text-hover\/45 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .fill-button-secondary-text-hover\/5 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .fill-button-secondary-text-hover\/50 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .fill-button-secondary-text-hover\/55 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .fill-button-secondary-text-hover\/60 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .fill-button-secondary-text-hover\/65 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .fill-button-secondary-text-hover\/70 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .fill-button-secondary-text-hover\/75 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .fill-button-secondary-text-hover\/80 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .fill-button-secondary-text-hover\/85 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .fill-button-secondary-text-hover\/90 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .fill-button-secondary-text-hover\/95 {
    fill: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .fill-button-tertiary-text-hover {
    fill: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .fill-button-tertiary-text-hover\/0 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .fill-button-tertiary-text-hover\/10 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .fill-button-tertiary-text-hover\/100 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .fill-button-tertiary-text-hover\/15 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .fill-button-tertiary-text-hover\/20 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .fill-button-tertiary-text-hover\/25 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .fill-button-tertiary-text-hover\/30 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .fill-button-tertiary-text-hover\/35 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .fill-button-tertiary-text-hover\/40 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .fill-button-tertiary-text-hover\/45 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .fill-button-tertiary-text-hover\/5 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .fill-button-tertiary-text-hover\/50 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .fill-button-tertiary-text-hover\/55 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .fill-button-tertiary-text-hover\/60 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .fill-button-tertiary-text-hover\/65 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .fill-button-tertiary-text-hover\/70 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .fill-button-tertiary-text-hover\/75 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .fill-button-tertiary-text-hover\/80 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .fill-button-tertiary-text-hover\/85 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .fill-button-tertiary-text-hover\/90 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .fill-button-tertiary-text-hover\/95 {
    fill: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .stroke-button-primary-text-hover {
    stroke: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .stroke-button-primary-text-hover\/0 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .stroke-button-primary-text-hover\/10 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .stroke-button-primary-text-hover\/100 {
    stroke: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .stroke-button-primary-text-hover\/15 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .stroke-button-primary-text-hover\/20 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .stroke-button-primary-text-hover\/25 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .stroke-button-primary-text-hover\/30 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .stroke-button-primary-text-hover\/35 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .stroke-button-primary-text-hover\/40 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .stroke-button-primary-text-hover\/45 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .stroke-button-primary-text-hover\/5 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .stroke-button-primary-text-hover\/50 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .stroke-button-primary-text-hover\/55 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .stroke-button-primary-text-hover\/60 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .stroke-button-primary-text-hover\/65 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .stroke-button-primary-text-hover\/70 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .stroke-button-primary-text-hover\/75 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .stroke-button-primary-text-hover\/80 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .stroke-button-primary-text-hover\/85 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .stroke-button-primary-text-hover\/90 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .stroke-button-primary-text-hover\/95 {
    stroke: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .stroke-button-secondary-text-hover {
    stroke: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .stroke-button-secondary-text-hover\/0 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .stroke-button-secondary-text-hover\/10 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .stroke-button-secondary-text-hover\/100 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .stroke-button-secondary-text-hover\/15 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .stroke-button-secondary-text-hover\/20 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .stroke-button-secondary-text-hover\/25 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .stroke-button-secondary-text-hover\/30 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .stroke-button-secondary-text-hover\/35 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .stroke-button-secondary-text-hover\/40 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .stroke-button-secondary-text-hover\/45 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .stroke-button-secondary-text-hover\/5 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .stroke-button-secondary-text-hover\/50 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .stroke-button-secondary-text-hover\/55 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .stroke-button-secondary-text-hover\/60 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .stroke-button-secondary-text-hover\/65 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .stroke-button-secondary-text-hover\/70 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .stroke-button-secondary-text-hover\/75 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .stroke-button-secondary-text-hover\/80 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .stroke-button-secondary-text-hover\/85 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .stroke-button-secondary-text-hover\/90 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .stroke-button-secondary-text-hover\/95 {
    stroke: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .stroke-button-tertiary-text-hover {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .stroke-button-tertiary-text-hover\/0 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .stroke-button-tertiary-text-hover\/10 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .stroke-button-tertiary-text-hover\/100 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .stroke-button-tertiary-text-hover\/15 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .stroke-button-tertiary-text-hover\/20 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .stroke-button-tertiary-text-hover\/25 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .stroke-button-tertiary-text-hover\/30 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .stroke-button-tertiary-text-hover\/35 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .stroke-button-tertiary-text-hover\/40 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .stroke-button-tertiary-text-hover\/45 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .stroke-button-tertiary-text-hover\/5 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .stroke-button-tertiary-text-hover\/50 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .stroke-button-tertiary-text-hover\/55 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .stroke-button-tertiary-text-hover\/60 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .stroke-button-tertiary-text-hover\/65 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .stroke-button-tertiary-text-hover\/70 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .stroke-button-tertiary-text-hover\/75 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .stroke-button-tertiary-text-hover\/80 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .stroke-button-tertiary-text-hover\/85 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .stroke-button-tertiary-text-hover\/90 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .stroke-button-tertiary-text-hover\/95 {
    stroke: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: 0.5rem;
  }
  .p-4 {
    padding: 1rem;
  }
  .p-5 {
    padding: 1.25rem;
  }
  .p-6 {
    padding: 1.5rem;
  }
  .p-8 {
    padding: 2rem;
  }
  .p-\[1\.71rem\] {
    padding: 1.71rem;
  }
  .p-\[12px\] {
    padding: 12px;
  }
  .p-\[14px\] {
    padding: 14px;
  }
  .p-\[16px\] {
    padding: 16px;
  }
  .p-\[24px\] {
    padding: 24px;
  }
  .p-\[4px\] {
    padding: 4px;
  }
  .p-\[8px\] {
    padding: 8px;
  }
  .\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .\!px-\[12px\] {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .\!py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-\[0px\] {
    padding-left: 0px;
    padding-right: 0px;
  }
  .px-\[1\.7rem\] {
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }
  .px-\[12px\] {
    padding-left: 12px;
    padding-right: 12px;
  }
  .px-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }
  .px-\[3px\] {
    padding-left: 3px;
    padding-right: 3px;
  }
  .px-\[4px\] {
    padding-left: 4px;
    padding-right: 4px;
  }
  .py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .py-0\.5 {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
  .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .py-\[11px\] {
    padding-top: 11px;
    padding-bottom: 11px;
  }
  .py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .py-\[16px\] {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .py-\[18px\] {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .py-\[23px\] {
    padding-top: 23px;
    padding-bottom: 23px;
  }
  .py-\[32px\] {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .py-\[3px\] {
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .\!pb-\[18px\] {
    padding-bottom: 18px !important;
  }
  .\!pl-\[8px\] {
    padding-left: 8px !important;
  }
  .\!pt-\[18px\] {
    padding-top: 18px !important;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-24 {
    padding-bottom: 6rem;
  }
  .pb-\[0px\] {
    padding-bottom: 0px;
  }
  .pb-\[10px\] {
    padding-bottom: 10px;
  }
  .pb-\[16px\] {
    padding-bottom: 16px;
  }
  .pb-\[2px\] {
    padding-bottom: 2px;
  }
  .pb-\[32px\] {
    padding-bottom: 32px;
  }
  .pb-\[3px\] {
    padding-bottom: 3px;
  }
  .pb-\[4px\] {
    padding-bottom: 4px;
  }
  .pb-\[8px\] {
    padding-bottom: 8px;
  }
  .pb-\[9px\] {
    padding-bottom: 9px;
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-3 {
    padding-left: 0.75rem;
  }
  .pl-\[12px\] {
    padding-left: 12px;
  }
  .pl-\[15px\] {
    padding-left: 15px;
  }
  .pl-\[16px\] {
    padding-left: 16px;
  }
  .pl-\[1px\] {
    padding-left: 1px;
  }
  .pl-\[24px\] {
    padding-left: 24px;
  }
  .pl-\[7px\] {
    padding-left: 7px;
  }
  .pr-2 {
    padding-right: 0.5rem;
  }
  .pr-4 {
    padding-right: 1rem;
  }
  .pr-6 {
    padding-right: 1.5rem;
  }
  .pr-\[10px\] {
    padding-right: 10px;
  }
  .pr-\[12px\] {
    padding-right: 12px;
  }
  .pr-\[14px\] {
    padding-right: 14px;
  }
  .pr-\[15px\] {
    padding-right: 15px;
  }
  .pr-\[16px\] {
    padding-right: 16px;
  }
  .pr-\[24px\] {
    padding-right: 24px;
  }
  .pr-\[36px\] {
    padding-right: 36px;
  }
  .pr-\[40px\] {
    padding-right: 40px;
  }
  .pr-\[42px\] {
    padding-right: 42px;
  }
  .pr-\[45px\] {
    padding-right: 45px;
  }
  .pr-\[46px\] {
    padding-right: 46px;
  }
  .pr-\[48px\] {
    padding-right: 48px;
  }
  .pr-\[4px\] {
    padding-right: 4px;
  }
  .pr-\[54px\] {
    padding-right: 54px;
  }
  .pr-\[58px\] {
    padding-right: 58px;
  }
  .pr-\[6px\] {
    padding-right: 6px;
  }
  .pr-\[71px\] {
    padding-right: 71px;
  }
  .pr-\[72px\] {
    padding-right: 72px;
  }
  .pr-\[74px\] {
    padding-right: 74px;
  }
  .pr-\[75px\] {
    padding-right: 75px;
  }
  .pr-\[94px\] {
    padding-right: 94px;
  }
  .ps-12 {
    padding-inline-start: 3rem;
  }
  .ps-2 {
    padding-inline-start: 0.5rem;
  }
  .ps-4 {
    padding-inline-start: 1rem;
  }
  .ps-8 {
    padding-inline-start: 2rem;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pt-5 {
    padding-top: 1.25rem;
  }
  .pt-8 {
    padding-top: 2rem;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pt-\[12px\] {
    padding-top: 12px;
  }
  .pt-\[17px\] {
    padding-top: 17px;
  }
  .pt-\[1px\] {
    padding-top: 1px;
  }
  .pt-\[40px\] {
    padding-top: 40px;
  }
  .pt-\[8px\] {
    padding-top: 8px;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .text-right {
    text-align: right;
  }
  .text-justify {
    text-align: justify;
  }
  .text-start {
    text-align: start;
  }
  .text-end {
    text-align: end;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-text-top {
    vertical-align: text-top;
  }
  .align-text-bottom {
    vertical-align: text-bottom;
  }
  .font-sans {
    font-family: var(--font-family);
  }
  .\!text-\[2rem\] {
    font-size: 2rem !important;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-b1 {
    font-size: var(--text-b1);
  }
  .text-b1-mobile {
    font-size: var(--text-b1-mobile);
  }
  .text-b2 {
    font-size: var(--text-b2);
  }
  .text-b2-mobile {
    font-size: var(--text-b2-mobile);
  }
  .text-h1 {
    font-size: var(--text-h1);
  }
  .text-h1-mobile {
    font-size: var(--text-h1-mobile);
  }
  .text-h2 {
    font-size: var(--text-h2);
  }
  .text-h2-mobile {
    font-size: var(--text-h2-mobile);
  }
  .text-h3 {
    font-size: var(--text-h3);
  }
  .text-h3-mobile {
    font-size: var(--text-h3-mobile);
  }
  .text-h4 {
    font-size: var(--text-h4);
  }
  .text-h4-mobile {
    font-size: var(--text-h4-mobile);
  }
  .text-micro {
    font-size: var(--text-micro);
  }
  .text-micro-mobile {
    font-size: var(--text-micro-mobile);
  }
  .font-bold {
    font-weight: 700;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-semibold {
    font-weight: 600;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .italic {
    font-style: italic;
  }
  .leading-5 {
    line-height: 1.25rem;
  }
  .leading-\[18px\] {
    line-height: 18px;
  }
  .leading-\[24px\] {
    line-height: 24px;
  }
  .leading-none {
    line-height: 1;
  }
  .tracking-\[6px\] {
    letter-spacing: 6px;
  }
  .\!text-gray-dark {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1)) !important;
  }
  .text-background-secondary {
    color: rgb(var(--background-fill));
  }
  .text-background-secondary\/0 {
    color: rgb(var(--background-fill) / 0);
  }
  .text-background-secondary\/10 {
    color: rgb(var(--background-fill) / 0.1);
  }
  .text-background-secondary\/100 {
    color: rgb(var(--background-fill) / 1);
  }
  .text-background-secondary\/15 {
    color: rgb(var(--background-fill) / 0.15);
  }
  .text-background-secondary\/20 {
    color: rgb(var(--background-fill) / 0.2);
  }
  .text-background-secondary\/25 {
    color: rgb(var(--background-fill) / 0.25);
  }
  .text-background-secondary\/30 {
    color: rgb(var(--background-fill) / 0.3);
  }
  .text-background-secondary\/35 {
    color: rgb(var(--background-fill) / 0.35);
  }
  .text-background-secondary\/40 {
    color: rgb(var(--background-fill) / 0.4);
  }
  .text-background-secondary\/45 {
    color: rgb(var(--background-fill) / 0.45);
  }
  .text-background-secondary\/5 {
    color: rgb(var(--background-fill) / 0.05);
  }
  .text-background-secondary\/50 {
    color: rgb(var(--background-fill) / 0.5);
  }
  .text-background-secondary\/55 {
    color: rgb(var(--background-fill) / 0.55);
  }
  .text-background-secondary\/60 {
    color: rgb(var(--background-fill) / 0.6);
  }
  .text-background-secondary\/65 {
    color: rgb(var(--background-fill) / 0.65);
  }
  .text-background-secondary\/70 {
    color: rgb(var(--background-fill) / 0.7);
  }
  .text-background-secondary\/75 {
    color: rgb(var(--background-fill) / 0.75);
  }
  .text-background-secondary\/80 {
    color: rgb(var(--background-fill) / 0.8);
  }
  .text-background-secondary\/85 {
    color: rgb(var(--background-fill) / 0.85);
  }
  .text-background-secondary\/90 {
    color: rgb(var(--background-fill) / 0.9);
  }
  .text-background-secondary\/95 {
    color: rgb(var(--background-fill) / 0.95);
  }
  .text-base {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  .text-base\/0 {
    color: rgb(var(--text-color) / 0);
  }
  .text-base\/10 {
    color: rgb(var(--text-color) / 0.1);
  }
  .text-base\/100 {
    color: rgb(var(--text-color) / 1);
  }
  .text-base\/15 {
    color: rgb(var(--text-color) / 0.15);
  }
  .text-base\/20 {
    color: rgb(var(--text-color) / 0.2);
  }
  .text-base\/25 {
    color: rgb(var(--text-color) / 0.25);
  }
  .text-base\/30 {
    color: rgb(var(--text-color) / 0.3);
  }
  .text-base\/35 {
    color: rgb(var(--text-color) / 0.35);
  }
  .text-base\/40 {
    color: rgb(var(--text-color) / 0.4);
  }
  .text-base\/45 {
    color: rgb(var(--text-color) / 0.45);
  }
  .text-base\/5 {
    color: rgb(var(--text-color) / 0.05);
  }
  .text-base\/50 {
    color: rgb(var(--text-color) / 0.5);
  }
  .text-base\/55 {
    color: rgb(var(--text-color) / 0.55);
  }
  .text-base\/60 {
    color: rgb(var(--text-color) / 0.6);
  }
  .text-base\/65 {
    color: rgb(var(--text-color) / 0.65);
  }
  .text-base\/70 {
    color: rgb(var(--text-color) / 0.7);
  }
  .text-base\/75 {
    color: rgb(var(--text-color) / 0.75);
  }
  .text-base\/80 {
    color: rgb(var(--text-color) / 0.8);
  }
  .text-base\/85 {
    color: rgb(var(--text-color) / 0.85);
  }
  .text-base\/90 {
    color: rgb(var(--text-color) / 0.9);
  }
  .text-base\/95 {
    color: rgb(var(--text-color) / 0.95);
  }
  .text-black {
    --tw-text-opacity: 1;
    color: rgb(var(--black) / var(--tw-text-opacity, 1));
  }
  .text-black\/0 {
    color: rgb(var(--black) / 0);
  }
  .text-black\/10 {
    color: rgb(var(--black) / 0.1);
  }
  .text-black\/100 {
    color: rgb(var(--black) / 1);
  }
  .text-black\/15 {
    color: rgb(var(--black) / 0.15);
  }
  .text-black\/20 {
    color: rgb(var(--black) / 0.2);
  }
  .text-black\/25 {
    color: rgb(var(--black) / 0.25);
  }
  .text-black\/30 {
    color: rgb(var(--black) / 0.3);
  }
  .text-black\/35 {
    color: rgb(var(--black) / 0.35);
  }
  .text-black\/40 {
    color: rgb(var(--black) / 0.4);
  }
  .text-black\/45 {
    color: rgb(var(--black) / 0.45);
  }
  .text-black\/5 {
    color: rgb(var(--black) / 0.05);
  }
  .text-black\/50 {
    color: rgb(var(--black) / 0.5);
  }
  .text-black\/55 {
    color: rgb(var(--black) / 0.55);
  }
  .text-black\/60 {
    color: rgb(var(--black) / 0.6);
  }
  .text-black\/65 {
    color: rgb(var(--black) / 0.65);
  }
  .text-black\/70 {
    color: rgb(var(--black) / 0.7);
  }
  .text-black\/75 {
    color: rgb(var(--black) / 0.75);
  }
  .text-black\/80 {
    color: rgb(var(--black) / 0.8);
  }
  .text-black\/85 {
    color: rgb(var(--black) / 0.85);
  }
  .text-black\/90 {
    color: rgb(var(--black) / 0.9);
  }
  .text-black\/95 {
    color: rgb(var(--black) / 0.95);
  }
  .text-blue {
    --tw-text-opacity: 1;
    color: rgb(var(--blue) / var(--tw-text-opacity, 1));
  }
  .text-blue-light {
    --tw-text-opacity: 1;
    color: rgb(var(--blue-light) / var(--tw-text-opacity, 1));
  }
  .text-blue-light\/0 {
    color: rgb(var(--blue-light) / 0);
  }
  .text-blue-light\/10 {
    color: rgb(var(--blue-light) / 0.1);
  }
  .text-blue-light\/100 {
    color: rgb(var(--blue-light) / 1);
  }
  .text-blue-light\/15 {
    color: rgb(var(--blue-light) / 0.15);
  }
  .text-blue-light\/20 {
    color: rgb(var(--blue-light) / 0.2);
  }
  .text-blue-light\/25 {
    color: rgb(var(--blue-light) / 0.25);
  }
  .text-blue-light\/30 {
    color: rgb(var(--blue-light) / 0.3);
  }
  .text-blue-light\/35 {
    color: rgb(var(--blue-light) / 0.35);
  }
  .text-blue-light\/40 {
    color: rgb(var(--blue-light) / 0.4);
  }
  .text-blue-light\/45 {
    color: rgb(var(--blue-light) / 0.45);
  }
  .text-blue-light\/5 {
    color: rgb(var(--blue-light) / 0.05);
  }
  .text-blue-light\/50 {
    color: rgb(var(--blue-light) / 0.5);
  }
  .text-blue-light\/55 {
    color: rgb(var(--blue-light) / 0.55);
  }
  .text-blue-light\/60 {
    color: rgb(var(--blue-light) / 0.6);
  }
  .text-blue-light\/65 {
    color: rgb(var(--blue-light) / 0.65);
  }
  .text-blue-light\/70 {
    color: rgb(var(--blue-light) / 0.7);
  }
  .text-blue-light\/75 {
    color: rgb(var(--blue-light) / 0.75);
  }
  .text-blue-light\/80 {
    color: rgb(var(--blue-light) / 0.8);
  }
  .text-blue-light\/85 {
    color: rgb(var(--blue-light) / 0.85);
  }
  .text-blue-light\/90 {
    color: rgb(var(--blue-light) / 0.9);
  }
  .text-blue-light\/95 {
    color: rgb(var(--blue-light) / 0.95);
  }
  .text-blue-lighter {
    --tw-text-opacity: 1;
    color: rgb(var(--blue-lighter) / var(--tw-text-opacity, 1));
  }
  .text-blue-lighter\/0 {
    color: rgb(var(--blue-lighter) / 0);
  }
  .text-blue-lighter\/10 {
    color: rgb(var(--blue-lighter) / 0.1);
  }
  .text-blue-lighter\/100 {
    color: rgb(var(--blue-lighter) / 1);
  }
  .text-blue-lighter\/15 {
    color: rgb(var(--blue-lighter) / 0.15);
  }
  .text-blue-lighter\/20 {
    color: rgb(var(--blue-lighter) / 0.2);
  }
  .text-blue-lighter\/25 {
    color: rgb(var(--blue-lighter) / 0.25);
  }
  .text-blue-lighter\/30 {
    color: rgb(var(--blue-lighter) / 0.3);
  }
  .text-blue-lighter\/35 {
    color: rgb(var(--blue-lighter) / 0.35);
  }
  .text-blue-lighter\/40 {
    color: rgb(var(--blue-lighter) / 0.4);
  }
  .text-blue-lighter\/45 {
    color: rgb(var(--blue-lighter) / 0.45);
  }
  .text-blue-lighter\/5 {
    color: rgb(var(--blue-lighter) / 0.05);
  }
  .text-blue-lighter\/50 {
    color: rgb(var(--blue-lighter) / 0.5);
  }
  .text-blue-lighter\/55 {
    color: rgb(var(--blue-lighter) / 0.55);
  }
  .text-blue-lighter\/60 {
    color: rgb(var(--blue-lighter) / 0.6);
  }
  .text-blue-lighter\/65 {
    color: rgb(var(--blue-lighter) / 0.65);
  }
  .text-blue-lighter\/70 {
    color: rgb(var(--blue-lighter) / 0.7);
  }
  .text-blue-lighter\/75 {
    color: rgb(var(--blue-lighter) / 0.75);
  }
  .text-blue-lighter\/80 {
    color: rgb(var(--blue-lighter) / 0.8);
  }
  .text-blue-lighter\/85 {
    color: rgb(var(--blue-lighter) / 0.85);
  }
  .text-blue-lighter\/90 {
    color: rgb(var(--blue-lighter) / 0.9);
  }
  .text-blue-lighter\/95 {
    color: rgb(var(--blue-lighter) / 0.95);
  }
  .text-blue\/0 {
    color: rgb(var(--blue) / 0);
  }
  .text-blue\/10 {
    color: rgb(var(--blue) / 0.1);
  }
  .text-blue\/100 {
    color: rgb(var(--blue) / 1);
  }
  .text-blue\/15 {
    color: rgb(var(--blue) / 0.15);
  }
  .text-blue\/20 {
    color: rgb(var(--blue) / 0.2);
  }
  .text-blue\/25 {
    color: rgb(var(--blue) / 0.25);
  }
  .text-blue\/30 {
    color: rgb(var(--blue) / 0.3);
  }
  .text-blue\/35 {
    color: rgb(var(--blue) / 0.35);
  }
  .text-blue\/40 {
    color: rgb(var(--blue) / 0.4);
  }
  .text-blue\/45 {
    color: rgb(var(--blue) / 0.45);
  }
  .text-blue\/5 {
    color: rgb(var(--blue) / 0.05);
  }
  .text-blue\/50 {
    color: rgb(var(--blue) / 0.5);
  }
  .text-blue\/55 {
    color: rgb(var(--blue) / 0.55);
  }
  .text-blue\/60 {
    color: rgb(var(--blue) / 0.6);
  }
  .text-blue\/65 {
    color: rgb(var(--blue) / 0.65);
  }
  .text-blue\/70 {
    color: rgb(var(--blue) / 0.7);
  }
  .text-blue\/75 {
    color: rgb(var(--blue) / 0.75);
  }
  .text-blue\/80 {
    color: rgb(var(--blue) / 0.8);
  }
  .text-blue\/85 {
    color: rgb(var(--blue) / 0.85);
  }
  .text-blue\/90 {
    color: rgb(var(--blue) / 0.9);
  }
  .text-blue\/95 {
    color: rgb(var(--blue) / 0.95);
  }
  .text-body {
    --tw-text-opacity: 1;
    color: rgb(var(--font-color) / var(--tw-text-opacity, 1));
  }
  .text-body\/0 {
    color: rgb(var(--font-color) / 0);
  }
  .text-body\/10 {
    color: rgb(var(--font-color) / 0.1);
  }
  .text-body\/100 {
    color: rgb(var(--font-color) / 1);
  }
  .text-body\/15 {
    color: rgb(var(--font-color) / 0.15);
  }
  .text-body\/20 {
    color: rgb(var(--font-color) / 0.2);
  }
  .text-body\/25 {
    color: rgb(var(--font-color) / 0.25);
  }
  .text-body\/30 {
    color: rgb(var(--font-color) / 0.3);
  }
  .text-body\/35 {
    color: rgb(var(--font-color) / 0.35);
  }
  .text-body\/40 {
    color: rgb(var(--font-color) / 0.4);
  }
  .text-body\/45 {
    color: rgb(var(--font-color) / 0.45);
  }
  .text-body\/5 {
    color: rgb(var(--font-color) / 0.05);
  }
  .text-body\/50 {
    color: rgb(var(--font-color) / 0.5);
  }
  .text-body\/55 {
    color: rgb(var(--font-color) / 0.55);
  }
  .text-body\/60 {
    color: rgb(var(--font-color) / 0.6);
  }
  .text-body\/65 {
    color: rgb(var(--font-color) / 0.65);
  }
  .text-body\/70 {
    color: rgb(var(--font-color) / 0.7);
  }
  .text-body\/75 {
    color: rgb(var(--font-color) / 0.75);
  }
  .text-body\/80 {
    color: rgb(var(--font-color) / 0.8);
  }
  .text-body\/85 {
    color: rgb(var(--font-color) / 0.85);
  }
  .text-body\/90 {
    color: rgb(var(--font-color) / 0.9);
  }
  .text-body\/95 {
    color: rgb(var(--font-color) / 0.95);
  }
  .text-button-primary-background {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-background-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-background-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-background-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-background-hover\/0 {
    color: rgb(var(--button-primary-background-hover-color) / 0);
  }
  .text-button-primary-background-hover\/10 {
    color: rgb(var(--button-primary-background-hover-color) / 0.1);
  }
  .text-button-primary-background-hover\/100 {
    color: rgb(var(--button-primary-background-hover-color) / 1);
  }
  .text-button-primary-background-hover\/15 {
    color: rgb(var(--button-primary-background-hover-color) / 0.15);
  }
  .text-button-primary-background-hover\/20 {
    color: rgb(var(--button-primary-background-hover-color) / 0.2);
  }
  .text-button-primary-background-hover\/25 {
    color: rgb(var(--button-primary-background-hover-color) / 0.25);
  }
  .text-button-primary-background-hover\/30 {
    color: rgb(var(--button-primary-background-hover-color) / 0.3);
  }
  .text-button-primary-background-hover\/35 {
    color: rgb(var(--button-primary-background-hover-color) / 0.35);
  }
  .text-button-primary-background-hover\/40 {
    color: rgb(var(--button-primary-background-hover-color) / 0.4);
  }
  .text-button-primary-background-hover\/45 {
    color: rgb(var(--button-primary-background-hover-color) / 0.45);
  }
  .text-button-primary-background-hover\/5 {
    color: rgb(var(--button-primary-background-hover-color) / 0.05);
  }
  .text-button-primary-background-hover\/50 {
    color: rgb(var(--button-primary-background-hover-color) / 0.5);
  }
  .text-button-primary-background-hover\/55 {
    color: rgb(var(--button-primary-background-hover-color) / 0.55);
  }
  .text-button-primary-background-hover\/60 {
    color: rgb(var(--button-primary-background-hover-color) / 0.6);
  }
  .text-button-primary-background-hover\/65 {
    color: rgb(var(--button-primary-background-hover-color) / 0.65);
  }
  .text-button-primary-background-hover\/70 {
    color: rgb(var(--button-primary-background-hover-color) / 0.7);
  }
  .text-button-primary-background-hover\/75 {
    color: rgb(var(--button-primary-background-hover-color) / 0.75);
  }
  .text-button-primary-background-hover\/80 {
    color: rgb(var(--button-primary-background-hover-color) / 0.8);
  }
  .text-button-primary-background-hover\/85 {
    color: rgb(var(--button-primary-background-hover-color) / 0.85);
  }
  .text-button-primary-background-hover\/90 {
    color: rgb(var(--button-primary-background-hover-color) / 0.9);
  }
  .text-button-primary-background-hover\/95 {
    color: rgb(var(--button-primary-background-hover-color) / 0.95);
  }
  .text-button-primary-background\/0 {
    color: rgb(var(--button-primary-background-default-color) / 0);
  }
  .text-button-primary-background\/10 {
    color: rgb(var(--button-primary-background-default-color) / 0.1);
  }
  .text-button-primary-background\/100 {
    color: rgb(var(--button-primary-background-default-color) / 1);
  }
  .text-button-primary-background\/15 {
    color: rgb(var(--button-primary-background-default-color) / 0.15);
  }
  .text-button-primary-background\/20 {
    color: rgb(var(--button-primary-background-default-color) / 0.2);
  }
  .text-button-primary-background\/25 {
    color: rgb(var(--button-primary-background-default-color) / 0.25);
  }
  .text-button-primary-background\/30 {
    color: rgb(var(--button-primary-background-default-color) / 0.3);
  }
  .text-button-primary-background\/35 {
    color: rgb(var(--button-primary-background-default-color) / 0.35);
  }
  .text-button-primary-background\/40 {
    color: rgb(var(--button-primary-background-default-color) / 0.4);
  }
  .text-button-primary-background\/45 {
    color: rgb(var(--button-primary-background-default-color) / 0.45);
  }
  .text-button-primary-background\/5 {
    color: rgb(var(--button-primary-background-default-color) / 0.05);
  }
  .text-button-primary-background\/50 {
    color: rgb(var(--button-primary-background-default-color) / 0.5);
  }
  .text-button-primary-background\/55 {
    color: rgb(var(--button-primary-background-default-color) / 0.55);
  }
  .text-button-primary-background\/60 {
    color: rgb(var(--button-primary-background-default-color) / 0.6);
  }
  .text-button-primary-background\/65 {
    color: rgb(var(--button-primary-background-default-color) / 0.65);
  }
  .text-button-primary-background\/70 {
    color: rgb(var(--button-primary-background-default-color) / 0.7);
  }
  .text-button-primary-background\/75 {
    color: rgb(var(--button-primary-background-default-color) / 0.75);
  }
  .text-button-primary-background\/80 {
    color: rgb(var(--button-primary-background-default-color) / 0.8);
  }
  .text-button-primary-background\/85 {
    color: rgb(var(--button-primary-background-default-color) / 0.85);
  }
  .text-button-primary-background\/90 {
    color: rgb(var(--button-primary-background-default-color) / 0.9);
  }
  .text-button-primary-background\/95 {
    color: rgb(var(--button-primary-background-default-color) / 0.95);
  }
  .text-button-primary-border {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-border-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-border-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-border-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-border-hover\/0 {
    color: rgb(var(--button-primary-border-hover-color) / 0);
  }
  .text-button-primary-border-hover\/10 {
    color: rgb(var(--button-primary-border-hover-color) / 0.1);
  }
  .text-button-primary-border-hover\/100 {
    color: rgb(var(--button-primary-border-hover-color) / 1);
  }
  .text-button-primary-border-hover\/15 {
    color: rgb(var(--button-primary-border-hover-color) / 0.15);
  }
  .text-button-primary-border-hover\/20 {
    color: rgb(var(--button-primary-border-hover-color) / 0.2);
  }
  .text-button-primary-border-hover\/25 {
    color: rgb(var(--button-primary-border-hover-color) / 0.25);
  }
  .text-button-primary-border-hover\/30 {
    color: rgb(var(--button-primary-border-hover-color) / 0.3);
  }
  .text-button-primary-border-hover\/35 {
    color: rgb(var(--button-primary-border-hover-color) / 0.35);
  }
  .text-button-primary-border-hover\/40 {
    color: rgb(var(--button-primary-border-hover-color) / 0.4);
  }
  .text-button-primary-border-hover\/45 {
    color: rgb(var(--button-primary-border-hover-color) / 0.45);
  }
  .text-button-primary-border-hover\/5 {
    color: rgb(var(--button-primary-border-hover-color) / 0.05);
  }
  .text-button-primary-border-hover\/50 {
    color: rgb(var(--button-primary-border-hover-color) / 0.5);
  }
  .text-button-primary-border-hover\/55 {
    color: rgb(var(--button-primary-border-hover-color) / 0.55);
  }
  .text-button-primary-border-hover\/60 {
    color: rgb(var(--button-primary-border-hover-color) / 0.6);
  }
  .text-button-primary-border-hover\/65 {
    color: rgb(var(--button-primary-border-hover-color) / 0.65);
  }
  .text-button-primary-border-hover\/70 {
    color: rgb(var(--button-primary-border-hover-color) / 0.7);
  }
  .text-button-primary-border-hover\/75 {
    color: rgb(var(--button-primary-border-hover-color) / 0.75);
  }
  .text-button-primary-border-hover\/80 {
    color: rgb(var(--button-primary-border-hover-color) / 0.8);
  }
  .text-button-primary-border-hover\/85 {
    color: rgb(var(--button-primary-border-hover-color) / 0.85);
  }
  .text-button-primary-border-hover\/90 {
    color: rgb(var(--button-primary-border-hover-color) / 0.9);
  }
  .text-button-primary-border-hover\/95 {
    color: rgb(var(--button-primary-border-hover-color) / 0.95);
  }
  .text-button-primary-border\/0 {
    color: rgb(var(--button-primary-border-default-color) / 0);
  }
  .text-button-primary-border\/10 {
    color: rgb(var(--button-primary-border-default-color) / 0.1);
  }
  .text-button-primary-border\/100 {
    color: rgb(var(--button-primary-border-default-color) / 1);
  }
  .text-button-primary-border\/15 {
    color: rgb(var(--button-primary-border-default-color) / 0.15);
  }
  .text-button-primary-border\/20 {
    color: rgb(var(--button-primary-border-default-color) / 0.2);
  }
  .text-button-primary-border\/25 {
    color: rgb(var(--button-primary-border-default-color) / 0.25);
  }
  .text-button-primary-border\/30 {
    color: rgb(var(--button-primary-border-default-color) / 0.3);
  }
  .text-button-primary-border\/35 {
    color: rgb(var(--button-primary-border-default-color) / 0.35);
  }
  .text-button-primary-border\/40 {
    color: rgb(var(--button-primary-border-default-color) / 0.4);
  }
  .text-button-primary-border\/45 {
    color: rgb(var(--button-primary-border-default-color) / 0.45);
  }
  .text-button-primary-border\/5 {
    color: rgb(var(--button-primary-border-default-color) / 0.05);
  }
  .text-button-primary-border\/50 {
    color: rgb(var(--button-primary-border-default-color) / 0.5);
  }
  .text-button-primary-border\/55 {
    color: rgb(var(--button-primary-border-default-color) / 0.55);
  }
  .text-button-primary-border\/60 {
    color: rgb(var(--button-primary-border-default-color) / 0.6);
  }
  .text-button-primary-border\/65 {
    color: rgb(var(--button-primary-border-default-color) / 0.65);
  }
  .text-button-primary-border\/70 {
    color: rgb(var(--button-primary-border-default-color) / 0.7);
  }
  .text-button-primary-border\/75 {
    color: rgb(var(--button-primary-border-default-color) / 0.75);
  }
  .text-button-primary-border\/80 {
    color: rgb(var(--button-primary-border-default-color) / 0.8);
  }
  .text-button-primary-border\/85 {
    color: rgb(var(--button-primary-border-default-color) / 0.85);
  }
  .text-button-primary-border\/90 {
    color: rgb(var(--button-primary-border-default-color) / 0.9);
  }
  .text-button-primary-border\/95 {
    color: rgb(var(--button-primary-border-default-color) / 0.95);
  }
  .text-button-primary-text {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-text-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-text-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-primary-text-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-primary-text-hover\/0 {
    color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .text-button-primary-text-hover\/10 {
    color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .text-button-primary-text-hover\/100 {
    color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .text-button-primary-text-hover\/15 {
    color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .text-button-primary-text-hover\/20 {
    color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .text-button-primary-text-hover\/25 {
    color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .text-button-primary-text-hover\/30 {
    color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .text-button-primary-text-hover\/35 {
    color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .text-button-primary-text-hover\/40 {
    color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .text-button-primary-text-hover\/45 {
    color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .text-button-primary-text-hover\/5 {
    color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .text-button-primary-text-hover\/50 {
    color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .text-button-primary-text-hover\/55 {
    color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .text-button-primary-text-hover\/60 {
    color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .text-button-primary-text-hover\/65 {
    color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .text-button-primary-text-hover\/70 {
    color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .text-button-primary-text-hover\/75 {
    color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .text-button-primary-text-hover\/80 {
    color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .text-button-primary-text-hover\/85 {
    color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .text-button-primary-text-hover\/90 {
    color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .text-button-primary-text-hover\/95 {
    color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .text-button-primary-text\/0 {
    color: rgb(var(--button-primary-text-default-color) / 0);
  }
  .text-button-primary-text\/10 {
    color: rgb(var(--button-primary-text-default-color) / 0.1);
  }
  .text-button-primary-text\/100 {
    color: rgb(var(--button-primary-text-default-color) / 1);
  }
  .text-button-primary-text\/15 {
    color: rgb(var(--button-primary-text-default-color) / 0.15);
  }
  .text-button-primary-text\/20 {
    color: rgb(var(--button-primary-text-default-color) / 0.2);
  }
  .text-button-primary-text\/25 {
    color: rgb(var(--button-primary-text-default-color) / 0.25);
  }
  .text-button-primary-text\/30 {
    color: rgb(var(--button-primary-text-default-color) / 0.3);
  }
  .text-button-primary-text\/35 {
    color: rgb(var(--button-primary-text-default-color) / 0.35);
  }
  .text-button-primary-text\/40 {
    color: rgb(var(--button-primary-text-default-color) / 0.4);
  }
  .text-button-primary-text\/45 {
    color: rgb(var(--button-primary-text-default-color) / 0.45);
  }
  .text-button-primary-text\/5 {
    color: rgb(var(--button-primary-text-default-color) / 0.05);
  }
  .text-button-primary-text\/50 {
    color: rgb(var(--button-primary-text-default-color) / 0.5);
  }
  .text-button-primary-text\/55 {
    color: rgb(var(--button-primary-text-default-color) / 0.55);
  }
  .text-button-primary-text\/60 {
    color: rgb(var(--button-primary-text-default-color) / 0.6);
  }
  .text-button-primary-text\/65 {
    color: rgb(var(--button-primary-text-default-color) / 0.65);
  }
  .text-button-primary-text\/70 {
    color: rgb(var(--button-primary-text-default-color) / 0.7);
  }
  .text-button-primary-text\/75 {
    color: rgb(var(--button-primary-text-default-color) / 0.75);
  }
  .text-button-primary-text\/80 {
    color: rgb(var(--button-primary-text-default-color) / 0.8);
  }
  .text-button-primary-text\/85 {
    color: rgb(var(--button-primary-text-default-color) / 0.85);
  }
  .text-button-primary-text\/90 {
    color: rgb(var(--button-primary-text-default-color) / 0.9);
  }
  .text-button-primary-text\/95 {
    color: rgb(var(--button-primary-text-default-color) / 0.95);
  }
  .text-button-secondary-background {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-background-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-background-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-background-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-background-hover\/0 {
    color: rgb(var(--button-secondary-background-hover-color) / 0);
  }
  .text-button-secondary-background-hover\/10 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.1);
  }
  .text-button-secondary-background-hover\/100 {
    color: rgb(var(--button-secondary-background-hover-color) / 1);
  }
  .text-button-secondary-background-hover\/15 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.15);
  }
  .text-button-secondary-background-hover\/20 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.2);
  }
  .text-button-secondary-background-hover\/25 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.25);
  }
  .text-button-secondary-background-hover\/30 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.3);
  }
  .text-button-secondary-background-hover\/35 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.35);
  }
  .text-button-secondary-background-hover\/40 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.4);
  }
  .text-button-secondary-background-hover\/45 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.45);
  }
  .text-button-secondary-background-hover\/5 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.05);
  }
  .text-button-secondary-background-hover\/50 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.5);
  }
  .text-button-secondary-background-hover\/55 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.55);
  }
  .text-button-secondary-background-hover\/60 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.6);
  }
  .text-button-secondary-background-hover\/65 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.65);
  }
  .text-button-secondary-background-hover\/70 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.7);
  }
  .text-button-secondary-background-hover\/75 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.75);
  }
  .text-button-secondary-background-hover\/80 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.8);
  }
  .text-button-secondary-background-hover\/85 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.85);
  }
  .text-button-secondary-background-hover\/90 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.9);
  }
  .text-button-secondary-background-hover\/95 {
    color: rgb(var(--button-secondary-background-hover-color) / 0.95);
  }
  .text-button-secondary-background\/0 {
    color: rgb(var(--button-secondary-background-default-color) / 0);
  }
  .text-button-secondary-background\/10 {
    color: rgb(var(--button-secondary-background-default-color) / 0.1);
  }
  .text-button-secondary-background\/100 {
    color: rgb(var(--button-secondary-background-default-color) / 1);
  }
  .text-button-secondary-background\/15 {
    color: rgb(var(--button-secondary-background-default-color) / 0.15);
  }
  .text-button-secondary-background\/20 {
    color: rgb(var(--button-secondary-background-default-color) / 0.2);
  }
  .text-button-secondary-background\/25 {
    color: rgb(var(--button-secondary-background-default-color) / 0.25);
  }
  .text-button-secondary-background\/30 {
    color: rgb(var(--button-secondary-background-default-color) / 0.3);
  }
  .text-button-secondary-background\/35 {
    color: rgb(var(--button-secondary-background-default-color) / 0.35);
  }
  .text-button-secondary-background\/40 {
    color: rgb(var(--button-secondary-background-default-color) / 0.4);
  }
  .text-button-secondary-background\/45 {
    color: rgb(var(--button-secondary-background-default-color) / 0.45);
  }
  .text-button-secondary-background\/5 {
    color: rgb(var(--button-secondary-background-default-color) / 0.05);
  }
  .text-button-secondary-background\/50 {
    color: rgb(var(--button-secondary-background-default-color) / 0.5);
  }
  .text-button-secondary-background\/55 {
    color: rgb(var(--button-secondary-background-default-color) / 0.55);
  }
  .text-button-secondary-background\/60 {
    color: rgb(var(--button-secondary-background-default-color) / 0.6);
  }
  .text-button-secondary-background\/65 {
    color: rgb(var(--button-secondary-background-default-color) / 0.65);
  }
  .text-button-secondary-background\/70 {
    color: rgb(var(--button-secondary-background-default-color) / 0.7);
  }
  .text-button-secondary-background\/75 {
    color: rgb(var(--button-secondary-background-default-color) / 0.75);
  }
  .text-button-secondary-background\/80 {
    color: rgb(var(--button-secondary-background-default-color) / 0.8);
  }
  .text-button-secondary-background\/85 {
    color: rgb(var(--button-secondary-background-default-color) / 0.85);
  }
  .text-button-secondary-background\/90 {
    color: rgb(var(--button-secondary-background-default-color) / 0.9);
  }
  .text-button-secondary-background\/95 {
    color: rgb(var(--button-secondary-background-default-color) / 0.95);
  }
  .text-button-secondary-border {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-border-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-border-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-border-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-border-hover\/0 {
    color: rgb(var(--button-secondary-border-hover-color) / 0);
  }
  .text-button-secondary-border-hover\/10 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.1);
  }
  .text-button-secondary-border-hover\/100 {
    color: rgb(var(--button-secondary-border-hover-color) / 1);
  }
  .text-button-secondary-border-hover\/15 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.15);
  }
  .text-button-secondary-border-hover\/20 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.2);
  }
  .text-button-secondary-border-hover\/25 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.25);
  }
  .text-button-secondary-border-hover\/30 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.3);
  }
  .text-button-secondary-border-hover\/35 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.35);
  }
  .text-button-secondary-border-hover\/40 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.4);
  }
  .text-button-secondary-border-hover\/45 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.45);
  }
  .text-button-secondary-border-hover\/5 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.05);
  }
  .text-button-secondary-border-hover\/50 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.5);
  }
  .text-button-secondary-border-hover\/55 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.55);
  }
  .text-button-secondary-border-hover\/60 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.6);
  }
  .text-button-secondary-border-hover\/65 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.65);
  }
  .text-button-secondary-border-hover\/70 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.7);
  }
  .text-button-secondary-border-hover\/75 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.75);
  }
  .text-button-secondary-border-hover\/80 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.8);
  }
  .text-button-secondary-border-hover\/85 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.85);
  }
  .text-button-secondary-border-hover\/90 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.9);
  }
  .text-button-secondary-border-hover\/95 {
    color: rgb(var(--button-secondary-border-hover-color) / 0.95);
  }
  .text-button-secondary-border\/0 {
    color: rgb(var(--button-secondary-border-default-color) / 0);
  }
  .text-button-secondary-border\/10 {
    color: rgb(var(--button-secondary-border-default-color) / 0.1);
  }
  .text-button-secondary-border\/100 {
    color: rgb(var(--button-secondary-border-default-color) / 1);
  }
  .text-button-secondary-border\/15 {
    color: rgb(var(--button-secondary-border-default-color) / 0.15);
  }
  .text-button-secondary-border\/20 {
    color: rgb(var(--button-secondary-border-default-color) / 0.2);
  }
  .text-button-secondary-border\/25 {
    color: rgb(var(--button-secondary-border-default-color) / 0.25);
  }
  .text-button-secondary-border\/30 {
    color: rgb(var(--button-secondary-border-default-color) / 0.3);
  }
  .text-button-secondary-border\/35 {
    color: rgb(var(--button-secondary-border-default-color) / 0.35);
  }
  .text-button-secondary-border\/40 {
    color: rgb(var(--button-secondary-border-default-color) / 0.4);
  }
  .text-button-secondary-border\/45 {
    color: rgb(var(--button-secondary-border-default-color) / 0.45);
  }
  .text-button-secondary-border\/5 {
    color: rgb(var(--button-secondary-border-default-color) / 0.05);
  }
  .text-button-secondary-border\/50 {
    color: rgb(var(--button-secondary-border-default-color) / 0.5);
  }
  .text-button-secondary-border\/55 {
    color: rgb(var(--button-secondary-border-default-color) / 0.55);
  }
  .text-button-secondary-border\/60 {
    color: rgb(var(--button-secondary-border-default-color) / 0.6);
  }
  .text-button-secondary-border\/65 {
    color: rgb(var(--button-secondary-border-default-color) / 0.65);
  }
  .text-button-secondary-border\/70 {
    color: rgb(var(--button-secondary-border-default-color) / 0.7);
  }
  .text-button-secondary-border\/75 {
    color: rgb(var(--button-secondary-border-default-color) / 0.75);
  }
  .text-button-secondary-border\/80 {
    color: rgb(var(--button-secondary-border-default-color) / 0.8);
  }
  .text-button-secondary-border\/85 {
    color: rgb(var(--button-secondary-border-default-color) / 0.85);
  }
  .text-button-secondary-border\/90 {
    color: rgb(var(--button-secondary-border-default-color) / 0.9);
  }
  .text-button-secondary-border\/95 {
    color: rgb(var(--button-secondary-border-default-color) / 0.95);
  }
  .text-button-secondary-text {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-text-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-text-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-secondary-text-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-secondary-text-hover\/0 {
    color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .text-button-secondary-text-hover\/10 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .text-button-secondary-text-hover\/100 {
    color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .text-button-secondary-text-hover\/15 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .text-button-secondary-text-hover\/20 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .text-button-secondary-text-hover\/25 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .text-button-secondary-text-hover\/30 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .text-button-secondary-text-hover\/35 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .text-button-secondary-text-hover\/40 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .text-button-secondary-text-hover\/45 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .text-button-secondary-text-hover\/5 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .text-button-secondary-text-hover\/50 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .text-button-secondary-text-hover\/55 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .text-button-secondary-text-hover\/60 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .text-button-secondary-text-hover\/65 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .text-button-secondary-text-hover\/70 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .text-button-secondary-text-hover\/75 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .text-button-secondary-text-hover\/80 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .text-button-secondary-text-hover\/85 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .text-button-secondary-text-hover\/90 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .text-button-secondary-text-hover\/95 {
    color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .text-button-secondary-text\/0 {
    color: rgb(var(--button-secondary-text-default-color) / 0);
  }
  .text-button-secondary-text\/10 {
    color: rgb(var(--button-secondary-text-default-color) / 0.1);
  }
  .text-button-secondary-text\/100 {
    color: rgb(var(--button-secondary-text-default-color) / 1);
  }
  .text-button-secondary-text\/15 {
    color: rgb(var(--button-secondary-text-default-color) / 0.15);
  }
  .text-button-secondary-text\/20 {
    color: rgb(var(--button-secondary-text-default-color) / 0.2);
  }
  .text-button-secondary-text\/25 {
    color: rgb(var(--button-secondary-text-default-color) / 0.25);
  }
  .text-button-secondary-text\/30 {
    color: rgb(var(--button-secondary-text-default-color) / 0.3);
  }
  .text-button-secondary-text\/35 {
    color: rgb(var(--button-secondary-text-default-color) / 0.35);
  }
  .text-button-secondary-text\/40 {
    color: rgb(var(--button-secondary-text-default-color) / 0.4);
  }
  .text-button-secondary-text\/45 {
    color: rgb(var(--button-secondary-text-default-color) / 0.45);
  }
  .text-button-secondary-text\/5 {
    color: rgb(var(--button-secondary-text-default-color) / 0.05);
  }
  .text-button-secondary-text\/50 {
    color: rgb(var(--button-secondary-text-default-color) / 0.5);
  }
  .text-button-secondary-text\/55 {
    color: rgb(var(--button-secondary-text-default-color) / 0.55);
  }
  .text-button-secondary-text\/60 {
    color: rgb(var(--button-secondary-text-default-color) / 0.6);
  }
  .text-button-secondary-text\/65 {
    color: rgb(var(--button-secondary-text-default-color) / 0.65);
  }
  .text-button-secondary-text\/70 {
    color: rgb(var(--button-secondary-text-default-color) / 0.7);
  }
  .text-button-secondary-text\/75 {
    color: rgb(var(--button-secondary-text-default-color) / 0.75);
  }
  .text-button-secondary-text\/80 {
    color: rgb(var(--button-secondary-text-default-color) / 0.8);
  }
  .text-button-secondary-text\/85 {
    color: rgb(var(--button-secondary-text-default-color) / 0.85);
  }
  .text-button-secondary-text\/90 {
    color: rgb(var(--button-secondary-text-default-color) / 0.9);
  }
  .text-button-secondary-text\/95 {
    color: rgb(var(--button-secondary-text-default-color) / 0.95);
  }
  .text-button-tertiary-background {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-background-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-background-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-background-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-background-hover\/0 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0);
  }
  .text-button-tertiary-background-hover\/10 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.1);
  }
  .text-button-tertiary-background-hover\/100 {
    color: rgb(var(--button-tertiary-background-hover-color) / 1);
  }
  .text-button-tertiary-background-hover\/15 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.15);
  }
  .text-button-tertiary-background-hover\/20 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.2);
  }
  .text-button-tertiary-background-hover\/25 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.25);
  }
  .text-button-tertiary-background-hover\/30 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.3);
  }
  .text-button-tertiary-background-hover\/35 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.35);
  }
  .text-button-tertiary-background-hover\/40 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.4);
  }
  .text-button-tertiary-background-hover\/45 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.45);
  }
  .text-button-tertiary-background-hover\/5 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.05);
  }
  .text-button-tertiary-background-hover\/50 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.5);
  }
  .text-button-tertiary-background-hover\/55 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.55);
  }
  .text-button-tertiary-background-hover\/60 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.6);
  }
  .text-button-tertiary-background-hover\/65 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.65);
  }
  .text-button-tertiary-background-hover\/70 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.7);
  }
  .text-button-tertiary-background-hover\/75 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.75);
  }
  .text-button-tertiary-background-hover\/80 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.8);
  }
  .text-button-tertiary-background-hover\/85 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.85);
  }
  .text-button-tertiary-background-hover\/90 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.9);
  }
  .text-button-tertiary-background-hover\/95 {
    color: rgb(var(--button-tertiary-background-hover-color) / 0.95);
  }
  .text-button-tertiary-background\/0 {
    color: rgb(var(--button-tertiary-background-default-color) / 0);
  }
  .text-button-tertiary-background\/10 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.1);
  }
  .text-button-tertiary-background\/100 {
    color: rgb(var(--button-tertiary-background-default-color) / 1);
  }
  .text-button-tertiary-background\/15 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.15);
  }
  .text-button-tertiary-background\/20 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.2);
  }
  .text-button-tertiary-background\/25 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.25);
  }
  .text-button-tertiary-background\/30 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.3);
  }
  .text-button-tertiary-background\/35 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.35);
  }
  .text-button-tertiary-background\/40 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.4);
  }
  .text-button-tertiary-background\/45 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.45);
  }
  .text-button-tertiary-background\/5 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.05);
  }
  .text-button-tertiary-background\/50 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.5);
  }
  .text-button-tertiary-background\/55 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.55);
  }
  .text-button-tertiary-background\/60 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.6);
  }
  .text-button-tertiary-background\/65 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.65);
  }
  .text-button-tertiary-background\/70 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.7);
  }
  .text-button-tertiary-background\/75 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.75);
  }
  .text-button-tertiary-background\/80 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.8);
  }
  .text-button-tertiary-background\/85 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.85);
  }
  .text-button-tertiary-background\/90 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.9);
  }
  .text-button-tertiary-background\/95 {
    color: rgb(var(--button-tertiary-background-default-color) / 0.95);
  }
  .text-button-tertiary-border {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-border-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-border-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-border-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-border-hover\/0 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0);
  }
  .text-button-tertiary-border-hover\/10 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.1);
  }
  .text-button-tertiary-border-hover\/100 {
    color: rgb(var(--button-tertiary-border-hover-color) / 1);
  }
  .text-button-tertiary-border-hover\/15 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.15);
  }
  .text-button-tertiary-border-hover\/20 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.2);
  }
  .text-button-tertiary-border-hover\/25 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.25);
  }
  .text-button-tertiary-border-hover\/30 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.3);
  }
  .text-button-tertiary-border-hover\/35 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.35);
  }
  .text-button-tertiary-border-hover\/40 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.4);
  }
  .text-button-tertiary-border-hover\/45 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.45);
  }
  .text-button-tertiary-border-hover\/5 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.05);
  }
  .text-button-tertiary-border-hover\/50 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.5);
  }
  .text-button-tertiary-border-hover\/55 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.55);
  }
  .text-button-tertiary-border-hover\/60 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.6);
  }
  .text-button-tertiary-border-hover\/65 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.65);
  }
  .text-button-tertiary-border-hover\/70 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.7);
  }
  .text-button-tertiary-border-hover\/75 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.75);
  }
  .text-button-tertiary-border-hover\/80 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.8);
  }
  .text-button-tertiary-border-hover\/85 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.85);
  }
  .text-button-tertiary-border-hover\/90 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.9);
  }
  .text-button-tertiary-border-hover\/95 {
    color: rgb(var(--button-tertiary-border-hover-color) / 0.95);
  }
  .text-button-tertiary-border\/0 {
    color: rgb(var(--button-tertiary-border-default-color) / 0);
  }
  .text-button-tertiary-border\/10 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.1);
  }
  .text-button-tertiary-border\/100 {
    color: rgb(var(--button-tertiary-border-default-color) / 1);
  }
  .text-button-tertiary-border\/15 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.15);
  }
  .text-button-tertiary-border\/20 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.2);
  }
  .text-button-tertiary-border\/25 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.25);
  }
  .text-button-tertiary-border\/30 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.3);
  }
  .text-button-tertiary-border\/35 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.35);
  }
  .text-button-tertiary-border\/40 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.4);
  }
  .text-button-tertiary-border\/45 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.45);
  }
  .text-button-tertiary-border\/5 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.05);
  }
  .text-button-tertiary-border\/50 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.5);
  }
  .text-button-tertiary-border\/55 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.55);
  }
  .text-button-tertiary-border\/60 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.6);
  }
  .text-button-tertiary-border\/65 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.65);
  }
  .text-button-tertiary-border\/70 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.7);
  }
  .text-button-tertiary-border\/75 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.75);
  }
  .text-button-tertiary-border\/80 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.8);
  }
  .text-button-tertiary-border\/85 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.85);
  }
  .text-button-tertiary-border\/90 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.9);
  }
  .text-button-tertiary-border\/95 {
    color: rgb(var(--button-tertiary-border-default-color) / 0.95);
  }
  .text-button-tertiary-text {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-text-default-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-text-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-text-opacity, 1));
  }
  .text-button-tertiary-text-hover\/0 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .text-button-tertiary-text-hover\/10 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .text-button-tertiary-text-hover\/100 {
    color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .text-button-tertiary-text-hover\/15 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .text-button-tertiary-text-hover\/20 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .text-button-tertiary-text-hover\/25 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .text-button-tertiary-text-hover\/30 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .text-button-tertiary-text-hover\/35 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .text-button-tertiary-text-hover\/40 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .text-button-tertiary-text-hover\/45 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .text-button-tertiary-text-hover\/5 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .text-button-tertiary-text-hover\/50 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .text-button-tertiary-text-hover\/55 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .text-button-tertiary-text-hover\/60 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .text-button-tertiary-text-hover\/65 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .text-button-tertiary-text-hover\/70 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .text-button-tertiary-text-hover\/75 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .text-button-tertiary-text-hover\/80 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .text-button-tertiary-text-hover\/85 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .text-button-tertiary-text-hover\/90 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .text-button-tertiary-text-hover\/95 {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .text-button-tertiary-text\/0 {
    color: rgb(var(--button-tertiary-text-default-color) / 0);
  }
  .text-button-tertiary-text\/10 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.1);
  }
  .text-button-tertiary-text\/100 {
    color: rgb(var(--button-tertiary-text-default-color) / 1);
  }
  .text-button-tertiary-text\/15 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.15);
  }
  .text-button-tertiary-text\/20 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.2);
  }
  .text-button-tertiary-text\/25 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.25);
  }
  .text-button-tertiary-text\/30 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.3);
  }
  .text-button-tertiary-text\/35 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.35);
  }
  .text-button-tertiary-text\/40 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.4);
  }
  .text-button-tertiary-text\/45 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.45);
  }
  .text-button-tertiary-text\/5 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.05);
  }
  .text-button-tertiary-text\/50 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.5);
  }
  .text-button-tertiary-text\/55 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.55);
  }
  .text-button-tertiary-text\/60 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.6);
  }
  .text-button-tertiary-text\/65 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.65);
  }
  .text-button-tertiary-text\/70 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.7);
  }
  .text-button-tertiary-text\/75 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.75);
  }
  .text-button-tertiary-text\/80 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.8);
  }
  .text-button-tertiary-text\/85 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.85);
  }
  .text-button-tertiary-text\/90 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.9);
  }
  .text-button-tertiary-text\/95 {
    color: rgb(var(--button-tertiary-text-default-color) / 0.95);
  }
  .text-chip-text {
    --tw-text-opacity: 1;
    color: rgb(var(--chip-text-color) / var(--tw-text-opacity, 1));
  }
  .text-chip-text\/0 {
    color: rgb(var(--chip-text-color) / 0);
  }
  .text-chip-text\/10 {
    color: rgb(var(--chip-text-color) / 0.1);
  }
  .text-chip-text\/100 {
    color: rgb(var(--chip-text-color) / 1);
  }
  .text-chip-text\/15 {
    color: rgb(var(--chip-text-color) / 0.15);
  }
  .text-chip-text\/20 {
    color: rgb(var(--chip-text-color) / 0.2);
  }
  .text-chip-text\/25 {
    color: rgb(var(--chip-text-color) / 0.25);
  }
  .text-chip-text\/30 {
    color: rgb(var(--chip-text-color) / 0.3);
  }
  .text-chip-text\/35 {
    color: rgb(var(--chip-text-color) / 0.35);
  }
  .text-chip-text\/40 {
    color: rgb(var(--chip-text-color) / 0.4);
  }
  .text-chip-text\/45 {
    color: rgb(var(--chip-text-color) / 0.45);
  }
  .text-chip-text\/5 {
    color: rgb(var(--chip-text-color) / 0.05);
  }
  .text-chip-text\/50 {
    color: rgb(var(--chip-text-color) / 0.5);
  }
  .text-chip-text\/55 {
    color: rgb(var(--chip-text-color) / 0.55);
  }
  .text-chip-text\/60 {
    color: rgb(var(--chip-text-color) / 0.6);
  }
  .text-chip-text\/65 {
    color: rgb(var(--chip-text-color) / 0.65);
  }
  .text-chip-text\/70 {
    color: rgb(var(--chip-text-color) / 0.7);
  }
  .text-chip-text\/75 {
    color: rgb(var(--chip-text-color) / 0.75);
  }
  .text-chip-text\/80 {
    color: rgb(var(--chip-text-color) / 0.8);
  }
  .text-chip-text\/85 {
    color: rgb(var(--chip-text-color) / 0.85);
  }
  .text-chip-text\/90 {
    color: rgb(var(--chip-text-color) / 0.9);
  }
  .text-chip-text\/95 {
    color: rgb(var(--chip-text-color) / 0.95);
  }
  .text-focus {
    --tw-text-opacity: 1;
    color: rgb(var(--focus) / var(--tw-text-opacity, 1));
  }
  .text-focus\/0 {
    color: rgb(var(--focus) / 0);
  }
  .text-focus\/10 {
    color: rgb(var(--focus) / 0.1);
  }
  .text-focus\/100 {
    color: rgb(var(--focus) / 1);
  }
  .text-focus\/15 {
    color: rgb(var(--focus) / 0.15);
  }
  .text-focus\/20 {
    color: rgb(var(--focus) / 0.2);
  }
  .text-focus\/25 {
    color: rgb(var(--focus) / 0.25);
  }
  .text-focus\/30 {
    color: rgb(var(--focus) / 0.3);
  }
  .text-focus\/35 {
    color: rgb(var(--focus) / 0.35);
  }
  .text-focus\/40 {
    color: rgb(var(--focus) / 0.4);
  }
  .text-focus\/45 {
    color: rgb(var(--focus) / 0.45);
  }
  .text-focus\/5 {
    color: rgb(var(--focus) / 0.05);
  }
  .text-focus\/50 {
    color: rgb(var(--focus) / 0.5);
  }
  .text-focus\/55 {
    color: rgb(var(--focus) / 0.55);
  }
  .text-focus\/60 {
    color: rgb(var(--focus) / 0.6);
  }
  .text-focus\/65 {
    color: rgb(var(--focus) / 0.65);
  }
  .text-focus\/70 {
    color: rgb(var(--focus) / 0.7);
  }
  .text-focus\/75 {
    color: rgb(var(--focus) / 0.75);
  }
  .text-focus\/80 {
    color: rgb(var(--focus) / 0.8);
  }
  .text-focus\/85 {
    color: rgb(var(--focus) / 0.85);
  }
  .text-focus\/90 {
    color: rgb(var(--focus) / 0.9);
  }
  .text-focus\/95 {
    color: rgb(var(--focus) / 0.95);
  }
  .text-gray-dark {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  .text-gray-dark\/0 {
    color: rgb(var(--gray-dark) / 0);
  }
  .text-gray-dark\/10 {
    color: rgb(var(--gray-dark) / 0.1);
  }
  .text-gray-dark\/100 {
    color: rgb(var(--gray-dark) / 1);
  }
  .text-gray-dark\/15 {
    color: rgb(var(--gray-dark) / 0.15);
  }
  .text-gray-dark\/20 {
    color: rgb(var(--gray-dark) / 0.2);
  }
  .text-gray-dark\/25 {
    color: rgb(var(--gray-dark) / 0.25);
  }
  .text-gray-dark\/30 {
    color: rgb(var(--gray-dark) / 0.3);
  }
  .text-gray-dark\/35 {
    color: rgb(var(--gray-dark) / 0.35);
  }
  .text-gray-dark\/40 {
    color: rgb(var(--gray-dark) / 0.4);
  }
  .text-gray-dark\/45 {
    color: rgb(var(--gray-dark) / 0.45);
  }
  .text-gray-dark\/5 {
    color: rgb(var(--gray-dark) / 0.05);
  }
  .text-gray-dark\/50 {
    color: rgb(var(--gray-dark) / 0.5);
  }
  .text-gray-dark\/55 {
    color: rgb(var(--gray-dark) / 0.55);
  }
  .text-gray-dark\/60 {
    color: rgb(var(--gray-dark) / 0.6);
  }
  .text-gray-dark\/65 {
    color: rgb(var(--gray-dark) / 0.65);
  }
  .text-gray-dark\/70 {
    color: rgb(var(--gray-dark) / 0.7);
  }
  .text-gray-dark\/75 {
    color: rgb(var(--gray-dark) / 0.75);
  }
  .text-gray-dark\/80 {
    color: rgb(var(--gray-dark) / 0.8);
  }
  .text-gray-dark\/85 {
    color: rgb(var(--gray-dark) / 0.85);
  }
  .text-gray-dark\/90 {
    color: rgb(var(--gray-dark) / 0.9);
  }
  .text-gray-dark\/95 {
    color: rgb(var(--gray-dark) / 0.95);
  }
  .text-gray-intermediate {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-intermediate) / var(--tw-text-opacity, 1));
  }
  .text-gray-intermediate\/0 {
    color: rgb(var(--gray-intermediate) / 0);
  }
  .text-gray-intermediate\/10 {
    color: rgb(var(--gray-intermediate) / 0.1);
  }
  .text-gray-intermediate\/100 {
    color: rgb(var(--gray-intermediate) / 1);
  }
  .text-gray-intermediate\/15 {
    color: rgb(var(--gray-intermediate) / 0.15);
  }
  .text-gray-intermediate\/20 {
    color: rgb(var(--gray-intermediate) / 0.2);
  }
  .text-gray-intermediate\/25 {
    color: rgb(var(--gray-intermediate) / 0.25);
  }
  .text-gray-intermediate\/30 {
    color: rgb(var(--gray-intermediate) / 0.3);
  }
  .text-gray-intermediate\/35 {
    color: rgb(var(--gray-intermediate) / 0.35);
  }
  .text-gray-intermediate\/40 {
    color: rgb(var(--gray-intermediate) / 0.4);
  }
  .text-gray-intermediate\/45 {
    color: rgb(var(--gray-intermediate) / 0.45);
  }
  .text-gray-intermediate\/5 {
    color: rgb(var(--gray-intermediate) / 0.05);
  }
  .text-gray-intermediate\/50 {
    color: rgb(var(--gray-intermediate) / 0.5);
  }
  .text-gray-intermediate\/55 {
    color: rgb(var(--gray-intermediate) / 0.55);
  }
  .text-gray-intermediate\/60 {
    color: rgb(var(--gray-intermediate) / 0.6);
  }
  .text-gray-intermediate\/65 {
    color: rgb(var(--gray-intermediate) / 0.65);
  }
  .text-gray-intermediate\/70 {
    color: rgb(var(--gray-intermediate) / 0.7);
  }
  .text-gray-intermediate\/75 {
    color: rgb(var(--gray-intermediate) / 0.75);
  }
  .text-gray-intermediate\/80 {
    color: rgb(var(--gray-intermediate) / 0.8);
  }
  .text-gray-intermediate\/85 {
    color: rgb(var(--gray-intermediate) / 0.85);
  }
  .text-gray-intermediate\/90 {
    color: rgb(var(--gray-intermediate) / 0.9);
  }
  .text-gray-intermediate\/95 {
    color: rgb(var(--gray-intermediate) / 0.95);
  }
  .text-gray-light {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
  }
  .text-gray-light\/0 {
    color: rgb(var(--gray-light) / 0);
  }
  .text-gray-light\/10 {
    color: rgb(var(--gray-light) / 0.1);
  }
  .text-gray-light\/100 {
    color: rgb(var(--gray-light) / 1);
  }
  .text-gray-light\/15 {
    color: rgb(var(--gray-light) / 0.15);
  }
  .text-gray-light\/20 {
    color: rgb(var(--gray-light) / 0.2);
  }
  .text-gray-light\/25 {
    color: rgb(var(--gray-light) / 0.25);
  }
  .text-gray-light\/30 {
    color: rgb(var(--gray-light) / 0.3);
  }
  .text-gray-light\/35 {
    color: rgb(var(--gray-light) / 0.35);
  }
  .text-gray-light\/40 {
    color: rgb(var(--gray-light) / 0.4);
  }
  .text-gray-light\/45 {
    color: rgb(var(--gray-light) / 0.45);
  }
  .text-gray-light\/5 {
    color: rgb(var(--gray-light) / 0.05);
  }
  .text-gray-light\/50 {
    color: rgb(var(--gray-light) / 0.5);
  }
  .text-gray-light\/55 {
    color: rgb(var(--gray-light) / 0.55);
  }
  .text-gray-light\/60 {
    color: rgb(var(--gray-light) / 0.6);
  }
  .text-gray-light\/65 {
    color: rgb(var(--gray-light) / 0.65);
  }
  .text-gray-light\/70 {
    color: rgb(var(--gray-light) / 0.7);
  }
  .text-gray-light\/75 {
    color: rgb(var(--gray-light) / 0.75);
  }
  .text-gray-light\/80 {
    color: rgb(var(--gray-light) / 0.8);
  }
  .text-gray-light\/85 {
    color: rgb(var(--gray-light) / 0.85);
  }
  .text-gray-light\/90 {
    color: rgb(var(--gray-light) / 0.9);
  }
  .text-gray-light\/95 {
    color: rgb(var(--gray-light) / 0.95);
  }
  .text-gray-lighter {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-lighter) / var(--tw-text-opacity, 1));
  }
  .text-gray-lighter\/0 {
    color: rgb(var(--gray-lighter) / 0);
  }
  .text-gray-lighter\/10 {
    color: rgb(var(--gray-lighter) / 0.1);
  }
  .text-gray-lighter\/100 {
    color: rgb(var(--gray-lighter) / 1);
  }
  .text-gray-lighter\/15 {
    color: rgb(var(--gray-lighter) / 0.15);
  }
  .text-gray-lighter\/20 {
    color: rgb(var(--gray-lighter) / 0.2);
  }
  .text-gray-lighter\/25 {
    color: rgb(var(--gray-lighter) / 0.25);
  }
  .text-gray-lighter\/30 {
    color: rgb(var(--gray-lighter) / 0.3);
  }
  .text-gray-lighter\/35 {
    color: rgb(var(--gray-lighter) / 0.35);
  }
  .text-gray-lighter\/40 {
    color: rgb(var(--gray-lighter) / 0.4);
  }
  .text-gray-lighter\/45 {
    color: rgb(var(--gray-lighter) / 0.45);
  }
  .text-gray-lighter\/5 {
    color: rgb(var(--gray-lighter) / 0.05);
  }
  .text-gray-lighter\/50 {
    color: rgb(var(--gray-lighter) / 0.5);
  }
  .text-gray-lighter\/55 {
    color: rgb(var(--gray-lighter) / 0.55);
  }
  .text-gray-lighter\/60 {
    color: rgb(var(--gray-lighter) / 0.6);
  }
  .text-gray-lighter\/65 {
    color: rgb(var(--gray-lighter) / 0.65);
  }
  .text-gray-lighter\/70 {
    color: rgb(var(--gray-lighter) / 0.7);
  }
  .text-gray-lighter\/75 {
    color: rgb(var(--gray-lighter) / 0.75);
  }
  .text-gray-lighter\/80 {
    color: rgb(var(--gray-lighter) / 0.8);
  }
  .text-gray-lighter\/85 {
    color: rgb(var(--gray-lighter) / 0.85);
  }
  .text-gray-lighter\/90 {
    color: rgb(var(--gray-lighter) / 0.9);
  }
  .text-gray-lighter\/95 {
    color: rgb(var(--gray-lighter) / 0.95);
  }
  .text-gray-lightest {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-lightest) / var(--tw-text-opacity, 1));
  }
  .text-gray-lightest\/0 {
    color: rgb(var(--gray-lightest) / 0);
  }
  .text-gray-lightest\/10 {
    color: rgb(var(--gray-lightest) / 0.1);
  }
  .text-gray-lightest\/100 {
    color: rgb(var(--gray-lightest) / 1);
  }
  .text-gray-lightest\/15 {
    color: rgb(var(--gray-lightest) / 0.15);
  }
  .text-gray-lightest\/20 {
    color: rgb(var(--gray-lightest) / 0.2);
  }
  .text-gray-lightest\/25 {
    color: rgb(var(--gray-lightest) / 0.25);
  }
  .text-gray-lightest\/30 {
    color: rgb(var(--gray-lightest) / 0.3);
  }
  .text-gray-lightest\/35 {
    color: rgb(var(--gray-lightest) / 0.35);
  }
  .text-gray-lightest\/40 {
    color: rgb(var(--gray-lightest) / 0.4);
  }
  .text-gray-lightest\/45 {
    color: rgb(var(--gray-lightest) / 0.45);
  }
  .text-gray-lightest\/5 {
    color: rgb(var(--gray-lightest) / 0.05);
  }
  .text-gray-lightest\/50 {
    color: rgb(var(--gray-lightest) / 0.5);
  }
  .text-gray-lightest\/55 {
    color: rgb(var(--gray-lightest) / 0.55);
  }
  .text-gray-lightest\/60 {
    color: rgb(var(--gray-lightest) / 0.6);
  }
  .text-gray-lightest\/65 {
    color: rgb(var(--gray-lightest) / 0.65);
  }
  .text-gray-lightest\/70 {
    color: rgb(var(--gray-lightest) / 0.7);
  }
  .text-gray-lightest\/75 {
    color: rgb(var(--gray-lightest) / 0.75);
  }
  .text-gray-lightest\/80 {
    color: rgb(var(--gray-lightest) / 0.8);
  }
  .text-gray-lightest\/85 {
    color: rgb(var(--gray-lightest) / 0.85);
  }
  .text-gray-lightest\/90 {
    color: rgb(var(--gray-lightest) / 0.9);
  }
  .text-gray-lightest\/95 {
    color: rgb(var(--gray-lightest) / 0.95);
  }
  .text-gray-night {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-night) / var(--tw-text-opacity, 1));
  }
  .text-gray-night\/0 {
    color: rgb(var(--gray-night) / 0);
  }
  .text-gray-night\/10 {
    color: rgb(var(--gray-night) / 0.1);
  }
  .text-gray-night\/100 {
    color: rgb(var(--gray-night) / 1);
  }
  .text-gray-night\/15 {
    color: rgb(var(--gray-night) / 0.15);
  }
  .text-gray-night\/20 {
    color: rgb(var(--gray-night) / 0.2);
  }
  .text-gray-night\/25 {
    color: rgb(var(--gray-night) / 0.25);
  }
  .text-gray-night\/30 {
    color: rgb(var(--gray-night) / 0.3);
  }
  .text-gray-night\/35 {
    color: rgb(var(--gray-night) / 0.35);
  }
  .text-gray-night\/40 {
    color: rgb(var(--gray-night) / 0.4);
  }
  .text-gray-night\/45 {
    color: rgb(var(--gray-night) / 0.45);
  }
  .text-gray-night\/5 {
    color: rgb(var(--gray-night) / 0.05);
  }
  .text-gray-night\/50 {
    color: rgb(var(--gray-night) / 0.5);
  }
  .text-gray-night\/55 {
    color: rgb(var(--gray-night) / 0.55);
  }
  .text-gray-night\/60 {
    color: rgb(var(--gray-night) / 0.6);
  }
  .text-gray-night\/65 {
    color: rgb(var(--gray-night) / 0.65);
  }
  .text-gray-night\/70 {
    color: rgb(var(--gray-night) / 0.7);
  }
  .text-gray-night\/75 {
    color: rgb(var(--gray-night) / 0.75);
  }
  .text-gray-night\/80 {
    color: rgb(var(--gray-night) / 0.8);
  }
  .text-gray-night\/85 {
    color: rgb(var(--gray-night) / 0.85);
  }
  .text-gray-night\/90 {
    color: rgb(var(--gray-night) / 0.9);
  }
  .text-gray-night\/95 {
    color: rgb(var(--gray-night) / 0.95);
  }
  .text-gray-steel {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-steel) / var(--tw-text-opacity, 1));
  }
  .text-gray-steel\/0 {
    color: rgb(var(--gray-steel) / 0);
  }
  .text-gray-steel\/10 {
    color: rgb(var(--gray-steel) / 0.1);
  }
  .text-gray-steel\/100 {
    color: rgb(var(--gray-steel) / 1);
  }
  .text-gray-steel\/15 {
    color: rgb(var(--gray-steel) / 0.15);
  }
  .text-gray-steel\/20 {
    color: rgb(var(--gray-steel) / 0.2);
  }
  .text-gray-steel\/25 {
    color: rgb(var(--gray-steel) / 0.25);
  }
  .text-gray-steel\/30 {
    color: rgb(var(--gray-steel) / 0.3);
  }
  .text-gray-steel\/35 {
    color: rgb(var(--gray-steel) / 0.35);
  }
  .text-gray-steel\/40 {
    color: rgb(var(--gray-steel) / 0.4);
  }
  .text-gray-steel\/45 {
    color: rgb(var(--gray-steel) / 0.45);
  }
  .text-gray-steel\/5 {
    color: rgb(var(--gray-steel) / 0.05);
  }
  .text-gray-steel\/50 {
    color: rgb(var(--gray-steel) / 0.5);
  }
  .text-gray-steel\/55 {
    color: rgb(var(--gray-steel) / 0.55);
  }
  .text-gray-steel\/60 {
    color: rgb(var(--gray-steel) / 0.6);
  }
  .text-gray-steel\/65 {
    color: rgb(var(--gray-steel) / 0.65);
  }
  .text-gray-steel\/70 {
    color: rgb(var(--gray-steel) / 0.7);
  }
  .text-gray-steel\/75 {
    color: rgb(var(--gray-steel) / 0.75);
  }
  .text-gray-steel\/80 {
    color: rgb(var(--gray-steel) / 0.8);
  }
  .text-gray-steel\/85 {
    color: rgb(var(--gray-steel) / 0.85);
  }
  .text-gray-steel\/90 {
    color: rgb(var(--gray-steel) / 0.9);
  }
  .text-gray-steel\/95 {
    color: rgb(var(--gray-steel) / 0.95);
  }
  .text-green {
    --tw-text-opacity: 1;
    color: rgb(var(--green) / var(--tw-text-opacity, 1));
  }
  .text-green\/0 {
    color: rgb(var(--green) / 0);
  }
  .text-green\/10 {
    color: rgb(var(--green) / 0.1);
  }
  .text-green\/100 {
    color: rgb(var(--green) / 1);
  }
  .text-green\/15 {
    color: rgb(var(--green) / 0.15);
  }
  .text-green\/20 {
    color: rgb(var(--green) / 0.2);
  }
  .text-green\/25 {
    color: rgb(var(--green) / 0.25);
  }
  .text-green\/30 {
    color: rgb(var(--green) / 0.3);
  }
  .text-green\/35 {
    color: rgb(var(--green) / 0.35);
  }
  .text-green\/40 {
    color: rgb(var(--green) / 0.4);
  }
  .text-green\/45 {
    color: rgb(var(--green) / 0.45);
  }
  .text-green\/5 {
    color: rgb(var(--green) / 0.05);
  }
  .text-green\/50 {
    color: rgb(var(--green) / 0.5);
  }
  .text-green\/55 {
    color: rgb(var(--green) / 0.55);
  }
  .text-green\/60 {
    color: rgb(var(--green) / 0.6);
  }
  .text-green\/65 {
    color: rgb(var(--green) / 0.65);
  }
  .text-green\/70 {
    color: rgb(var(--green) / 0.7);
  }
  .text-green\/75 {
    color: rgb(var(--green) / 0.75);
  }
  .text-green\/80 {
    color: rgb(var(--green) / 0.8);
  }
  .text-green\/85 {
    color: rgb(var(--green) / 0.85);
  }
  .text-green\/90 {
    color: rgb(var(--green) / 0.9);
  }
  .text-green\/95 {
    color: rgb(var(--green) / 0.95);
  }
  .text-header-border {
    --tw-text-opacity: 1;
    color: rgb(var(--header-border-color) / var(--tw-text-opacity, 1));
  }
  .text-header-border\/0 {
    color: rgb(var(--header-border-color) / 0);
  }
  .text-header-border\/10 {
    color: rgb(var(--header-border-color) / 0.1);
  }
  .text-header-border\/100 {
    color: rgb(var(--header-border-color) / 1);
  }
  .text-header-border\/15 {
    color: rgb(var(--header-border-color) / 0.15);
  }
  .text-header-border\/20 {
    color: rgb(var(--header-border-color) / 0.2);
  }
  .text-header-border\/25 {
    color: rgb(var(--header-border-color) / 0.25);
  }
  .text-header-border\/30 {
    color: rgb(var(--header-border-color) / 0.3);
  }
  .text-header-border\/35 {
    color: rgb(var(--header-border-color) / 0.35);
  }
  .text-header-border\/40 {
    color: rgb(var(--header-border-color) / 0.4);
  }
  .text-header-border\/45 {
    color: rgb(var(--header-border-color) / 0.45);
  }
  .text-header-border\/5 {
    color: rgb(var(--header-border-color) / 0.05);
  }
  .text-header-border\/50 {
    color: rgb(var(--header-border-color) / 0.5);
  }
  .text-header-border\/55 {
    color: rgb(var(--header-border-color) / 0.55);
  }
  .text-header-border\/60 {
    color: rgb(var(--header-border-color) / 0.6);
  }
  .text-header-border\/65 {
    color: rgb(var(--header-border-color) / 0.65);
  }
  .text-header-border\/70 {
    color: rgb(var(--header-border-color) / 0.7);
  }
  .text-header-border\/75 {
    color: rgb(var(--header-border-color) / 0.75);
  }
  .text-header-border\/80 {
    color: rgb(var(--header-border-color) / 0.8);
  }
  .text-header-border\/85 {
    color: rgb(var(--header-border-color) / 0.85);
  }
  .text-header-border\/90 {
    color: rgb(var(--header-border-color) / 0.9);
  }
  .text-header-border\/95 {
    color: rgb(var(--header-border-color) / 0.95);
  }
  .text-header-fill {
    --tw-text-opacity: 1;
    color: rgb(var(--header-fill-color) / var(--tw-text-opacity, 1));
  }
  .text-header-fill\/0 {
    color: rgb(var(--header-fill-color) / 0);
  }
  .text-header-fill\/10 {
    color: rgb(var(--header-fill-color) / 0.1);
  }
  .text-header-fill\/100 {
    color: rgb(var(--header-fill-color) / 1);
  }
  .text-header-fill\/15 {
    color: rgb(var(--header-fill-color) / 0.15);
  }
  .text-header-fill\/20 {
    color: rgb(var(--header-fill-color) / 0.2);
  }
  .text-header-fill\/25 {
    color: rgb(var(--header-fill-color) / 0.25);
  }
  .text-header-fill\/30 {
    color: rgb(var(--header-fill-color) / 0.3);
  }
  .text-header-fill\/35 {
    color: rgb(var(--header-fill-color) / 0.35);
  }
  .text-header-fill\/40 {
    color: rgb(var(--header-fill-color) / 0.4);
  }
  .text-header-fill\/45 {
    color: rgb(var(--header-fill-color) / 0.45);
  }
  .text-header-fill\/5 {
    color: rgb(var(--header-fill-color) / 0.05);
  }
  .text-header-fill\/50 {
    color: rgb(var(--header-fill-color) / 0.5);
  }
  .text-header-fill\/55 {
    color: rgb(var(--header-fill-color) / 0.55);
  }
  .text-header-fill\/60 {
    color: rgb(var(--header-fill-color) / 0.6);
  }
  .text-header-fill\/65 {
    color: rgb(var(--header-fill-color) / 0.65);
  }
  .text-header-fill\/70 {
    color: rgb(var(--header-fill-color) / 0.7);
  }
  .text-header-fill\/75 {
    color: rgb(var(--header-fill-color) / 0.75);
  }
  .text-header-fill\/80 {
    color: rgb(var(--header-fill-color) / 0.8);
  }
  .text-header-fill\/85 {
    color: rgb(var(--header-fill-color) / 0.85);
  }
  .text-header-fill\/90 {
    color: rgb(var(--header-fill-color) / 0.9);
  }
  .text-header-fill\/95 {
    color: rgb(var(--header-fill-color) / 0.95);
  }
  .text-header-text {
    --tw-text-opacity: 1;
    color: rgb(var(--header-text-color) / var(--tw-text-opacity, 1));
  }
  .text-header-text\/0 {
    color: rgb(var(--header-text-color) / 0);
  }
  .text-header-text\/10 {
    color: rgb(var(--header-text-color) / 0.1);
  }
  .text-header-text\/100 {
    color: rgb(var(--header-text-color) / 1);
  }
  .text-header-text\/15 {
    color: rgb(var(--header-text-color) / 0.15);
  }
  .text-header-text\/20 {
    color: rgb(var(--header-text-color) / 0.2);
  }
  .text-header-text\/25 {
    color: rgb(var(--header-text-color) / 0.25);
  }
  .text-header-text\/30 {
    color: rgb(var(--header-text-color) / 0.3);
  }
  .text-header-text\/35 {
    color: rgb(var(--header-text-color) / 0.35);
  }
  .text-header-text\/40 {
    color: rgb(var(--header-text-color) / 0.4);
  }
  .text-header-text\/45 {
    color: rgb(var(--header-text-color) / 0.45);
  }
  .text-header-text\/5 {
    color: rgb(var(--header-text-color) / 0.05);
  }
  .text-header-text\/50 {
    color: rgb(var(--header-text-color) / 0.5);
  }
  .text-header-text\/55 {
    color: rgb(var(--header-text-color) / 0.55);
  }
  .text-header-text\/60 {
    color: rgb(var(--header-text-color) / 0.6);
  }
  .text-header-text\/65 {
    color: rgb(var(--header-text-color) / 0.65);
  }
  .text-header-text\/70 {
    color: rgb(var(--header-text-color) / 0.7);
  }
  .text-header-text\/75 {
    color: rgb(var(--header-text-color) / 0.75);
  }
  .text-header-text\/80 {
    color: rgb(var(--header-text-color) / 0.8);
  }
  .text-header-text\/85 {
    color: rgb(var(--header-text-color) / 0.85);
  }
  .text-header-text\/90 {
    color: rgb(var(--header-text-color) / 0.9);
  }
  .text-header-text\/95 {
    color: rgb(var(--header-text-color) / 0.95);
  }
  .text-label-blue {
    --tw-text-opacity: 1;
    color: rgb(var(--label-blue) / var(--tw-text-opacity, 1));
  }
  .text-label-blue\/0 {
    color: rgb(var(--label-blue) / 0);
  }
  .text-label-blue\/10 {
    color: rgb(var(--label-blue) / 0.1);
  }
  .text-label-blue\/100 {
    color: rgb(var(--label-blue) / 1);
  }
  .text-label-blue\/15 {
    color: rgb(var(--label-blue) / 0.15);
  }
  .text-label-blue\/20 {
    color: rgb(var(--label-blue) / 0.2);
  }
  .text-label-blue\/25 {
    color: rgb(var(--label-blue) / 0.25);
  }
  .text-label-blue\/30 {
    color: rgb(var(--label-blue) / 0.3);
  }
  .text-label-blue\/35 {
    color: rgb(var(--label-blue) / 0.35);
  }
  .text-label-blue\/40 {
    color: rgb(var(--label-blue) / 0.4);
  }
  .text-label-blue\/45 {
    color: rgb(var(--label-blue) / 0.45);
  }
  .text-label-blue\/5 {
    color: rgb(var(--label-blue) / 0.05);
  }
  .text-label-blue\/50 {
    color: rgb(var(--label-blue) / 0.5);
  }
  .text-label-blue\/55 {
    color: rgb(var(--label-blue) / 0.55);
  }
  .text-label-blue\/60 {
    color: rgb(var(--label-blue) / 0.6);
  }
  .text-label-blue\/65 {
    color: rgb(var(--label-blue) / 0.65);
  }
  .text-label-blue\/70 {
    color: rgb(var(--label-blue) / 0.7);
  }
  .text-label-blue\/75 {
    color: rgb(var(--label-blue) / 0.75);
  }
  .text-label-blue\/80 {
    color: rgb(var(--label-blue) / 0.8);
  }
  .text-label-blue\/85 {
    color: rgb(var(--label-blue) / 0.85);
  }
  .text-label-blue\/90 {
    color: rgb(var(--label-blue) / 0.9);
  }
  .text-label-blue\/95 {
    color: rgb(var(--label-blue) / 0.95);
  }
  .text-label-darkBlue {
    --tw-text-opacity: 1;
    color: rgb(var(--label-dark-blue) / var(--tw-text-opacity, 1));
  }
  .text-label-darkBlue\/0 {
    color: rgb(var(--label-dark-blue) / 0);
  }
  .text-label-darkBlue\/10 {
    color: rgb(var(--label-dark-blue) / 0.1);
  }
  .text-label-darkBlue\/100 {
    color: rgb(var(--label-dark-blue) / 1);
  }
  .text-label-darkBlue\/15 {
    color: rgb(var(--label-dark-blue) / 0.15);
  }
  .text-label-darkBlue\/20 {
    color: rgb(var(--label-dark-blue) / 0.2);
  }
  .text-label-darkBlue\/25 {
    color: rgb(var(--label-dark-blue) / 0.25);
  }
  .text-label-darkBlue\/30 {
    color: rgb(var(--label-dark-blue) / 0.3);
  }
  .text-label-darkBlue\/35 {
    color: rgb(var(--label-dark-blue) / 0.35);
  }
  .text-label-darkBlue\/40 {
    color: rgb(var(--label-dark-blue) / 0.4);
  }
  .text-label-darkBlue\/45 {
    color: rgb(var(--label-dark-blue) / 0.45);
  }
  .text-label-darkBlue\/5 {
    color: rgb(var(--label-dark-blue) / 0.05);
  }
  .text-label-darkBlue\/50 {
    color: rgb(var(--label-dark-blue) / 0.5);
  }
  .text-label-darkBlue\/55 {
    color: rgb(var(--label-dark-blue) / 0.55);
  }
  .text-label-darkBlue\/60 {
    color: rgb(var(--label-dark-blue) / 0.6);
  }
  .text-label-darkBlue\/65 {
    color: rgb(var(--label-dark-blue) / 0.65);
  }
  .text-label-darkBlue\/70 {
    color: rgb(var(--label-dark-blue) / 0.7);
  }
  .text-label-darkBlue\/75 {
    color: rgb(var(--label-dark-blue) / 0.75);
  }
  .text-label-darkBlue\/80 {
    color: rgb(var(--label-dark-blue) / 0.8);
  }
  .text-label-darkBlue\/85 {
    color: rgb(var(--label-dark-blue) / 0.85);
  }
  .text-label-darkBlue\/90 {
    color: rgb(var(--label-dark-blue) / 0.9);
  }
  .text-label-darkBlue\/95 {
    color: rgb(var(--label-dark-blue) / 0.95);
  }
  .text-label-darkGreen {
    --tw-text-opacity: 1;
    color: rgb(var(--label-dark-green) / var(--tw-text-opacity, 1));
  }
  .text-label-darkGreen\/0 {
    color: rgb(var(--label-dark-green) / 0);
  }
  .text-label-darkGreen\/10 {
    color: rgb(var(--label-dark-green) / 0.1);
  }
  .text-label-darkGreen\/100 {
    color: rgb(var(--label-dark-green) / 1);
  }
  .text-label-darkGreen\/15 {
    color: rgb(var(--label-dark-green) / 0.15);
  }
  .text-label-darkGreen\/20 {
    color: rgb(var(--label-dark-green) / 0.2);
  }
  .text-label-darkGreen\/25 {
    color: rgb(var(--label-dark-green) / 0.25);
  }
  .text-label-darkGreen\/30 {
    color: rgb(var(--label-dark-green) / 0.3);
  }
  .text-label-darkGreen\/35 {
    color: rgb(var(--label-dark-green) / 0.35);
  }
  .text-label-darkGreen\/40 {
    color: rgb(var(--label-dark-green) / 0.4);
  }
  .text-label-darkGreen\/45 {
    color: rgb(var(--label-dark-green) / 0.45);
  }
  .text-label-darkGreen\/5 {
    color: rgb(var(--label-dark-green) / 0.05);
  }
  .text-label-darkGreen\/50 {
    color: rgb(var(--label-dark-green) / 0.5);
  }
  .text-label-darkGreen\/55 {
    color: rgb(var(--label-dark-green) / 0.55);
  }
  .text-label-darkGreen\/60 {
    color: rgb(var(--label-dark-green) / 0.6);
  }
  .text-label-darkGreen\/65 {
    color: rgb(var(--label-dark-green) / 0.65);
  }
  .text-label-darkGreen\/70 {
    color: rgb(var(--label-dark-green) / 0.7);
  }
  .text-label-darkGreen\/75 {
    color: rgb(var(--label-dark-green) / 0.75);
  }
  .text-label-darkGreen\/80 {
    color: rgb(var(--label-dark-green) / 0.8);
  }
  .text-label-darkGreen\/85 {
    color: rgb(var(--label-dark-green) / 0.85);
  }
  .text-label-darkGreen\/90 {
    color: rgb(var(--label-dark-green) / 0.9);
  }
  .text-label-darkGreen\/95 {
    color: rgb(var(--label-dark-green) / 0.95);
  }
  .text-label-gray {
    --tw-text-opacity: 1;
    color: rgb(var(--label-gray) / var(--tw-text-opacity, 1));
  }
  .text-label-gray\/0 {
    color: rgb(var(--label-gray) / 0);
  }
  .text-label-gray\/10 {
    color: rgb(var(--label-gray) / 0.1);
  }
  .text-label-gray\/100 {
    color: rgb(var(--label-gray) / 1);
  }
  .text-label-gray\/15 {
    color: rgb(var(--label-gray) / 0.15);
  }
  .text-label-gray\/20 {
    color: rgb(var(--label-gray) / 0.2);
  }
  .text-label-gray\/25 {
    color: rgb(var(--label-gray) / 0.25);
  }
  .text-label-gray\/30 {
    color: rgb(var(--label-gray) / 0.3);
  }
  .text-label-gray\/35 {
    color: rgb(var(--label-gray) / 0.35);
  }
  .text-label-gray\/40 {
    color: rgb(var(--label-gray) / 0.4);
  }
  .text-label-gray\/45 {
    color: rgb(var(--label-gray) / 0.45);
  }
  .text-label-gray\/5 {
    color: rgb(var(--label-gray) / 0.05);
  }
  .text-label-gray\/50 {
    color: rgb(var(--label-gray) / 0.5);
  }
  .text-label-gray\/55 {
    color: rgb(var(--label-gray) / 0.55);
  }
  .text-label-gray\/60 {
    color: rgb(var(--label-gray) / 0.6);
  }
  .text-label-gray\/65 {
    color: rgb(var(--label-gray) / 0.65);
  }
  .text-label-gray\/70 {
    color: rgb(var(--label-gray) / 0.7);
  }
  .text-label-gray\/75 {
    color: rgb(var(--label-gray) / 0.75);
  }
  .text-label-gray\/80 {
    color: rgb(var(--label-gray) / 0.8);
  }
  .text-label-gray\/85 {
    color: rgb(var(--label-gray) / 0.85);
  }
  .text-label-gray\/90 {
    color: rgb(var(--label-gray) / 0.9);
  }
  .text-label-gray\/95 {
    color: rgb(var(--label-gray) / 0.95);
  }
  .text-label-green {
    --tw-text-opacity: 1;
    color: rgb(var(--label-green) / var(--tw-text-opacity, 1));
  }
  .text-label-green\/0 {
    color: rgb(var(--label-green) / 0);
  }
  .text-label-green\/10 {
    color: rgb(var(--label-green) / 0.1);
  }
  .text-label-green\/100 {
    color: rgb(var(--label-green) / 1);
  }
  .text-label-green\/15 {
    color: rgb(var(--label-green) / 0.15);
  }
  .text-label-green\/20 {
    color: rgb(var(--label-green) / 0.2);
  }
  .text-label-green\/25 {
    color: rgb(var(--label-green) / 0.25);
  }
  .text-label-green\/30 {
    color: rgb(var(--label-green) / 0.3);
  }
  .text-label-green\/35 {
    color: rgb(var(--label-green) / 0.35);
  }
  .text-label-green\/40 {
    color: rgb(var(--label-green) / 0.4);
  }
  .text-label-green\/45 {
    color: rgb(var(--label-green) / 0.45);
  }
  .text-label-green\/5 {
    color: rgb(var(--label-green) / 0.05);
  }
  .text-label-green\/50 {
    color: rgb(var(--label-green) / 0.5);
  }
  .text-label-green\/55 {
    color: rgb(var(--label-green) / 0.55);
  }
  .text-label-green\/60 {
    color: rgb(var(--label-green) / 0.6);
  }
  .text-label-green\/65 {
    color: rgb(var(--label-green) / 0.65);
  }
  .text-label-green\/70 {
    color: rgb(var(--label-green) / 0.7);
  }
  .text-label-green\/75 {
    color: rgb(var(--label-green) / 0.75);
  }
  .text-label-green\/80 {
    color: rgb(var(--label-green) / 0.8);
  }
  .text-label-green\/85 {
    color: rgb(var(--label-green) / 0.85);
  }
  .text-label-green\/90 {
    color: rgb(var(--label-green) / 0.9);
  }
  .text-label-green\/95 {
    color: rgb(var(--label-green) / 0.95);
  }
  .text-label-orange {
    --tw-text-opacity: 1;
    color: rgb(var(--label-orange) / var(--tw-text-opacity, 1));
  }
  .text-label-orange\/0 {
    color: rgb(var(--label-orange) / 0);
  }
  .text-label-orange\/10 {
    color: rgb(var(--label-orange) / 0.1);
  }
  .text-label-orange\/100 {
    color: rgb(var(--label-orange) / 1);
  }
  .text-label-orange\/15 {
    color: rgb(var(--label-orange) / 0.15);
  }
  .text-label-orange\/20 {
    color: rgb(var(--label-orange) / 0.2);
  }
  .text-label-orange\/25 {
    color: rgb(var(--label-orange) / 0.25);
  }
  .text-label-orange\/30 {
    color: rgb(var(--label-orange) / 0.3);
  }
  .text-label-orange\/35 {
    color: rgb(var(--label-orange) / 0.35);
  }
  .text-label-orange\/40 {
    color: rgb(var(--label-orange) / 0.4);
  }
  .text-label-orange\/45 {
    color: rgb(var(--label-orange) / 0.45);
  }
  .text-label-orange\/5 {
    color: rgb(var(--label-orange) / 0.05);
  }
  .text-label-orange\/50 {
    color: rgb(var(--label-orange) / 0.5);
  }
  .text-label-orange\/55 {
    color: rgb(var(--label-orange) / 0.55);
  }
  .text-label-orange\/60 {
    color: rgb(var(--label-orange) / 0.6);
  }
  .text-label-orange\/65 {
    color: rgb(var(--label-orange) / 0.65);
  }
  .text-label-orange\/70 {
    color: rgb(var(--label-orange) / 0.7);
  }
  .text-label-orange\/75 {
    color: rgb(var(--label-orange) / 0.75);
  }
  .text-label-orange\/80 {
    color: rgb(var(--label-orange) / 0.8);
  }
  .text-label-orange\/85 {
    color: rgb(var(--label-orange) / 0.85);
  }
  .text-label-orange\/90 {
    color: rgb(var(--label-orange) / 0.9);
  }
  .text-label-orange\/95 {
    color: rgb(var(--label-orange) / 0.95);
  }
  .text-label-purple {
    --tw-text-opacity: 1;
    color: rgb(var(--label-purple) / var(--tw-text-opacity, 1));
  }
  .text-label-purple\/0 {
    color: rgb(var(--label-purple) / 0);
  }
  .text-label-purple\/10 {
    color: rgb(var(--label-purple) / 0.1);
  }
  .text-label-purple\/100 {
    color: rgb(var(--label-purple) / 1);
  }
  .text-label-purple\/15 {
    color: rgb(var(--label-purple) / 0.15);
  }
  .text-label-purple\/20 {
    color: rgb(var(--label-purple) / 0.2);
  }
  .text-label-purple\/25 {
    color: rgb(var(--label-purple) / 0.25);
  }
  .text-label-purple\/30 {
    color: rgb(var(--label-purple) / 0.3);
  }
  .text-label-purple\/35 {
    color: rgb(var(--label-purple) / 0.35);
  }
  .text-label-purple\/40 {
    color: rgb(var(--label-purple) / 0.4);
  }
  .text-label-purple\/45 {
    color: rgb(var(--label-purple) / 0.45);
  }
  .text-label-purple\/5 {
    color: rgb(var(--label-purple) / 0.05);
  }
  .text-label-purple\/50 {
    color: rgb(var(--label-purple) / 0.5);
  }
  .text-label-purple\/55 {
    color: rgb(var(--label-purple) / 0.55);
  }
  .text-label-purple\/60 {
    color: rgb(var(--label-purple) / 0.6);
  }
  .text-label-purple\/65 {
    color: rgb(var(--label-purple) / 0.65);
  }
  .text-label-purple\/70 {
    color: rgb(var(--label-purple) / 0.7);
  }
  .text-label-purple\/75 {
    color: rgb(var(--label-purple) / 0.75);
  }
  .text-label-purple\/80 {
    color: rgb(var(--label-purple) / 0.8);
  }
  .text-label-purple\/85 {
    color: rgb(var(--label-purple) / 0.85);
  }
  .text-label-purple\/90 {
    color: rgb(var(--label-purple) / 0.9);
  }
  .text-label-purple\/95 {
    color: rgb(var(--label-purple) / 0.95);
  }
  .text-label-red {
    --tw-text-opacity: 1;
    color: rgb(var(--label-red) / var(--tw-text-opacity, 1));
  }
  .text-label-red\/0 {
    color: rgb(var(--label-red) / 0);
  }
  .text-label-red\/10 {
    color: rgb(var(--label-red) / 0.1);
  }
  .text-label-red\/100 {
    color: rgb(var(--label-red) / 1);
  }
  .text-label-red\/15 {
    color: rgb(var(--label-red) / 0.15);
  }
  .text-label-red\/20 {
    color: rgb(var(--label-red) / 0.2);
  }
  .text-label-red\/25 {
    color: rgb(var(--label-red) / 0.25);
  }
  .text-label-red\/30 {
    color: rgb(var(--label-red) / 0.3);
  }
  .text-label-red\/35 {
    color: rgb(var(--label-red) / 0.35);
  }
  .text-label-red\/40 {
    color: rgb(var(--label-red) / 0.4);
  }
  .text-label-red\/45 {
    color: rgb(var(--label-red) / 0.45);
  }
  .text-label-red\/5 {
    color: rgb(var(--label-red) / 0.05);
  }
  .text-label-red\/50 {
    color: rgb(var(--label-red) / 0.5);
  }
  .text-label-red\/55 {
    color: rgb(var(--label-red) / 0.55);
  }
  .text-label-red\/60 {
    color: rgb(var(--label-red) / 0.6);
  }
  .text-label-red\/65 {
    color: rgb(var(--label-red) / 0.65);
  }
  .text-label-red\/70 {
    color: rgb(var(--label-red) / 0.7);
  }
  .text-label-red\/75 {
    color: rgb(var(--label-red) / 0.75);
  }
  .text-label-red\/80 {
    color: rgb(var(--label-red) / 0.8);
  }
  .text-label-red\/85 {
    color: rgb(var(--label-red) / 0.85);
  }
  .text-label-red\/90 {
    color: rgb(var(--label-red) / 0.9);
  }
  .text-label-red\/95 {
    color: rgb(var(--label-red) / 0.95);
  }
  .text-label-yellow {
    --tw-text-opacity: 1;
    color: rgb(var(--label-yellow) / var(--tw-text-opacity, 1));
  }
  .text-label-yellow\/0 {
    color: rgb(var(--label-yellow) / 0);
  }
  .text-label-yellow\/10 {
    color: rgb(var(--label-yellow) / 0.1);
  }
  .text-label-yellow\/100 {
    color: rgb(var(--label-yellow) / 1);
  }
  .text-label-yellow\/15 {
    color: rgb(var(--label-yellow) / 0.15);
  }
  .text-label-yellow\/20 {
    color: rgb(var(--label-yellow) / 0.2);
  }
  .text-label-yellow\/25 {
    color: rgb(var(--label-yellow) / 0.25);
  }
  .text-label-yellow\/30 {
    color: rgb(var(--label-yellow) / 0.3);
  }
  .text-label-yellow\/35 {
    color: rgb(var(--label-yellow) / 0.35);
  }
  .text-label-yellow\/40 {
    color: rgb(var(--label-yellow) / 0.4);
  }
  .text-label-yellow\/45 {
    color: rgb(var(--label-yellow) / 0.45);
  }
  .text-label-yellow\/5 {
    color: rgb(var(--label-yellow) / 0.05);
  }
  .text-label-yellow\/50 {
    color: rgb(var(--label-yellow) / 0.5);
  }
  .text-label-yellow\/55 {
    color: rgb(var(--label-yellow) / 0.55);
  }
  .text-label-yellow\/60 {
    color: rgb(var(--label-yellow) / 0.6);
  }
  .text-label-yellow\/65 {
    color: rgb(var(--label-yellow) / 0.65);
  }
  .text-label-yellow\/70 {
    color: rgb(var(--label-yellow) / 0.7);
  }
  .text-label-yellow\/75 {
    color: rgb(var(--label-yellow) / 0.75);
  }
  .text-label-yellow\/80 {
    color: rgb(var(--label-yellow) / 0.8);
  }
  .text-label-yellow\/85 {
    color: rgb(var(--label-yellow) / 0.85);
  }
  .text-label-yellow\/90 {
    color: rgb(var(--label-yellow) / 0.9);
  }
  .text-label-yellow\/95 {
    color: rgb(var(--label-yellow) / 0.95);
  }
  .text-main-secondary {
    color: rgb(var(--secondary-color) / 0.1);
  }
  .text-main-secondary\/0 {
    color: rgb(var(--secondary-color) / 0);
  }
  .text-main-secondary\/10 {
    color: rgb(var(--secondary-color) / 0.1);
  }
  .text-main-secondary\/100 {
    color: rgb(var(--secondary-color) / 1);
  }
  .text-main-secondary\/15 {
    color: rgb(var(--secondary-color) / 0.15);
  }
  .text-main-secondary\/20 {
    color: rgb(var(--secondary-color) / 0.2);
  }
  .text-main-secondary\/25 {
    color: rgb(var(--secondary-color) / 0.25);
  }
  .text-main-secondary\/30 {
    color: rgb(var(--secondary-color) / 0.3);
  }
  .text-main-secondary\/35 {
    color: rgb(var(--secondary-color) / 0.35);
  }
  .text-main-secondary\/40 {
    color: rgb(var(--secondary-color) / 0.4);
  }
  .text-main-secondary\/45 {
    color: rgb(var(--secondary-color) / 0.45);
  }
  .text-main-secondary\/5 {
    color: rgb(var(--secondary-color) / 0.05);
  }
  .text-main-secondary\/50 {
    color: rgb(var(--secondary-color) / 0.5);
  }
  .text-main-secondary\/55 {
    color: rgb(var(--secondary-color) / 0.55);
  }
  .text-main-secondary\/60 {
    color: rgb(var(--secondary-color) / 0.6);
  }
  .text-main-secondary\/65 {
    color: rgb(var(--secondary-color) / 0.65);
  }
  .text-main-secondary\/70 {
    color: rgb(var(--secondary-color) / 0.7);
  }
  .text-main-secondary\/75 {
    color: rgb(var(--secondary-color) / 0.75);
  }
  .text-main-secondary\/80 {
    color: rgb(var(--secondary-color) / 0.8);
  }
  .text-main-secondary\/85 {
    color: rgb(var(--secondary-color) / 0.85);
  }
  .text-main-secondary\/90 {
    color: rgb(var(--secondary-color) / 0.9);
  }
  .text-main-secondary\/95 {
    color: rgb(var(--secondary-color) / 0.95);
  }
  .text-orange {
    --tw-text-opacity: 1;
    color: rgb(var(--orange) / var(--tw-text-opacity, 1));
  }
  .text-orange-dark {
    --tw-text-opacity: 1;
    color: rgb(var(--orange-dark) / var(--tw-text-opacity, 1));
  }
  .text-orange-dark\/0 {
    color: rgb(var(--orange-dark) / 0);
  }
  .text-orange-dark\/10 {
    color: rgb(var(--orange-dark) / 0.1);
  }
  .text-orange-dark\/100 {
    color: rgb(var(--orange-dark) / 1);
  }
  .text-orange-dark\/15 {
    color: rgb(var(--orange-dark) / 0.15);
  }
  .text-orange-dark\/20 {
    color: rgb(var(--orange-dark) / 0.2);
  }
  .text-orange-dark\/25 {
    color: rgb(var(--orange-dark) / 0.25);
  }
  .text-orange-dark\/30 {
    color: rgb(var(--orange-dark) / 0.3);
  }
  .text-orange-dark\/35 {
    color: rgb(var(--orange-dark) / 0.35);
  }
  .text-orange-dark\/40 {
    color: rgb(var(--orange-dark) / 0.4);
  }
  .text-orange-dark\/45 {
    color: rgb(var(--orange-dark) / 0.45);
  }
  .text-orange-dark\/5 {
    color: rgb(var(--orange-dark) / 0.05);
  }
  .text-orange-dark\/50 {
    color: rgb(var(--orange-dark) / 0.5);
  }
  .text-orange-dark\/55 {
    color: rgb(var(--orange-dark) / 0.55);
  }
  .text-orange-dark\/60 {
    color: rgb(var(--orange-dark) / 0.6);
  }
  .text-orange-dark\/65 {
    color: rgb(var(--orange-dark) / 0.65);
  }
  .text-orange-dark\/70 {
    color: rgb(var(--orange-dark) / 0.7);
  }
  .text-orange-dark\/75 {
    color: rgb(var(--orange-dark) / 0.75);
  }
  .text-orange-dark\/80 {
    color: rgb(var(--orange-dark) / 0.8);
  }
  .text-orange-dark\/85 {
    color: rgb(var(--orange-dark) / 0.85);
  }
  .text-orange-dark\/90 {
    color: rgb(var(--orange-dark) / 0.9);
  }
  .text-orange-dark\/95 {
    color: rgb(var(--orange-dark) / 0.95);
  }
  .text-orange\/0 {
    color: rgb(var(--orange) / 0);
  }
  .text-orange\/10 {
    color: rgb(var(--orange) / 0.1);
  }
  .text-orange\/100 {
    color: rgb(var(--orange) / 1);
  }
  .text-orange\/15 {
    color: rgb(var(--orange) / 0.15);
  }
  .text-orange\/20 {
    color: rgb(var(--orange) / 0.2);
  }
  .text-orange\/25 {
    color: rgb(var(--orange) / 0.25);
  }
  .text-orange\/30 {
    color: rgb(var(--orange) / 0.3);
  }
  .text-orange\/35 {
    color: rgb(var(--orange) / 0.35);
  }
  .text-orange\/40 {
    color: rgb(var(--orange) / 0.4);
  }
  .text-orange\/45 {
    color: rgb(var(--orange) / 0.45);
  }
  .text-orange\/5 {
    color: rgb(var(--orange) / 0.05);
  }
  .text-orange\/50 {
    color: rgb(var(--orange) / 0.5);
  }
  .text-orange\/55 {
    color: rgb(var(--orange) / 0.55);
  }
  .text-orange\/60 {
    color: rgb(var(--orange) / 0.6);
  }
  .text-orange\/65 {
    color: rgb(var(--orange) / 0.65);
  }
  .text-orange\/70 {
    color: rgb(var(--orange) / 0.7);
  }
  .text-orange\/75 {
    color: rgb(var(--orange) / 0.75);
  }
  .text-orange\/80 {
    color: rgb(var(--orange) / 0.8);
  }
  .text-orange\/85 {
    color: rgb(var(--orange) / 0.85);
  }
  .text-orange\/90 {
    color: rgb(var(--orange) / 0.9);
  }
  .text-orange\/95 {
    color: rgb(var(--orange) / 0.95);
  }
  .text-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
  }
  .text-primary\/0 {
    color: rgb(var(--primary-color) / 0);
  }
  .text-primary\/10 {
    color: rgb(var(--primary-color) / 0.1);
  }
  .text-primary\/100 {
    color: rgb(var(--primary-color) / 1);
  }
  .text-primary\/15 {
    color: rgb(var(--primary-color) / 0.15);
  }
  .text-primary\/20 {
    color: rgb(var(--primary-color) / 0.2);
  }
  .text-primary\/25 {
    color: rgb(var(--primary-color) / 0.25);
  }
  .text-primary\/30 {
    color: rgb(var(--primary-color) / 0.3);
  }
  .text-primary\/35 {
    color: rgb(var(--primary-color) / 0.35);
  }
  .text-primary\/40 {
    color: rgb(var(--primary-color) / 0.4);
  }
  .text-primary\/45 {
    color: rgb(var(--primary-color) / 0.45);
  }
  .text-primary\/5 {
    color: rgb(var(--primary-color) / 0.05);
  }
  .text-primary\/50 {
    color: rgb(var(--primary-color) / 0.5);
  }
  .text-primary\/55 {
    color: rgb(var(--primary-color) / 0.55);
  }
  .text-primary\/60 {
    color: rgb(var(--primary-color) / 0.6);
  }
  .text-primary\/65 {
    color: rgb(var(--primary-color) / 0.65);
  }
  .text-primary\/70 {
    color: rgb(var(--primary-color) / 0.7);
  }
  .text-primary\/75 {
    color: rgb(var(--primary-color) / 0.75);
  }
  .text-primary\/80 {
    color: rgb(var(--primary-color) / 0.8);
  }
  .text-primary\/85 {
    color: rgb(var(--primary-color) / 0.85);
  }
  .text-primary\/90 {
    color: rgb(var(--primary-color) / 0.9);
  }
  .text-primary\/95 {
    color: rgb(var(--primary-color) / 0.95);
  }
  .text-red {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .text-red-dark {
    --tw-text-opacity: 1;
    color: rgb(var(--red-dark) / var(--tw-text-opacity, 1));
  }
  .text-red-dark\/0 {
    color: rgb(var(--red-dark) / 0);
  }
  .text-red-dark\/10 {
    color: rgb(var(--red-dark) / 0.1);
  }
  .text-red-dark\/100 {
    color: rgb(var(--red-dark) / 1);
  }
  .text-red-dark\/15 {
    color: rgb(var(--red-dark) / 0.15);
  }
  .text-red-dark\/20 {
    color: rgb(var(--red-dark) / 0.2);
  }
  .text-red-dark\/25 {
    color: rgb(var(--red-dark) / 0.25);
  }
  .text-red-dark\/30 {
    color: rgb(var(--red-dark) / 0.3);
  }
  .text-red-dark\/35 {
    color: rgb(var(--red-dark) / 0.35);
  }
  .text-red-dark\/40 {
    color: rgb(var(--red-dark) / 0.4);
  }
  .text-red-dark\/45 {
    color: rgb(var(--red-dark) / 0.45);
  }
  .text-red-dark\/5 {
    color: rgb(var(--red-dark) / 0.05);
  }
  .text-red-dark\/50 {
    color: rgb(var(--red-dark) / 0.5);
  }
  .text-red-dark\/55 {
    color: rgb(var(--red-dark) / 0.55);
  }
  .text-red-dark\/60 {
    color: rgb(var(--red-dark) / 0.6);
  }
  .text-red-dark\/65 {
    color: rgb(var(--red-dark) / 0.65);
  }
  .text-red-dark\/70 {
    color: rgb(var(--red-dark) / 0.7);
  }
  .text-red-dark\/75 {
    color: rgb(var(--red-dark) / 0.75);
  }
  .text-red-dark\/80 {
    color: rgb(var(--red-dark) / 0.8);
  }
  .text-red-dark\/85 {
    color: rgb(var(--red-dark) / 0.85);
  }
  .text-red-dark\/90 {
    color: rgb(var(--red-dark) / 0.9);
  }
  .text-red-dark\/95 {
    color: rgb(var(--red-dark) / 0.95);
  }
  .text-red-light {
    --tw-text-opacity: 1;
    color: rgb(var(--red-light) / var(--tw-text-opacity, 1));
  }
  .text-red-light\/0 {
    color: rgb(var(--red-light) / 0);
  }
  .text-red-light\/10 {
    color: rgb(var(--red-light) / 0.1);
  }
  .text-red-light\/100 {
    color: rgb(var(--red-light) / 1);
  }
  .text-red-light\/15 {
    color: rgb(var(--red-light) / 0.15);
  }
  .text-red-light\/20 {
    color: rgb(var(--red-light) / 0.2);
  }
  .text-red-light\/25 {
    color: rgb(var(--red-light) / 0.25);
  }
  .text-red-light\/30 {
    color: rgb(var(--red-light) / 0.3);
  }
  .text-red-light\/35 {
    color: rgb(var(--red-light) / 0.35);
  }
  .text-red-light\/40 {
    color: rgb(var(--red-light) / 0.4);
  }
  .text-red-light\/45 {
    color: rgb(var(--red-light) / 0.45);
  }
  .text-red-light\/5 {
    color: rgb(var(--red-light) / 0.05);
  }
  .text-red-light\/50 {
    color: rgb(var(--red-light) / 0.5);
  }
  .text-red-light\/55 {
    color: rgb(var(--red-light) / 0.55);
  }
  .text-red-light\/60 {
    color: rgb(var(--red-light) / 0.6);
  }
  .text-red-light\/65 {
    color: rgb(var(--red-light) / 0.65);
  }
  .text-red-light\/70 {
    color: rgb(var(--red-light) / 0.7);
  }
  .text-red-light\/75 {
    color: rgb(var(--red-light) / 0.75);
  }
  .text-red-light\/80 {
    color: rgb(var(--red-light) / 0.8);
  }
  .text-red-light\/85 {
    color: rgb(var(--red-light) / 0.85);
  }
  .text-red-light\/90 {
    color: rgb(var(--red-light) / 0.9);
  }
  .text-red-light\/95 {
    color: rgb(var(--red-light) / 0.95);
  }
  .text-red-lightest {
    --tw-text-opacity: 1;
    color: rgb(var(--red-lightest) / var(--tw-text-opacity, 1));
  }
  .text-red-lightest\/0 {
    color: rgb(var(--red-lightest) / 0);
  }
  .text-red-lightest\/10 {
    color: rgb(var(--red-lightest) / 0.1);
  }
  .text-red-lightest\/100 {
    color: rgb(var(--red-lightest) / 1);
  }
  .text-red-lightest\/15 {
    color: rgb(var(--red-lightest) / 0.15);
  }
  .text-red-lightest\/20 {
    color: rgb(var(--red-lightest) / 0.2);
  }
  .text-red-lightest\/25 {
    color: rgb(var(--red-lightest) / 0.25);
  }
  .text-red-lightest\/30 {
    color: rgb(var(--red-lightest) / 0.3);
  }
  .text-red-lightest\/35 {
    color: rgb(var(--red-lightest) / 0.35);
  }
  .text-red-lightest\/40 {
    color: rgb(var(--red-lightest) / 0.4);
  }
  .text-red-lightest\/45 {
    color: rgb(var(--red-lightest) / 0.45);
  }
  .text-red-lightest\/5 {
    color: rgb(var(--red-lightest) / 0.05);
  }
  .text-red-lightest\/50 {
    color: rgb(var(--red-lightest) / 0.5);
  }
  .text-red-lightest\/55 {
    color: rgb(var(--red-lightest) / 0.55);
  }
  .text-red-lightest\/60 {
    color: rgb(var(--red-lightest) / 0.6);
  }
  .text-red-lightest\/65 {
    color: rgb(var(--red-lightest) / 0.65);
  }
  .text-red-lightest\/70 {
    color: rgb(var(--red-lightest) / 0.7);
  }
  .text-red-lightest\/75 {
    color: rgb(var(--red-lightest) / 0.75);
  }
  .text-red-lightest\/80 {
    color: rgb(var(--red-lightest) / 0.8);
  }
  .text-red-lightest\/85 {
    color: rgb(var(--red-lightest) / 0.85);
  }
  .text-red-lightest\/90 {
    color: rgb(var(--red-lightest) / 0.9);
  }
  .text-red-lightest\/95 {
    color: rgb(var(--red-lightest) / 0.95);
  }
  .text-red\/0 {
    color: rgb(var(--red) / 0);
  }
  .text-red\/10 {
    color: rgb(var(--red) / 0.1);
  }
  .text-red\/100 {
    color: rgb(var(--red) / 1);
  }
  .text-red\/15 {
    color: rgb(var(--red) / 0.15);
  }
  .text-red\/20 {
    color: rgb(var(--red) / 0.2);
  }
  .text-red\/25 {
    color: rgb(var(--red) / 0.25);
  }
  .text-red\/30 {
    color: rgb(var(--red) / 0.3);
  }
  .text-red\/35 {
    color: rgb(var(--red) / 0.35);
  }
  .text-red\/40 {
    color: rgb(var(--red) / 0.4);
  }
  .text-red\/45 {
    color: rgb(var(--red) / 0.45);
  }
  .text-red\/5 {
    color: rgb(var(--red) / 0.05);
  }
  .text-red\/50 {
    color: rgb(var(--red) / 0.5);
  }
  .text-red\/55 {
    color: rgb(var(--red) / 0.55);
  }
  .text-red\/60 {
    color: rgb(var(--red) / 0.6);
  }
  .text-red\/65 {
    color: rgb(var(--red) / 0.65);
  }
  .text-red\/70 {
    color: rgb(var(--red) / 0.7);
  }
  .text-red\/75 {
    color: rgb(var(--red) / 0.75);
  }
  .text-red\/80 {
    color: rgb(var(--red) / 0.8);
  }
  .text-red\/85 {
    color: rgb(var(--red) / 0.85);
  }
  .text-red\/90 {
    color: rgb(var(--red) / 0.9);
  }
  .text-red\/95 {
    color: rgb(var(--red) / 0.95);
  }
  .text-secondary {
    --tw-text-opacity: 1;
    color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1));
  }
  .text-secondary\/0 {
    color: rgb(var(--secondary-color) / 0);
  }
  .text-secondary\/10 {
    color: rgb(var(--secondary-color) / 0.1);
  }
  .text-secondary\/100 {
    color: rgb(var(--secondary-color) / 1);
  }
  .text-secondary\/15 {
    color: rgb(var(--secondary-color) / 0.15);
  }
  .text-secondary\/20 {
    color: rgb(var(--secondary-color) / 0.2);
  }
  .text-secondary\/25 {
    color: rgb(var(--secondary-color) / 0.25);
  }
  .text-secondary\/30 {
    color: rgb(var(--secondary-color) / 0.3);
  }
  .text-secondary\/35 {
    color: rgb(var(--secondary-color) / 0.35);
  }
  .text-secondary\/40 {
    color: rgb(var(--secondary-color) / 0.4);
  }
  .text-secondary\/45 {
    color: rgb(var(--secondary-color) / 0.45);
  }
  .text-secondary\/5 {
    color: rgb(var(--secondary-color) / 0.05);
  }
  .text-secondary\/50 {
    color: rgb(var(--secondary-color) / 0.5);
  }
  .text-secondary\/55 {
    color: rgb(var(--secondary-color) / 0.55);
  }
  .text-secondary\/60 {
    color: rgb(var(--secondary-color) / 0.6);
  }
  .text-secondary\/65 {
    color: rgb(var(--secondary-color) / 0.65);
  }
  .text-secondary\/70 {
    color: rgb(var(--secondary-color) / 0.7);
  }
  .text-secondary\/75 {
    color: rgb(var(--secondary-color) / 0.75);
  }
  .text-secondary\/80 {
    color: rgb(var(--secondary-color) / 0.8);
  }
  .text-secondary\/85 {
    color: rgb(var(--secondary-color) / 0.85);
  }
  .text-secondary\/90 {
    color: rgb(var(--secondary-color) / 0.9);
  }
  .text-secondary\/95 {
    color: rgb(var(--secondary-color) / 0.95);
  }
  .text-sidebar-active-flowstep-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--sidebar-active-flowstep-primary-color) / var(--tw-text-opacity, 1));
  }
  .text-sidebar-active-flowstep-primary\/0 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0);
  }
  .text-sidebar-active-flowstep-primary\/10 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.1);
  }
  .text-sidebar-active-flowstep-primary\/100 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 1);
  }
  .text-sidebar-active-flowstep-primary\/15 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.15);
  }
  .text-sidebar-active-flowstep-primary\/20 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.2);
  }
  .text-sidebar-active-flowstep-primary\/25 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.25);
  }
  .text-sidebar-active-flowstep-primary\/30 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.3);
  }
  .text-sidebar-active-flowstep-primary\/35 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.35);
  }
  .text-sidebar-active-flowstep-primary\/40 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.4);
  }
  .text-sidebar-active-flowstep-primary\/45 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.45);
  }
  .text-sidebar-active-flowstep-primary\/5 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.05);
  }
  .text-sidebar-active-flowstep-primary\/50 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.5);
  }
  .text-sidebar-active-flowstep-primary\/55 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.55);
  }
  .text-sidebar-active-flowstep-primary\/60 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.6);
  }
  .text-sidebar-active-flowstep-primary\/65 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.65);
  }
  .text-sidebar-active-flowstep-primary\/70 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.7);
  }
  .text-sidebar-active-flowstep-primary\/75 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.75);
  }
  .text-sidebar-active-flowstep-primary\/80 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.8);
  }
  .text-sidebar-active-flowstep-primary\/85 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.85);
  }
  .text-sidebar-active-flowstep-primary\/90 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.9);
  }
  .text-sidebar-active-flowstep-primary\/95 {
    color: rgb(var(--sidebar-active-flowstep-primary-color) / 0.95);
  }
  .text-sidebar-active-flowstep-text {
    --tw-text-opacity: 1;
    color: rgb(var(--sidebar-active-flowstep-text-color) / var(--tw-text-opacity, 1));
  }
  .text-sidebar-active-flowstep-text\/0 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0);
  }
  .text-sidebar-active-flowstep-text\/10 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.1);
  }
  .text-sidebar-active-flowstep-text\/100 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 1);
  }
  .text-sidebar-active-flowstep-text\/15 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.15);
  }
  .text-sidebar-active-flowstep-text\/20 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.2);
  }
  .text-sidebar-active-flowstep-text\/25 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.25);
  }
  .text-sidebar-active-flowstep-text\/30 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.3);
  }
  .text-sidebar-active-flowstep-text\/35 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.35);
  }
  .text-sidebar-active-flowstep-text\/40 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.4);
  }
  .text-sidebar-active-flowstep-text\/45 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.45);
  }
  .text-sidebar-active-flowstep-text\/5 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.05);
  }
  .text-sidebar-active-flowstep-text\/50 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.5);
  }
  .text-sidebar-active-flowstep-text\/55 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.55);
  }
  .text-sidebar-active-flowstep-text\/60 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.6);
  }
  .text-sidebar-active-flowstep-text\/65 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.65);
  }
  .text-sidebar-active-flowstep-text\/70 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.7);
  }
  .text-sidebar-active-flowstep-text\/75 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.75);
  }
  .text-sidebar-active-flowstep-text\/80 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.8);
  }
  .text-sidebar-active-flowstep-text\/85 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.85);
  }
  .text-sidebar-active-flowstep-text\/90 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.9);
  }
  .text-sidebar-active-flowstep-text\/95 {
    color: rgb(var(--sidebar-active-flowstep-text-color) / 0.95);
  }
  .text-sidebar-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--sidebar-primary-color) / var(--tw-text-opacity, 1));
  }
  .text-sidebar-primary\/0 {
    color: rgb(var(--sidebar-primary-color) / 0);
  }
  .text-sidebar-primary\/10 {
    color: rgb(var(--sidebar-primary-color) / 0.1);
  }
  .text-sidebar-primary\/100 {
    color: rgb(var(--sidebar-primary-color) / 1);
  }
  .text-sidebar-primary\/15 {
    color: rgb(var(--sidebar-primary-color) / 0.15);
  }
  .text-sidebar-primary\/20 {
    color: rgb(var(--sidebar-primary-color) / 0.2);
  }
  .text-sidebar-primary\/25 {
    color: rgb(var(--sidebar-primary-color) / 0.25);
  }
  .text-sidebar-primary\/30 {
    color: rgb(var(--sidebar-primary-color) / 0.3);
  }
  .text-sidebar-primary\/35 {
    color: rgb(var(--sidebar-primary-color) / 0.35);
  }
  .text-sidebar-primary\/40 {
    color: rgb(var(--sidebar-primary-color) / 0.4);
  }
  .text-sidebar-primary\/45 {
    color: rgb(var(--sidebar-primary-color) / 0.45);
  }
  .text-sidebar-primary\/5 {
    color: rgb(var(--sidebar-primary-color) / 0.05);
  }
  .text-sidebar-primary\/50 {
    color: rgb(var(--sidebar-primary-color) / 0.5);
  }
  .text-sidebar-primary\/55 {
    color: rgb(var(--sidebar-primary-color) / 0.55);
  }
  .text-sidebar-primary\/60 {
    color: rgb(var(--sidebar-primary-color) / 0.6);
  }
  .text-sidebar-primary\/65 {
    color: rgb(var(--sidebar-primary-color) / 0.65);
  }
  .text-sidebar-primary\/70 {
    color: rgb(var(--sidebar-primary-color) / 0.7);
  }
  .text-sidebar-primary\/75 {
    color: rgb(var(--sidebar-primary-color) / 0.75);
  }
  .text-sidebar-primary\/80 {
    color: rgb(var(--sidebar-primary-color) / 0.8);
  }
  .text-sidebar-primary\/85 {
    color: rgb(var(--sidebar-primary-color) / 0.85);
  }
  .text-sidebar-primary\/90 {
    color: rgb(var(--sidebar-primary-color) / 0.9);
  }
  .text-sidebar-primary\/95 {
    color: rgb(var(--sidebar-primary-color) / 0.95);
  }
  .text-sidebar-register {
    --tw-text-opacity: 1;
    color: rgb(var(--sidebar-register-color) / var(--tw-text-opacity, 1));
  }
  .text-sidebar-register\/0 {
    color: rgb(var(--sidebar-register-color) / 0);
  }
  .text-sidebar-register\/10 {
    color: rgb(var(--sidebar-register-color) / 0.1);
  }
  .text-sidebar-register\/100 {
    color: rgb(var(--sidebar-register-color) / 1);
  }
  .text-sidebar-register\/15 {
    color: rgb(var(--sidebar-register-color) / 0.15);
  }
  .text-sidebar-register\/20 {
    color: rgb(var(--sidebar-register-color) / 0.2);
  }
  .text-sidebar-register\/25 {
    color: rgb(var(--sidebar-register-color) / 0.25);
  }
  .text-sidebar-register\/30 {
    color: rgb(var(--sidebar-register-color) / 0.3);
  }
  .text-sidebar-register\/35 {
    color: rgb(var(--sidebar-register-color) / 0.35);
  }
  .text-sidebar-register\/40 {
    color: rgb(var(--sidebar-register-color) / 0.4);
  }
  .text-sidebar-register\/45 {
    color: rgb(var(--sidebar-register-color) / 0.45);
  }
  .text-sidebar-register\/5 {
    color: rgb(var(--sidebar-register-color) / 0.05);
  }
  .text-sidebar-register\/50 {
    color: rgb(var(--sidebar-register-color) / 0.5);
  }
  .text-sidebar-register\/55 {
    color: rgb(var(--sidebar-register-color) / 0.55);
  }
  .text-sidebar-register\/60 {
    color: rgb(var(--sidebar-register-color) / 0.6);
  }
  .text-sidebar-register\/65 {
    color: rgb(var(--sidebar-register-color) / 0.65);
  }
  .text-sidebar-register\/70 {
    color: rgb(var(--sidebar-register-color) / 0.7);
  }
  .text-sidebar-register\/75 {
    color: rgb(var(--sidebar-register-color) / 0.75);
  }
  .text-sidebar-register\/80 {
    color: rgb(var(--sidebar-register-color) / 0.8);
  }
  .text-sidebar-register\/85 {
    color: rgb(var(--sidebar-register-color) / 0.85);
  }
  .text-sidebar-register\/90 {
    color: rgb(var(--sidebar-register-color) / 0.9);
  }
  .text-sidebar-register\/95 {
    color: rgb(var(--sidebar-register-color) / 0.95);
  }
  .text-sidebar-text {
    --tw-text-opacity: 1;
    color: rgb(var(--sidebar-text-color) / var(--tw-text-opacity, 1));
  }
  .text-sidebar-text\/0 {
    color: rgb(var(--sidebar-text-color) / 0);
  }
  .text-sidebar-text\/10 {
    color: rgb(var(--sidebar-text-color) / 0.1);
  }
  .text-sidebar-text\/100 {
    color: rgb(var(--sidebar-text-color) / 1);
  }
  .text-sidebar-text\/15 {
    color: rgb(var(--sidebar-text-color) / 0.15);
  }
  .text-sidebar-text\/20 {
    color: rgb(var(--sidebar-text-color) / 0.2);
  }
  .text-sidebar-text\/25 {
    color: rgb(var(--sidebar-text-color) / 0.25);
  }
  .text-sidebar-text\/30 {
    color: rgb(var(--sidebar-text-color) / 0.3);
  }
  .text-sidebar-text\/35 {
    color: rgb(var(--sidebar-text-color) / 0.35);
  }
  .text-sidebar-text\/40 {
    color: rgb(var(--sidebar-text-color) / 0.4);
  }
  .text-sidebar-text\/45 {
    color: rgb(var(--sidebar-text-color) / 0.45);
  }
  .text-sidebar-text\/5 {
    color: rgb(var(--sidebar-text-color) / 0.05);
  }
  .text-sidebar-text\/50 {
    color: rgb(var(--sidebar-text-color) / 0.5);
  }
  .text-sidebar-text\/55 {
    color: rgb(var(--sidebar-text-color) / 0.55);
  }
  .text-sidebar-text\/60 {
    color: rgb(var(--sidebar-text-color) / 0.6);
  }
  .text-sidebar-text\/65 {
    color: rgb(var(--sidebar-text-color) / 0.65);
  }
  .text-sidebar-text\/70 {
    color: rgb(var(--sidebar-text-color) / 0.7);
  }
  .text-sidebar-text\/75 {
    color: rgb(var(--sidebar-text-color) / 0.75);
  }
  .text-sidebar-text\/80 {
    color: rgb(var(--sidebar-text-color) / 0.8);
  }
  .text-sidebar-text\/85 {
    color: rgb(var(--sidebar-text-color) / 0.85);
  }
  .text-sidebar-text\/90 {
    color: rgb(var(--sidebar-text-color) / 0.9);
  }
  .text-sidebar-text\/95 {
    color: rgb(var(--sidebar-text-color) / 0.95);
  }
  .text-transparent {
    color: transparent;
  }
  .text-transparent\/0 {
    color: rgb(0 0 0 / 0);
  }
  .text-transparent\/10 {
    color: rgb(0 0 0 / 0.1);
  }
  .text-transparent\/100 {
    color: rgb(0 0 0 / 1);
  }
  .text-transparent\/15 {
    color: rgb(0 0 0 / 0.15);
  }
  .text-transparent\/20 {
    color: rgb(0 0 0 / 0.2);
  }
  .text-transparent\/25 {
    color: rgb(0 0 0 / 0.25);
  }
  .text-transparent\/30 {
    color: rgb(0 0 0 / 0.3);
  }
  .text-transparent\/35 {
    color: rgb(0 0 0 / 0.35);
  }
  .text-transparent\/40 {
    color: rgb(0 0 0 / 0.4);
  }
  .text-transparent\/45 {
    color: rgb(0 0 0 / 0.45);
  }
  .text-transparent\/5 {
    color: rgb(0 0 0 / 0.05);
  }
  .text-transparent\/50 {
    color: rgb(0 0 0 / 0.5);
  }
  .text-transparent\/55 {
    color: rgb(0 0 0 / 0.55);
  }
  .text-transparent\/60 {
    color: rgb(0 0 0 / 0.6);
  }
  .text-transparent\/65 {
    color: rgb(0 0 0 / 0.65);
  }
  .text-transparent\/70 {
    color: rgb(0 0 0 / 0.7);
  }
  .text-transparent\/75 {
    color: rgb(0 0 0 / 0.75);
  }
  .text-transparent\/80 {
    color: rgb(0 0 0 / 0.8);
  }
  .text-transparent\/85 {
    color: rgb(0 0 0 / 0.85);
  }
  .text-transparent\/90 {
    color: rgb(0 0 0 / 0.9);
  }
  .text-transparent\/95 {
    color: rgb(0 0 0 / 0.95);
  }
  .text-white {
    --tw-text-opacity: 1;
    color: rgb(var(--white) / var(--tw-text-opacity, 1));
  }
  .text-white\/0 {
    color: rgb(var(--white) / 0);
  }
  .text-white\/10 {
    color: rgb(var(--white) / 0.1);
  }
  .text-white\/100 {
    color: rgb(var(--white) / 1);
  }
  .text-white\/15 {
    color: rgb(var(--white) / 0.15);
  }
  .text-white\/20 {
    color: rgb(var(--white) / 0.2);
  }
  .text-white\/25 {
    color: rgb(var(--white) / 0.25);
  }
  .text-white\/30 {
    color: rgb(var(--white) / 0.3);
  }
  .text-white\/35 {
    color: rgb(var(--white) / 0.35);
  }
  .text-white\/40 {
    color: rgb(var(--white) / 0.4);
  }
  .text-white\/45 {
    color: rgb(var(--white) / 0.45);
  }
  .text-white\/5 {
    color: rgb(var(--white) / 0.05);
  }
  .text-white\/50 {
    color: rgb(var(--white) / 0.5);
  }
  .text-white\/55 {
    color: rgb(var(--white) / 0.55);
  }
  .text-white\/60 {
    color: rgb(var(--white) / 0.6);
  }
  .text-white\/65 {
    color: rgb(var(--white) / 0.65);
  }
  .text-white\/70 {
    color: rgb(var(--white) / 0.7);
  }
  .text-white\/75 {
    color: rgb(var(--white) / 0.75);
  }
  .text-white\/80 {
    color: rgb(var(--white) / 0.8);
  }
  .text-white\/85 {
    color: rgb(var(--white) / 0.85);
  }
  .text-white\/90 {
    color: rgb(var(--white) / 0.9);
  }
  .text-white\/95 {
    color: rgb(var(--white) / 0.95);
  }
  .text-yellow {
    --tw-text-opacity: 1;
    color: rgb(var(--yellow) / var(--tw-text-opacity, 1));
  }
  .text-yellow\/0 {
    color: rgb(var(--yellow) / 0);
  }
  .text-yellow\/10 {
    color: rgb(var(--yellow) / 0.1);
  }
  .text-yellow\/100 {
    color: rgb(var(--yellow) / 1);
  }
  .text-yellow\/15 {
    color: rgb(var(--yellow) / 0.15);
  }
  .text-yellow\/20 {
    color: rgb(var(--yellow) / 0.2);
  }
  .text-yellow\/25 {
    color: rgb(var(--yellow) / 0.25);
  }
  .text-yellow\/30 {
    color: rgb(var(--yellow) / 0.3);
  }
  .text-yellow\/35 {
    color: rgb(var(--yellow) / 0.35);
  }
  .text-yellow\/40 {
    color: rgb(var(--yellow) / 0.4);
  }
  .text-yellow\/45 {
    color: rgb(var(--yellow) / 0.45);
  }
  .text-yellow\/5 {
    color: rgb(var(--yellow) / 0.05);
  }
  .text-yellow\/50 {
    color: rgb(var(--yellow) / 0.5);
  }
  .text-yellow\/55 {
    color: rgb(var(--yellow) / 0.55);
  }
  .text-yellow\/60 {
    color: rgb(var(--yellow) / 0.6);
  }
  .text-yellow\/65 {
    color: rgb(var(--yellow) / 0.65);
  }
  .text-yellow\/70 {
    color: rgb(var(--yellow) / 0.7);
  }
  .text-yellow\/75 {
    color: rgb(var(--yellow) / 0.75);
  }
  .text-yellow\/80 {
    color: rgb(var(--yellow) / 0.8);
  }
  .text-yellow\/85 {
    color: rgb(var(--yellow) / 0.85);
  }
  .text-yellow\/90 {
    color: rgb(var(--yellow) / 0.9);
  }
  .text-yellow\/95 {
    color: rgb(var(--yellow) / 0.95);
  }
  .text-opacity-0 {
    --tw-text-opacity: 0;
  }
  .text-opacity-10 {
    --tw-text-opacity: 0.1;
  }
  .text-opacity-100 {
    --tw-text-opacity: 1;
  }
  .text-opacity-15 {
    --tw-text-opacity: 0.15;
  }
  .text-opacity-20 {
    --tw-text-opacity: 0.2;
  }
  .text-opacity-25 {
    --tw-text-opacity: 0.25;
  }
  .text-opacity-30 {
    --tw-text-opacity: 0.3;
  }
  .text-opacity-35 {
    --tw-text-opacity: 0.35;
  }
  .text-opacity-40 {
    --tw-text-opacity: 0.4;
  }
  .text-opacity-45 {
    --tw-text-opacity: 0.45;
  }
  .text-opacity-5 {
    --tw-text-opacity: 0.05;
  }
  .text-opacity-50 {
    --tw-text-opacity: 0.5;
  }
  .text-opacity-55 {
    --tw-text-opacity: 0.55;
  }
  .text-opacity-60 {
    --tw-text-opacity: 0.6;
  }
  .text-opacity-65 {
    --tw-text-opacity: 0.65;
  }
  .text-opacity-70 {
    --tw-text-opacity: 0.7;
  }
  .text-opacity-75 {
    --tw-text-opacity: 0.75;
  }
  .text-opacity-80 {
    --tw-text-opacity: 0.8;
  }
  .text-opacity-85 {
    --tw-text-opacity: 0.85;
  }
  .text-opacity-90 {
    --tw-text-opacity: 0.9;
  }
  .text-opacity-95 {
    --tw-text-opacity: 0.95;
  }
  .underline {
    text-decoration-line: underline;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .decoration-button-primary-text-hover {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .decoration-button-primary-text-hover\/0 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .decoration-button-primary-text-hover\/10 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .decoration-button-primary-text-hover\/100 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .decoration-button-primary-text-hover\/15 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .decoration-button-primary-text-hover\/20 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .decoration-button-primary-text-hover\/25 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .decoration-button-primary-text-hover\/30 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .decoration-button-primary-text-hover\/35 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .decoration-button-primary-text-hover\/40 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .decoration-button-primary-text-hover\/45 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .decoration-button-primary-text-hover\/5 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .decoration-button-primary-text-hover\/50 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .decoration-button-primary-text-hover\/55 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .decoration-button-primary-text-hover\/60 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .decoration-button-primary-text-hover\/65 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .decoration-button-primary-text-hover\/70 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .decoration-button-primary-text-hover\/75 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .decoration-button-primary-text-hover\/80 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .decoration-button-primary-text-hover\/85 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .decoration-button-primary-text-hover\/90 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .decoration-button-primary-text-hover\/95 {
    text-decoration-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .decoration-button-secondary-text-hover {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .decoration-button-secondary-text-hover\/0 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .decoration-button-secondary-text-hover\/10 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .decoration-button-secondary-text-hover\/100 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .decoration-button-secondary-text-hover\/15 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .decoration-button-secondary-text-hover\/20 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .decoration-button-secondary-text-hover\/25 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .decoration-button-secondary-text-hover\/30 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .decoration-button-secondary-text-hover\/35 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .decoration-button-secondary-text-hover\/40 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .decoration-button-secondary-text-hover\/45 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .decoration-button-secondary-text-hover\/5 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .decoration-button-secondary-text-hover\/50 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .decoration-button-secondary-text-hover\/55 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .decoration-button-secondary-text-hover\/60 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .decoration-button-secondary-text-hover\/65 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .decoration-button-secondary-text-hover\/70 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .decoration-button-secondary-text-hover\/75 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .decoration-button-secondary-text-hover\/80 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .decoration-button-secondary-text-hover\/85 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .decoration-button-secondary-text-hover\/90 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .decoration-button-secondary-text-hover\/95 {
    text-decoration-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .decoration-button-tertiary-text-hover {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .decoration-button-tertiary-text-hover\/0 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .decoration-button-tertiary-text-hover\/10 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .decoration-button-tertiary-text-hover\/100 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .decoration-button-tertiary-text-hover\/15 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .decoration-button-tertiary-text-hover\/20 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .decoration-button-tertiary-text-hover\/25 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .decoration-button-tertiary-text-hover\/30 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .decoration-button-tertiary-text-hover\/35 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .decoration-button-tertiary-text-hover\/40 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .decoration-button-tertiary-text-hover\/45 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .decoration-button-tertiary-text-hover\/5 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .decoration-button-tertiary-text-hover\/50 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .decoration-button-tertiary-text-hover\/55 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .decoration-button-tertiary-text-hover\/60 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .decoration-button-tertiary-text-hover\/65 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .decoration-button-tertiary-text-hover\/70 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .decoration-button-tertiary-text-hover\/75 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .decoration-button-tertiary-text-hover\/80 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .decoration-button-tertiary-text-hover\/85 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .decoration-button-tertiary-text-hover\/90 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .decoration-button-tertiary-text-hover\/95 {
    text-decoration-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .decoration-primary\/40 {
    text-decoration-color: rgb(var(--primary-color) / 0.4);
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .placeholder-button-primary-text-hover::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--button-primary-text-hover-color) / var(--tw-placeholder-opacity, 1));
  }
  .placeholder-button-primary-text-hover\/0::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .placeholder-button-primary-text-hover\/10::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .placeholder-button-primary-text-hover\/100::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .placeholder-button-primary-text-hover\/15::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .placeholder-button-primary-text-hover\/20::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .placeholder-button-primary-text-hover\/25::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .placeholder-button-primary-text-hover\/30::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .placeholder-button-primary-text-hover\/35::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .placeholder-button-primary-text-hover\/40::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .placeholder-button-primary-text-hover\/45::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .placeholder-button-primary-text-hover\/5::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .placeholder-button-primary-text-hover\/50::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .placeholder-button-primary-text-hover\/55::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .placeholder-button-primary-text-hover\/60::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .placeholder-button-primary-text-hover\/65::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .placeholder-button-primary-text-hover\/70::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .placeholder-button-primary-text-hover\/75::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .placeholder-button-primary-text-hover\/80::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .placeholder-button-primary-text-hover\/85::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .placeholder-button-primary-text-hover\/90::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .placeholder-button-primary-text-hover\/95::placeholder {
    color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .placeholder-button-secondary-text-hover::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--button-secondary-text-hover-color) / var(--tw-placeholder-opacity, 1));
  }
  .placeholder-button-secondary-text-hover\/0::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .placeholder-button-secondary-text-hover\/10::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .placeholder-button-secondary-text-hover\/100::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .placeholder-button-secondary-text-hover\/15::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .placeholder-button-secondary-text-hover\/20::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .placeholder-button-secondary-text-hover\/25::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .placeholder-button-secondary-text-hover\/30::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .placeholder-button-secondary-text-hover\/35::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .placeholder-button-secondary-text-hover\/40::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .placeholder-button-secondary-text-hover\/45::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .placeholder-button-secondary-text-hover\/5::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .placeholder-button-secondary-text-hover\/50::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .placeholder-button-secondary-text-hover\/55::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .placeholder-button-secondary-text-hover\/60::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .placeholder-button-secondary-text-hover\/65::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .placeholder-button-secondary-text-hover\/70::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .placeholder-button-secondary-text-hover\/75::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .placeholder-button-secondary-text-hover\/80::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .placeholder-button-secondary-text-hover\/85::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .placeholder-button-secondary-text-hover\/90::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .placeholder-button-secondary-text-hover\/95::placeholder {
    color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .placeholder-button-tertiary-text-hover::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-placeholder-opacity, 1));
  }
  .placeholder-button-tertiary-text-hover\/0::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .placeholder-button-tertiary-text-hover\/10::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .placeholder-button-tertiary-text-hover\/100::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .placeholder-button-tertiary-text-hover\/15::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .placeholder-button-tertiary-text-hover\/20::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .placeholder-button-tertiary-text-hover\/25::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .placeholder-button-tertiary-text-hover\/30::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .placeholder-button-tertiary-text-hover\/35::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .placeholder-button-tertiary-text-hover\/40::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .placeholder-button-tertiary-text-hover\/45::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .placeholder-button-tertiary-text-hover\/5::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .placeholder-button-tertiary-text-hover\/50::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .placeholder-button-tertiary-text-hover\/55::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .placeholder-button-tertiary-text-hover\/60::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .placeholder-button-tertiary-text-hover\/65::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .placeholder-button-tertiary-text-hover\/70::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .placeholder-button-tertiary-text-hover\/75::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .placeholder-button-tertiary-text-hover\/80::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .placeholder-button-tertiary-text-hover\/85::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .placeholder-button-tertiary-text-hover\/90::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .placeholder-button-tertiary-text-hover\/95::placeholder {
    color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .caret-button-primary-text-hover {
    caret-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .caret-button-primary-text-hover\/0 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .caret-button-primary-text-hover\/10 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .caret-button-primary-text-hover\/100 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .caret-button-primary-text-hover\/15 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .caret-button-primary-text-hover\/20 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .caret-button-primary-text-hover\/25 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .caret-button-primary-text-hover\/30 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .caret-button-primary-text-hover\/35 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .caret-button-primary-text-hover\/40 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .caret-button-primary-text-hover\/45 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .caret-button-primary-text-hover\/5 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .caret-button-primary-text-hover\/50 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .caret-button-primary-text-hover\/55 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .caret-button-primary-text-hover\/60 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .caret-button-primary-text-hover\/65 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .caret-button-primary-text-hover\/70 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .caret-button-primary-text-hover\/75 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .caret-button-primary-text-hover\/80 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .caret-button-primary-text-hover\/85 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .caret-button-primary-text-hover\/90 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .caret-button-primary-text-hover\/95 {
    caret-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .caret-button-secondary-text-hover {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .caret-button-secondary-text-hover\/0 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .caret-button-secondary-text-hover\/10 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .caret-button-secondary-text-hover\/100 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .caret-button-secondary-text-hover\/15 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .caret-button-secondary-text-hover\/20 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .caret-button-secondary-text-hover\/25 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .caret-button-secondary-text-hover\/30 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .caret-button-secondary-text-hover\/35 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .caret-button-secondary-text-hover\/40 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .caret-button-secondary-text-hover\/45 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .caret-button-secondary-text-hover\/5 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .caret-button-secondary-text-hover\/50 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .caret-button-secondary-text-hover\/55 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .caret-button-secondary-text-hover\/60 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .caret-button-secondary-text-hover\/65 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .caret-button-secondary-text-hover\/70 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .caret-button-secondary-text-hover\/75 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .caret-button-secondary-text-hover\/80 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .caret-button-secondary-text-hover\/85 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .caret-button-secondary-text-hover\/90 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .caret-button-secondary-text-hover\/95 {
    caret-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .caret-button-tertiary-text-hover {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .caret-button-tertiary-text-hover\/0 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .caret-button-tertiary-text-hover\/10 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .caret-button-tertiary-text-hover\/100 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .caret-button-tertiary-text-hover\/15 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .caret-button-tertiary-text-hover\/20 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .caret-button-tertiary-text-hover\/25 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .caret-button-tertiary-text-hover\/30 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .caret-button-tertiary-text-hover\/35 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .caret-button-tertiary-text-hover\/40 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .caret-button-tertiary-text-hover\/45 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .caret-button-tertiary-text-hover\/5 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .caret-button-tertiary-text-hover\/50 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .caret-button-tertiary-text-hover\/55 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .caret-button-tertiary-text-hover\/60 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .caret-button-tertiary-text-hover\/65 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .caret-button-tertiary-text-hover\/70 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .caret-button-tertiary-text-hover\/75 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .caret-button-tertiary-text-hover\/80 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .caret-button-tertiary-text-hover\/85 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .caret-button-tertiary-text-hover\/90 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .caret-button-tertiary-text-hover\/95 {
    caret-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .accent-button-primary-text-hover {
    accent-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .accent-button-primary-text-hover\/0 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .accent-button-primary-text-hover\/10 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .accent-button-primary-text-hover\/100 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .accent-button-primary-text-hover\/15 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .accent-button-primary-text-hover\/20 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .accent-button-primary-text-hover\/25 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .accent-button-primary-text-hover\/30 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .accent-button-primary-text-hover\/35 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .accent-button-primary-text-hover\/40 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .accent-button-primary-text-hover\/45 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .accent-button-primary-text-hover\/5 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .accent-button-primary-text-hover\/50 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .accent-button-primary-text-hover\/55 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .accent-button-primary-text-hover\/60 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .accent-button-primary-text-hover\/65 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .accent-button-primary-text-hover\/70 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .accent-button-primary-text-hover\/75 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .accent-button-primary-text-hover\/80 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .accent-button-primary-text-hover\/85 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .accent-button-primary-text-hover\/90 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .accent-button-primary-text-hover\/95 {
    accent-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .accent-button-secondary-text-hover {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .accent-button-secondary-text-hover\/0 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .accent-button-secondary-text-hover\/10 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .accent-button-secondary-text-hover\/100 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .accent-button-secondary-text-hover\/15 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .accent-button-secondary-text-hover\/20 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .accent-button-secondary-text-hover\/25 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .accent-button-secondary-text-hover\/30 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .accent-button-secondary-text-hover\/35 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .accent-button-secondary-text-hover\/40 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .accent-button-secondary-text-hover\/45 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .accent-button-secondary-text-hover\/5 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .accent-button-secondary-text-hover\/50 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .accent-button-secondary-text-hover\/55 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .accent-button-secondary-text-hover\/60 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .accent-button-secondary-text-hover\/65 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .accent-button-secondary-text-hover\/70 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .accent-button-secondary-text-hover\/75 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .accent-button-secondary-text-hover\/80 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .accent-button-secondary-text-hover\/85 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .accent-button-secondary-text-hover\/90 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .accent-button-secondary-text-hover\/95 {
    accent-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .accent-button-tertiary-text-hover {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .accent-button-tertiary-text-hover\/0 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .accent-button-tertiary-text-hover\/10 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .accent-button-tertiary-text-hover\/100 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .accent-button-tertiary-text-hover\/15 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .accent-button-tertiary-text-hover\/20 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .accent-button-tertiary-text-hover\/25 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .accent-button-tertiary-text-hover\/30 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .accent-button-tertiary-text-hover\/35 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .accent-button-tertiary-text-hover\/40 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .accent-button-tertiary-text-hover\/45 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .accent-button-tertiary-text-hover\/5 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .accent-button-tertiary-text-hover\/50 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .accent-button-tertiary-text-hover\/55 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .accent-button-tertiary-text-hover\/60 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .accent-button-tertiary-text-hover\/65 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .accent-button-tertiary-text-hover\/70 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .accent-button-tertiary-text-hover\/75 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .accent-button-tertiary-text-hover\/80 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .accent-button-tertiary-text-hover\/85 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .accent-button-tertiary-text-hover\/90 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .accent-button-tertiary-text-hover\/95 {
    accent-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-primary {
    --tw-shadow: 0 2px 4px 0 rgb(var(--primary-color) / .24);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-primary-lg {
    --tw-shadow: 0 7px 17px rgb(var(--primary-color) / .1);
    --tw-shadow-colored: 0 7px 17px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    --tw-shadow-colored: 0px 0px 10px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-xs {
    --tw-shadow: 0px 0px 24px rgb(0 0 0 / 0.06);
    --tw-shadow-colored: 0px 0px 24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-button-primary-text-hover {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/0 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/10 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/100 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/15 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.15);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/20 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/25 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/30 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/35 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.35);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/40 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/45 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.45);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/5 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/50 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/55 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.55);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/60 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.6);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/65 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.65);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/70 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.7);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/75 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.75);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/80 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.8);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/85 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.85);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/90 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.9);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-primary-text-hover\/95 {
    --tw-shadow-color: rgb(var(--button-primary-text-hover-color) / 0.95);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/0 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/10 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/100 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/15 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/20 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/25 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/30 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/35 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/40 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/45 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/5 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/50 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/55 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/60 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/65 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/70 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/75 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/80 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/85 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/90 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-secondary-text-hover\/95 {
    --tw-shadow-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/0 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/10 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/100 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/15 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/20 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/25 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/30 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/35 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/40 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/45 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/5 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/50 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/55 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/60 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/65 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/70 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/75 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/80 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/85 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/90 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-button-tertiary-text-hover\/95 {
    --tw-shadow-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .shadow-primary {
    --tw-shadow-color: rgb(var(--primary-color) / 1);
    --tw-shadow: var(--tw-shadow-colored);
  }
  .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  .outline {
    outline-style: solid;
  }
  .outline-button-primary-text-hover {
    outline-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .outline-button-primary-text-hover\/0 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .outline-button-primary-text-hover\/10 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .outline-button-primary-text-hover\/100 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .outline-button-primary-text-hover\/15 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .outline-button-primary-text-hover\/20 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .outline-button-primary-text-hover\/25 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .outline-button-primary-text-hover\/30 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .outline-button-primary-text-hover\/35 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .outline-button-primary-text-hover\/40 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .outline-button-primary-text-hover\/45 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .outline-button-primary-text-hover\/5 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .outline-button-primary-text-hover\/50 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .outline-button-primary-text-hover\/55 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .outline-button-primary-text-hover\/60 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .outline-button-primary-text-hover\/65 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .outline-button-primary-text-hover\/70 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .outline-button-primary-text-hover\/75 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .outline-button-primary-text-hover\/80 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .outline-button-primary-text-hover\/85 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .outline-button-primary-text-hover\/90 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .outline-button-primary-text-hover\/95 {
    outline-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .outline-button-secondary-text-hover {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .outline-button-secondary-text-hover\/0 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .outline-button-secondary-text-hover\/10 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .outline-button-secondary-text-hover\/100 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .outline-button-secondary-text-hover\/15 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .outline-button-secondary-text-hover\/20 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .outline-button-secondary-text-hover\/25 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .outline-button-secondary-text-hover\/30 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .outline-button-secondary-text-hover\/35 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .outline-button-secondary-text-hover\/40 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .outline-button-secondary-text-hover\/45 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .outline-button-secondary-text-hover\/5 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .outline-button-secondary-text-hover\/50 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .outline-button-secondary-text-hover\/55 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .outline-button-secondary-text-hover\/60 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .outline-button-secondary-text-hover\/65 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .outline-button-secondary-text-hover\/70 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .outline-button-secondary-text-hover\/75 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .outline-button-secondary-text-hover\/80 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .outline-button-secondary-text-hover\/85 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .outline-button-secondary-text-hover\/90 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .outline-button-secondary-text-hover\/95 {
    outline-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .outline-button-tertiary-text-hover {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .outline-button-tertiary-text-hover\/0 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .outline-button-tertiary-text-hover\/10 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .outline-button-tertiary-text-hover\/100 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .outline-button-tertiary-text-hover\/15 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .outline-button-tertiary-text-hover\/20 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .outline-button-tertiary-text-hover\/25 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .outline-button-tertiary-text-hover\/30 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .outline-button-tertiary-text-hover\/35 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .outline-button-tertiary-text-hover\/40 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .outline-button-tertiary-text-hover\/45 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .outline-button-tertiary-text-hover\/5 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .outline-button-tertiary-text-hover\/50 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .outline-button-tertiary-text-hover\/55 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .outline-button-tertiary-text-hover\/60 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .outline-button-tertiary-text-hover\/65 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .outline-button-tertiary-text-hover\/70 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .outline-button-tertiary-text-hover\/75 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .outline-button-tertiary-text-hover\/80 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .outline-button-tertiary-text-hover\/85 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .outline-button-tertiary-text-hover\/90 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .outline-button-tertiary-text-hover\/95 {
    outline-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .outline-focus {
    outline-color: rgb(var(--focus) / 1);
  }
  .ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  .ring-button-primary-text-hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / var(--tw-ring-opacity, 1));
  }
  .ring-button-primary-text-hover\/0 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .ring-button-primary-text-hover\/10 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .ring-button-primary-text-hover\/100 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .ring-button-primary-text-hover\/15 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .ring-button-primary-text-hover\/20 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .ring-button-primary-text-hover\/25 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .ring-button-primary-text-hover\/30 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .ring-button-primary-text-hover\/35 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .ring-button-primary-text-hover\/40 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .ring-button-primary-text-hover\/45 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .ring-button-primary-text-hover\/5 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .ring-button-primary-text-hover\/50 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .ring-button-primary-text-hover\/55 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .ring-button-primary-text-hover\/60 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .ring-button-primary-text-hover\/65 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .ring-button-primary-text-hover\/70 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .ring-button-primary-text-hover\/75 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .ring-button-primary-text-hover\/80 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .ring-button-primary-text-hover\/85 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .ring-button-primary-text-hover\/90 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .ring-button-primary-text-hover\/95 {
    --tw-ring-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .ring-button-secondary-text-hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / var(--tw-ring-opacity, 1));
  }
  .ring-button-secondary-text-hover\/0 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .ring-button-secondary-text-hover\/10 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .ring-button-secondary-text-hover\/100 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .ring-button-secondary-text-hover\/15 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .ring-button-secondary-text-hover\/20 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .ring-button-secondary-text-hover\/25 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .ring-button-secondary-text-hover\/30 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .ring-button-secondary-text-hover\/35 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .ring-button-secondary-text-hover\/40 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .ring-button-secondary-text-hover\/45 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .ring-button-secondary-text-hover\/5 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .ring-button-secondary-text-hover\/50 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .ring-button-secondary-text-hover\/55 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .ring-button-secondary-text-hover\/60 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .ring-button-secondary-text-hover\/65 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .ring-button-secondary-text-hover\/70 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .ring-button-secondary-text-hover\/75 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .ring-button-secondary-text-hover\/80 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .ring-button-secondary-text-hover\/85 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .ring-button-secondary-text-hover\/90 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .ring-button-secondary-text-hover\/95 {
    --tw-ring-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .ring-button-tertiary-text-hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / var(--tw-ring-opacity, 1));
  }
  .ring-button-tertiary-text-hover\/0 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .ring-button-tertiary-text-hover\/10 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .ring-button-tertiary-text-hover\/100 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .ring-button-tertiary-text-hover\/15 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .ring-button-tertiary-text-hover\/20 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .ring-button-tertiary-text-hover\/25 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .ring-button-tertiary-text-hover\/30 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .ring-button-tertiary-text-hover\/35 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .ring-button-tertiary-text-hover\/40 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .ring-button-tertiary-text-hover\/45 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .ring-button-tertiary-text-hover\/5 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .ring-button-tertiary-text-hover\/50 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .ring-button-tertiary-text-hover\/55 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .ring-button-tertiary-text-hover\/60 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .ring-button-tertiary-text-hover\/65 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .ring-button-tertiary-text-hover\/70 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .ring-button-tertiary-text-hover\/75 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .ring-button-tertiary-text-hover\/80 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .ring-button-tertiary-text-hover\/85 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .ring-button-tertiary-text-hover\/90 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .ring-button-tertiary-text-hover\/95 {
    --tw-ring-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .ring-offset-button-primary-text-hover {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .ring-offset-button-primary-text-hover\/0 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0);
  }
  .ring-offset-button-primary-text-hover\/10 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.1);
  }
  .ring-offset-button-primary-text-hover\/100 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 1);
  }
  .ring-offset-button-primary-text-hover\/15 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.15);
  }
  .ring-offset-button-primary-text-hover\/20 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.2);
  }
  .ring-offset-button-primary-text-hover\/25 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.25);
  }
  .ring-offset-button-primary-text-hover\/30 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.3);
  }
  .ring-offset-button-primary-text-hover\/35 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.35);
  }
  .ring-offset-button-primary-text-hover\/40 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.4);
  }
  .ring-offset-button-primary-text-hover\/45 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.45);
  }
  .ring-offset-button-primary-text-hover\/5 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.05);
  }
  .ring-offset-button-primary-text-hover\/50 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.5);
  }
  .ring-offset-button-primary-text-hover\/55 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.55);
  }
  .ring-offset-button-primary-text-hover\/60 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.6);
  }
  .ring-offset-button-primary-text-hover\/65 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.65);
  }
  .ring-offset-button-primary-text-hover\/70 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.7);
  }
  .ring-offset-button-primary-text-hover\/75 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.75);
  }
  .ring-offset-button-primary-text-hover\/80 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.8);
  }
  .ring-offset-button-primary-text-hover\/85 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.85);
  }
  .ring-offset-button-primary-text-hover\/90 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.9);
  }
  .ring-offset-button-primary-text-hover\/95 {
    --tw-ring-offset-color: rgb(var(--button-primary-text-hover-color) / 0.95);
  }
  .ring-offset-button-secondary-text-hover {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .ring-offset-button-secondary-text-hover\/0 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0);
  }
  .ring-offset-button-secondary-text-hover\/10 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.1);
  }
  .ring-offset-button-secondary-text-hover\/100 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 1);
  }
  .ring-offset-button-secondary-text-hover\/15 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.15);
  }
  .ring-offset-button-secondary-text-hover\/20 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.2);
  }
  .ring-offset-button-secondary-text-hover\/25 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.25);
  }
  .ring-offset-button-secondary-text-hover\/30 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.3);
  }
  .ring-offset-button-secondary-text-hover\/35 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.35);
  }
  .ring-offset-button-secondary-text-hover\/40 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.4);
  }
  .ring-offset-button-secondary-text-hover\/45 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.45);
  }
  .ring-offset-button-secondary-text-hover\/5 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.05);
  }
  .ring-offset-button-secondary-text-hover\/50 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.5);
  }
  .ring-offset-button-secondary-text-hover\/55 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.55);
  }
  .ring-offset-button-secondary-text-hover\/60 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.6);
  }
  .ring-offset-button-secondary-text-hover\/65 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.65);
  }
  .ring-offset-button-secondary-text-hover\/70 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.7);
  }
  .ring-offset-button-secondary-text-hover\/75 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.75);
  }
  .ring-offset-button-secondary-text-hover\/80 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.8);
  }
  .ring-offset-button-secondary-text-hover\/85 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.85);
  }
  .ring-offset-button-secondary-text-hover\/90 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.9);
  }
  .ring-offset-button-secondary-text-hover\/95 {
    --tw-ring-offset-color: rgb(var(--button-secondary-text-hover-color) / 0.95);
  }
  .ring-offset-button-tertiary-text-hover {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .ring-offset-button-tertiary-text-hover\/0 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0);
  }
  .ring-offset-button-tertiary-text-hover\/10 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.1);
  }
  .ring-offset-button-tertiary-text-hover\/100 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 1);
  }
  .ring-offset-button-tertiary-text-hover\/15 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.15);
  }
  .ring-offset-button-tertiary-text-hover\/20 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.2);
  }
  .ring-offset-button-tertiary-text-hover\/25 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.25);
  }
  .ring-offset-button-tertiary-text-hover\/30 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.3);
  }
  .ring-offset-button-tertiary-text-hover\/35 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.35);
  }
  .ring-offset-button-tertiary-text-hover\/40 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.4);
  }
  .ring-offset-button-tertiary-text-hover\/45 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.45);
  }
  .ring-offset-button-tertiary-text-hover\/5 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.05);
  }
  .ring-offset-button-tertiary-text-hover\/50 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.5);
  }
  .ring-offset-button-tertiary-text-hover\/55 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.55);
  }
  .ring-offset-button-tertiary-text-hover\/60 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.6);
  }
  .ring-offset-button-tertiary-text-hover\/65 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.65);
  }
  .ring-offset-button-tertiary-text-hover\/70 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.7);
  }
  .ring-offset-button-tertiary-text-hover\/75 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.75);
  }
  .ring-offset-button-tertiary-text-hover\/80 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.8);
  }
  .ring-offset-button-tertiary-text-hover\/85 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.85);
  }
  .ring-offset-button-tertiary-text-hover\/90 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.9);
  }
  .ring-offset-button-tertiary-text-hover\/95 {
    --tw-ring-offset-color: rgb(var(--button-tertiary-text-hover-color) / 0.95);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .blur-\[2px\] {
    --tw-blur: blur(2px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .\!filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
  }
  .transition-\[0\.5s\] {
    transition-property: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 250ms;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-out {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  .tertiary-hover {
    background-color: rgb(var(--button-tertiary-background-hover-color));
    box-shadow: 0 2px 3px rgb(var(--button-tertiary-background-hover-color)/0.1);
  }
}
:root {
  --primary-color: 0 0 86;
  --secondary-color: 56 98 255;
  --text-color: 0 0 86;
  --button-radius: 24px;
  --button-primary-text-default-color: 255 255 255;
  --button-primary-text-hover-color: 255 255 255;
  --button-primary-background-default-color: 56 98 255;
  --button-primary-background-hover-color: 80 110 225;
  --button-primary-border-default-color: 255 255 255;
  --button-primary-border-hover-color: 255 255 255;
  --button-secondary-text-default-color: 0 0 86;
  --button-secondary-text-hover-color: 0 0 86;
  --button-secondary-background-default-color: 255 255 255;
  --button-secondary-background-hover-color: 248 249 255;
  --button-secondary-border-default-color: 56 98 255;
  --button-secondary-border-hover-color: 80 110 225;
  --button-tertiary-text-default-color: 0 0 86;
  --button-tertiary-text-hover-color: 0 0 86;
  --button-tertiary-background-default-color: 197 209 255;
  --button-tertiary-background-hover-color: 217 217 252;
  --button-tertiary-border-default-color: 241 241 254;
  --button-tertiary-border-hover-color: 217 217 252;
  --link-default-color: 56 98 255;
  --link-hover-color: 80 110 225;
  --header-border-color: 0 0 86;
  --header-fill-color: 255 255 255;
  --header-text-color: 0 0 86;
  --sidebar-primary-color: 255 255 255;
  --sidebar-register-color: 0 0 86;
  --sidebar-text-color: 0 0 86;
  --sidebar-active-flowstep-primary-color: 0 0 86;
  --sidebar-active-flowstep-text-color: 255 255 255;
  --background-fill: 56 98 255 / 0.05;
  --chip-text-color: 0 0 86;
  --infobox-border-color: 56 98 255;
  --input-height: 44px;
  --input-icon-width: 48px;
  --input-icon-width-inside: 40px;
  --har-font-family: "Archivo", "Helvetica Neue", sans-serif;
  --gray-night: 10 6 58;
  --gray-dark: 55 57 64;
  --gray-light: 175 188 200;
  --gray-lighter: 245 247 248;
  --gray-lightest: 228 239 250;
  --gray-steel: 114 134 153;
  --gray-intermediate: 235 235 239;
  --focus: 119 119 199;
  --red: 255 87 87;
  --red-dark: 240 0 0;
  --red-light: 255 237 237;
  --red-lightest: 255 247 247;
  --orange: 255 103 23;
  --orange-dark: 227 78 0;
  --orange-light: 227 182 0;
  --green: 28 197 131;
  --yellow: 255 213 9;
  --blue: 56 98 255;
  --blue-light: 25 145 255;
  --blue-lighter: 82 244 250;
  --white: 255 255 255;
  --black: 0 0 0;
  --input-label-top: -0.6875rem;
  --input-label-left: 0.6875rem;
  --ms: 1.142rem;
  --text-h1: 1.625rem; /* 26px */
  --text-h2: 1.438rem; /* 23px */
  --text-h3: 1.250rem; /* 20px */
  --text-h4: 1.125rem; /* 18px */
  --text-b1: 1rem; /* 16px */
  --text-b2: 0.875rem; /* 14px */
  --text-micro: 0.812rem; /* 10px */
  --text-h1-mobile: 1.312rem; /* 21px */
  --text-h2-mobile: 1.188rem; /* 19px */
  --text-h3-mobile: 1.125rem; /* 18px */
  --text-h4-mobile: 1.062rem; /* 17px */
  --text-b1-mobile: 1rem; /* 16px */
  --text-b2-mobile: 0.875rem; /* 14px */
  --text-micro-mobile: 0.812rem; /* 10px */
}

router-outlet {
  display: none;
}

@layer harmoney {
  har-status-message ul, har-input-message ul {
    padding: 0 0 0 1rem;
    margin: 0;
  }
  har-status-message ul li, har-input-message ul li {
    padding: 0;
    margin: 0;
  }
  .border-bottom-secondary-color-3-solid-05-hover:hover:not(.disabled):not(.selected) {
    border-bottom-width: 3px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-style: solid;
    border-color: rgb(var(--secondary-color) / 0.5);
  }
  main, mat-sidenav-container {
    height: 100%;
  }
  html {
    font-size: var(--text-b2-mobile);
  }
  @media (min-width: 640px) {
    html {
      font-size: var(--text-b2);
    }
  }
  html {
    font-size: 1rem;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    line-height: 1.45;
  }
  body {
    background: rgb(var(--background-fill));
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  html, body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100dvh;
  }
  * {
    font-family: var(--har-font-family), sans-serif;
  }
  html, body, ul, li, p :not(button) {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  mark {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1)) !important;
    background: none !important;
  }
  p {
    max-width: 700px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
  }
  .inner-p p {
    margin: 1rem 0;
  }
  a, .link {
    cursor: pointer;
  }
  a:not(.no-style), .link:not(.no-style) {
    font-weight: 600;
    color: rgb(var(--link-default-color));
  }
  a:not(.no-style):not(.p-menu-item-link):not(.no-underline), .link:not(.no-style):not(.p-menu-item-link):not(.no-underline) {
    text-decoration: underline;
  }
  a:not(.no-style).img, .link:not(.no-style).img {
    text-decoration: none;
  }
  a:not(.no-style).img span[class*=icon-].small, .link:not(.no-style).img span[class*=icon-].small {
    font-size: var(--text-h4);
  }
  a:not(.no-style).img span, .link:not(.no-style).img span {
    vertical-align: middle;
  }
  a:not(.no-style).img span:not([class*=icon-]), .link:not(.no-style).img span:not([class*=icon-]) {
    text-decoration: underline;
    text-decoration-color: rgb(var(--link-default-color)/0.4);
  }
  a:not(.no-style):hover, .link:not(.no-style):hover {
    color: rgb(var(--link-hover-color));
    transition: 0.5s;
  }
  a.primary-color, .link.primary-color {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1)) !important;
    text-decoration-color: rgb(var(--primary-color) / 0.4) !important;
  }
  .link-color {
    color: rgb(var(--link-default-color)) !important;
  }
  .disabled .link-color {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
  }
  .ios-scroll {
    -webkit-overflow-scrolling: touch;
  }
  body {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body.scroll-locked {
    left: 0;
    width: 100%;
    height: 100%;
  }
  body .p-menu.p-menu-overlay {
    min-width: var(--p-menu-min-width) !important;
  }
  .bs-bb {
    box-sizing: border-box;
  }
  img {
    flex-shrink: 0;
  }
  .page-container {
    margin-top: 66px;
    width: 100%;
  }
  .page-container .detail-page {
    padding-top: 64px;
  }
  .page-container .detail-page.side-padding {
    padding-right: 1rem;
  }
  .page-container har-breadcrumb {
    position: fixed;
    right: 0px;
    z-index: 10;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
    left: 90px;
    top: 66px;
  }
  .page-container har-navigation-tabs {
    position: fixed;
    top: 138px;
    left: 90px;
    right: 0;
  }
  .page-container har-navigation-tabs .navigation-tabs {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .page-container har-navigation-tabs .navigation-tabs::-webkit-scrollbar {
    display: none;
  }
  .page-container .breadcrumb-container {
    margin-top: 66px;
  }
  .page-container .page-title {
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: rgb(var(--gray-dark) / 0.3);
    height: 72px;
    background-color: white;
  }
  .page-container .side-padding, .page-container.side-padding {
    width: 100%;
    box-sizing: border-box;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .c-light-gray {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
  }
  .default-input-width {
    width: 448px;
  }
  h1, h2, h3, h4, h6 {
    font-weight: normal;
    padding: 0;
    margin: 0;
  }
  h1, .h1 {
    font-size: var(--text-h1-mobile);
  }
  @media (min-width: 640px) {
    h1, .h1 {
      font-size: var(--text-h1);
    }
  }
  h1, .h1 {
    line-height: 1.25;
  }
  h2, .h2 {
    font-size: var(--text-h2-mobile);
  }
  @media (min-width: 640px) {
    h2, .h2 {
      font-size: var(--text-h2);
    }
  }
  h2, .h2 {
    line-height: 1.2;
  }
  h3, .h3 {
    font-size: var(--text-h3-mobile);
  }
  @media (min-width: 640px) {
    h3, .h3 {
      font-size: var(--text-h3);
    }
  }
  h3, .h3 {
    line-height: 1.25;
  }
  h4, .h4 {
    font-size: var(--text-h4-mobile);
  }
  @media (min-width: 640px) {
    h4, .h4 {
      font-size: var(--text-h4);
    }
  }
  h4, .h4 {
    line-height: 1.3;
  }
  .body-2 {
    font-size: var(--text-b2-mobile);
  }
  @media (min-width: 640px) {
    .body-2 {
      font-size: var(--text-b2);
    }
  }
  .body-2 {
    line-height: 20px;
  }
  small, small > * {
    font-size: 0.71rem !important;
    line-height: 1.45;
  }
  .semibold, .semibold > *, strong, strong > * {
    font-weight: 600 !important;
  }
  .fw-n, .fw-n > * {
    font-weight: normal;
  }
  .two-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: break-word;
    font-size: var(--text-b1-mobile);
  }
  @media (min-width: 640px) {
    .two-lines {
      font-size: var(--text-b1);
    }
  }
  .two-lines {
    line-height: 1.5rem;
    height: 2rem;
  }
  .four-lines {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    word-break: break-word;
    font-size: var(--text-b1-mobile);
  }
  @media (min-width: 640px) {
    .four-lines {
      font-size: var(--text-b1);
    }
  }
  .four-lines {
    line-height: 1.5rem;
    height: 4rem;
  }
  .cool-gray {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  .success {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--green) / var(--tw-text-opacity, 1)) !important;
  }
  .error {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--red) / var(--tw-text-opacity, 1)) !important;
  }
  .warning {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--orange) / var(--tw-text-opacity, 1)) !important;
  }
  .text-nowrap, .text-nowrap div {
    white-space: nowrap;
  }
  .text-wrap, .text-wrap div {
    word-break: break-word;
  }
  .text-ellipsis, .text-ellipsis div {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .har-expansion.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: none;
  }
  .har-expansion.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-header {
    padding: 0;
    margin-right: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  .har-expansion.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-header:not(.no-bottom-border) {
    border-bottom-width: 1.2px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: rgb(var(--gray-dark) / 0.3);
    border-radius: 0.5px;
    padding-bottom: 0.75rem;
  }
  .har-expansion.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-header .mat-expansion-indicator::after {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
    border-width: 0 3px 3px 0;
    margin-top: -3px;
  }
  .har-expansion.mat-expansion-panel:not([class*=mat-elevation-z]) .mat-expansion-panel-header:hover {
    background-color: transparent;
  }
  .har-expansion .mat-expansion-panel-content {
    font: inherit;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  .har-expansion .mat-expansion-panel-content .mat-expansion-panel-body {
    padding: 0;
  }
  .har-expansion .mat-expansion-panel-content .mat-expansion-panel-body .mat-expansion-panel-header-description {
    margin-right: 0;
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  .line-separator {
    height: 1px;
    width: 100%;
    background-color: rgb(var(--gray-dark) / 0.3);
  }

@layer harmoney {
  .bottom-navigation-bar.line-separator {
      width: 100vw;
    }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.line-separator):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.line-separator):not(.disable-legacy) {
        width: 100vw;
      }
    .bottom-navigation-bar:not(.line-separator):not(.disable-legacy).in-card {
        width: auto;
      }
  }
}
  @media screen and (max-width: 1280px) {
    .ml-s-tablet {
      margin-left: 1rem;
    }
    .right-col har-verify-otp form.har-form, .right-col har-verify-otp .box {
      width: 100% !important;
      max-width: 480px !important;
    }
    .right-col .wrong-mobile-phone {
      width: calc(66% - 48px) !important;
      right: calc(50% - (66% - 48px) / 2) !important;
    }
    .page-container {
      margin-top: 56px;
    }
    .page-container har-breadcrumb {
      top: 56px;
      left: 64px;
    }
    .page-container har-navigation-tabs {
      top: 128px;
      left: 64px;
    }
    .page-container .breadcrumb-container {
      margin-top: 72px;
    }
    .page-container .page-title {
      height: 72px;
    }
    .page-container .page-title .title {
      font-size: var(--text-h2-mobile);
    }
    @media (min-width: 640px) {
      .page-container .page-title .title {
        font-size: var(--text-h2);
      }
    }
  }
  input, textarea {
    font-size: var(--text-b1-mobile);
  }
  @media (min-width: 640px) {
    input, textarea {
      font-size: var(--text-b2);
    }
  }
  input, textarea {
    box-shadow: none;
    outline: none;
  }
  .mat-drawer-transition .mat-drawer-content {
    height: calc(100dvh - 70px);
  }
  .mat-mdc-tab-header, .mat-mdc-tab-nav-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  .popover {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 40;
    display: block;
    font-size: var(--text-b1-mobile);
  }
  @media (min-width: 640px) {
    .popover {
      font-size: var(--text-b1);
    }
  }
  .popover {
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-width: 286px;
  }
  .popover-title {
    font-size: var(--text-b1-mobile) !important;
  }
  @media (min-width: 640px) {
    .popover-title {
      font-size: var(--text-b1) !important;
    }
  }
  .popover-title {
    padding: 0.5rem 1rem;
    margin: 0;
    font-size: 1rem !important;
    font-weight: 600;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
  }
  .popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
  }
  .popover .popover-arrow::before, .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
  }
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-0.5rem - 1px);
  }
  .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
  }
  .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
  }
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
  }
  .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
  }
  .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
  }
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-0.5rem - 1px);
  }
  .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
  }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
  }
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
  }
  .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
  }
  .popover-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
  }
  .popover-body {
    padding: 0.75rem;
  }
  .flow-height {
    height: calc(100dvh - 66px - 72px - 60px);
  }
  @media screen and (max-width: 1280px) {
    .flow-height {
      height: calc(100dvh - 56px - 72px - 60px);
    }
  }
  .bottom-navigation-bar {
    z-index: 30;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .bottom-navigation-bar:not(.in-card) {
    box-shadow: 0px -1px 4px rgba(175, 188, 200, 0.3);
  }
  .bottom-navigation-bar:not(.disable-legacy) {
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin-top: auto;
    width: calc(100dvw - 90px);
  }
  body.embedded-mode .bottom-navigation-bar:not(.disable-legacy) {
    width: 100vw;
  }
  .bottom-navigation-bar.in-card {
    position: relative;
    height: 100%;
    width: auto;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    bottom: unset;
    right: unset;
  }
  .bottom-navigation-bar:not(.in-card) {
    min-height: 60px;
  }
  .bottom-navigation-bar .bottom-navigation {
    line-height: 1;
  }
  .bottom-navigation-bar .bottom-navigation.next {
    margin-left: auto;
    justify-content: flex-end;
  }
  .bottom-navigation-bar.w-full {
    width: 100vw;
  }
  #selector-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 50;
  }
  @media screen and (max-width: 1280px) {
    .bottom-navigation-bar:not(.w-full):not(.disable-legacy) {
      width: calc(100dvw - 64px);
    }
    body.embedded-mode .bottom-navigation-bar:not(.w-full):not(.disable-legacy) {
      width: 100vw;
    }
    .bottom-navigation-bar:not(.w-full):not(.disable-legacy).in-card {
      width: auto;
    }
  }
  @media screen and (min-width: 641px) and (orientation: portrait) {
    body:not(.android) .mobile {
      display: none !important;
    }
  }
  .applied-filter {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--secondary-color) / var(--tw-border-opacity, 1));
    background-color: rgb(var(--secondary-color) / .7);
    border-radius: 1.5rem;
    height: 30px;
    color: white;
  }
  .applied-filter .icon-ico_chip:before {
    background-color: rgb(var(--secondary-color) / 0.2);
    border-radius: 50%;
    color: rgb(var(--chip-text-color));
  }
  .applied-filter img {
    height: 20px;
    width: 20px;
    padding: 0.25rem;
  }
  .applied-filter.crop-chips {
    width: 30px;
    padding: 0px;
  }
  /**
   * Sidebar color css
   */
  .unauthenticated-page-content {
    margin-top: 96px;
    height: calc(100dvh - 96px);
  }
  .unauthenticated-page-content.no-header {
    margin-top: 0;
    height: 100dvh;
  }
  .absolute-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  body.i-frame {
    grid-template-rows: 1fr;
  }
  body.i-frame har-top-navigation {
    display: none;
  }
  body.i-frame har-breadcrumb {
    display: none;
  }
  body.i-frame har-root .page-container {
    grid-template-rows: 1fr;
  }
  body.i-frame .cards-container {
    height: calc(100dvh - 60px);
  }
  body.direct-flow har-breadcrumb {
    display: none;
  }
  body.direct-flow har-sidebar {
    display: none;
  }
  body.direct-flow har-root .page-container {
    grid-template-rows: 1fr;
  }
  body.direct-flow .cards-container {
    height: calc(100dvh - 60px - 66px);
  }
  @media screen and (max-width: 1280px) {
    body.direct-flow .cards-container {
      height: calc(100dvh - 60px - 56px);
    }
  }
  body.no-sidebar .page-container har-breadcrumb, body.q-flow .page-container har-breadcrumb {
    left: 0 !important;
  }
  body.no-sidebar .page-container har-navigation-tabs, body.q-flow .page-container har-navigation-tabs {
    left: 0 !important;
  }
  body.no-sidebar .bottom-navigation-bar:not(.disable-legacy), body.q-flow .bottom-navigation-bar:not(.disable-legacy) {
    width: 100vw !important;
  }
  har-duo-tone-icon.one-step {
    font-size: 7.5rem;
  }
  har-duo-tone-icon.one-step.large-spot {
    font-size: 11.25rem;
  }
  color-picker .color-picker {
    z-index: 0 !important;
  }
  .doc-info-popup {
    position: absolute;
    left: 32px;
    z-index: 10;
  }
  .draggable-area.in-a-modal {
    min-width: 448px;
  }
  @media screen and (max-width: 640px) {
    .draggable-area.in-a-modal {
      min-width: auto;
    }
  }
  .draggable-area.in-a-modal body.android {
    min-width: auto;
  }
  .draggable-area.list-view {
    height: calc(100dvh - 72px - 66px - 60px - 60px - 48px);
  }
  @media screen and (max-width: 1280px) {
    .draggable-area.list-view {
      height: calc(100dvh - 72px - 56px - 60px - 60px - 48px);
    }
  }
  @media screen and (max-width: 640px) {
    .draggable-area.list-view {
      height: auto;
    }
  }
  .draggable-area.list-view body.android {
    height: auto;
  }
  .draggable-area .drag-drop-doc {
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(var(--secondary-color) / 0.3);
    border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 10;
  }
  .draggable-area .drag-drop-doc.in-a-modal {
    max-height: calc(96vh - 270px);
    margin: 0;
    height: 100%;
    width: 100%;
  }
  .doc-file-name {
    border-radius: 4px;
  }
  .document-loading-bar {
    height: 4px;
    border-radius: 4px;
  }
  .document-loading-bar :first-child {
    height: 4px;
    border-radius: 4px;
  }
  .close-filter {
    background: white;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .close-filter .icon-close {
    font-size: var(--text-b2-mobile) !important;
  }
  @media (min-width: 640px) {
    .close-filter .icon-close {
      font-size: var(--text-b2) !important;
    }
  }
  .close-filter .icon-close {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1)) !important;
  }
  .graph-legend-circle {
    width: 8px;
    height: 8px;
    border-radius: 100%;
  }
  .simple-table tbody tr:nth-child(odd) {
    background-color: rgb(var(--background-fill));
  }
  .simple-table tbody tr:nth-child(even) {
    background-color: white;
  }
  .two-columns-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 356px));
    grid-gap: 16px;
  }
  .grid-small-cards {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(296px, max-content));
  }
  .tel-input-width {
    max-width: calc(100% - 156px);
  }
  .max-w-icon {
    max-width: calc(100% - 52px);
  }
  @media screen and (max-width: 1280px) {
    .two-columns-grid {
      grid-template-columns: repeat(1, minmax(0, 356px));
    }
  }
  @media screen and (max-width: 640px) {
    .grid-small-cards {
      grid-template-columns: repeat(auto-fit, 100%);
    }
  }
  body.android .grid-small-cards {
    grid-template-columns: repeat(auto-fit, 100%);
  }
  .in-modal .document-name {
    max-width: 250px;
  }
  .question-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .center-elements {
    height: calc(100% - 64px);
  }
  body.embedded-mode .center-elements {
    height: calc(100% - 40px);
  }
  /**
   * Card title style
   */
  .card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-lightest) / var(--tw-border-opacity, 1));
  }
}
.icon-spinner .path2:before {
  color: rgb(0, 0, 86);
}

.dropdown-description, .dropdown-description * {
  color: rgb(var(--primary-color) / 0.7);
}

@media print {
  html {
    height: 100dvh !important;
  }
  body {
    min-height: 100dvh !important;
    height: auto !important;
    position: relative !important;
  }
  .har-grid {
    min-height: 100dvh !important;
  }
  * {
    overflow: visible !important;
  }
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
}

.hover\:no-underline:hover {
  text-decoration-line: none;
}

.hover\:shadow-action-button:hover {
  --tw-shadow: 0 4px 4px 0 rgba(55, 57, 64, 0.15);
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-visible\:outline-2:focus-visible {
  outline-width: 2px;
}

.group:hover .group-hover\:border-2 {
  border-width: 2px;
}

.group:hover .group-hover\:border-l-0 {
  border-left-width: 0px;
}

.group:hover .group-hover\:border-r-0 {
  border-right-width: 0px;
}

.group:hover .group-hover\:px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}

.group:hover .group-hover\:px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}

.group:hover .group-hover\:pl-\[15px\] {
  padding-left: 15px;
}

.group:hover .group-hover\:pr-\[15px\] {
  padding-right: 15px;
}

.group:hover .group-hover\:pr-\[45px\] {
  padding-right: 45px;
}

.group:hover .group-hover\:pr-\[46px\] {
  padding-right: 46px;
}

@media not all and (min-width: 640px) {
  .max-sm\:h-\[24px\] {
    height: 24px;
  }
  .max-sm\:flex-col {
    flex-direction: column;
  }
  .max-sm\:border-none {
    border-style: none;
  }
  .max-sm\:bg-transparent {
    background-color: transparent;
  }
  .max-sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }
  .max-sm\:hover\:shadow-none:hover {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

@media (min-width: 640px) {
  .sm\:visible {
    visibility: visible;
  }
  .sm\:right-0 {
    right: 0px;
  }
  .sm\:order-first {
    order: -9999;
  }
  .sm\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .sm\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .sm\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .sm\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .sm\:mb-0 {
    margin-bottom: 0px;
  }
  .sm\:mb-auto {
    margin-bottom: auto;
  }
  .sm\:ml-4 {
    margin-left: 1rem;
  }
  .sm\:ml-\[8px\] {
    margin-left: 8px;
  }
  .sm\:mr-\[16px\] {
    margin-right: 16px;
  }
  .sm\:mr-\[8px\] {
    margin-right: 8px;
  }
  .sm\:mt-0 {
    margin-top: 0px;
  }
  .sm\:mt-\[24px\] {
    margin-top: 24px;
  }
  .sm\:block {
    display: block;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:h-\[64px\] {
    height: 64px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:max-h-\[calc\(100dvh_-_128px\)\] {
    max-height: calc(100dvh - 128px);
  }
  .sm\:w-\[270px\] {
    width: 270px;
  }
  .sm\:w-\[375px\] {
    width: 375px;
  }
  .sm\:w-\[80\%\] {
    width: 80%;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:min-w-\[240px\] {
    min-width: 240px;
  }
  .sm\:min-w-\[448px\] {
    min-width: 448px;
  }
  .sm\:max-w-\[200px\] {
    max-width: 200px;
  }
  .sm\:max-w-\[300px\] {
    max-width: 300px;
  }
  .sm\:max-w-\[480px\] {
    max-width: 480px;
  }
  .sm\:max-w-\[50rem\] {
    max-width: 50rem;
  }
  .sm\:translate-x-\[375px\] {
    --tw-translate-x: 375px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-3 {
    gap: 0.75rem;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:overflow-x-auto {
    overflow-x: auto;
  }
  .sm\:overflow-y-visible {
    overflow-y: visible;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .sm\:px-\[16px\] {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sm\:px-\[19px\] {
    padding-left: 19px;
    padding-right: 19px;
  }
  .sm\:px-\[32px\] {
    padding-left: 32px;
    padding-right: 32px;
  }
  .sm\:py-\[8px\] {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .sm\:pb-\[19px\] {
    padding-bottom: 19px;
  }
  .sm\:pl-\[16px\] {
    padding-left: 16px;
  }
  .sm\:pr-\[16px\] {
    padding-right: 16px;
  }
  .sm\:pr-\[24px\] {
    padding-right: 24px;
  }
  .sm\:pt-\[26px\] {
    padding-top: 26px;
  }
  .sm\:text-b1 {
    font-size: var(--text-b1);
  }
  .sm\:text-b2 {
    font-size: var(--text-b2);
  }
  .sm\:text-h2 {
    font-size: var(--text-h2);
  }
  .sm\:font-bold {
    font-weight: 700;
  }
  .sm\:font-normal {
    font-weight: 400;
  }
  .sm\:font-semibold {
    font-weight: 600;
  }
}

@media (min-width: 768px) {
  .md\:mb-\[40px\] {
    margin-bottom: 40px;
  }
  .md\:mr-\[24px\] {
    margin-right: 24px;
  }
  .md\:mt-\[32px\] {
    margin-top: 32px;
  }
  .md\:flex {
    display: flex;
  }
  .md\:w-2\/4 {
    width: 50%;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:max-w-\[434px\] {
    max-width: 434px;
  }
  .md\:justify-start {
    justify-content: flex-start;
  }
  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }
  .md\:pb-0 {
    padding-bottom: 0px;
  }
}

@media (min-width: 1280px) {
  .xl\:h-\[24px\] {
    height: 24px;
  }
  .xl\:w-\[38vw\] {
    width: 38vw;
  }
  .xl\:grid-cols-\[33\.33\%_1fr\] {
    grid-template-columns: 33.33% 1fr;
  }
  .xl\:justify-center {
    justify-content: center;
  }
  .xl\:bg-sidebar-register {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--sidebar-register-color) / var(--tw-bg-opacity, 1));
  }
}

.\[\&\:not\(\.active\)\]\:hover\:\!border-b-secondary\/40:hover:not(.active) {
  border-bottom-color: rgb(var(--secondary-color) / 0.4) !important;
}

.\[\&\:not\(\.disabled\)\]\:hover\:bg-secondary\/\[\.05\]:hover:not(.disabled) {
  background-color: rgb(var(--secondary-color) / .05);
}

.\[\&\:not\(\.disabled\)\]\:focus-visible\:bg-secondary\/\[\.05\]:focus-visible:not(.disabled) {
  background-color: rgb(var(--secondary-color) / .05);
}
@layer harmoney {
  table {
    border-collapse: separate;
  }
  table th {
    padding-left: 1.5rem;
    height: 52px;
  }
  table th:first-child {
    padding-left: 1rem;
  }
  table th.action-col {
    padding-left: 1rem;
  }
  table th.edit {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-style: dashed;
    border-color: rgb(var(--gray-dark) / 0.3);
  }
  table th.separator {
    border-left: 2px solid !important;
    border-left-color: rgb(var(--gray-dark)/0.3) !important;
  }
  table th img {
    width: 18px;
  }
  table th img.arrow-up {
    margin-bottom: -6px;
  }
  table th:last-child:not(.action-col) {
    padding-right: 2rem;
  }
  table td {
    font-size: var(--text-b2-mobile);
  }
  @media (min-width: 640px) {
    table td {
      font-size: var(--text-b2);
    }
  }
  table td img {
    height: 24px;
    width: 24px;
  }
  table td.right-padding, table th.right-padding {
    padding-right: 2rem;
  }
  table td.checkbox {
    padding-left: 2.5rem;
    padding-right: 1rem;
  }
  table td.radio-button div.flex {
    margin-left: -16px;
  }
  table td.radio-button label {
    padding-bottom: 1rem;
  }
  table tbody tr {
    border: 0 solid transparent;
  }
  table tbody tr.striped {
    background-color: rgb(var(--background-fill));
  }
  table tbody tr.disabled {
    opacity: 0.6;
  }
  table tbody tr td {
    border: 0 solid transparent;
    border-style: solid none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0.75rem;
    vertical-align: middle;
    height: 32px;
  }
  table tbody tr td:first-child {
    padding-left: 1rem;
    padding-right: 1rem;
    border-left-style: solid;
  }
  table tbody tr td.action-buttons {
    border-right-style: solid;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  table tbody tr td:first-child button.user-details {
    margin-left: auto;
    right: 0;
  }
  table tbody tr td.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  table tbody tr td .flex-container {
    display: flex;
    align-items: center;
    position: relative;
  }
  table tbody tr td .flex-container.center {
    justify-content: center;
  }
  table tbody tr td .flex-container.user {
    white-space: nowrap;
    justify-content: space-between;
  }
  table tbody tr td.history {
    vertical-align: top;
  }
  table tbody tr td.history:not(:last-child) {
    padding-top: 0.5rem;
  }
  table tbody tr td.history:first-child {
    width: 82px;
  }
  table tbody tr td.history .history-data {
    background-color: rgb(var(--background-fill));
    max-width: 300px;
  }
  table tbody tr td.extended-content {
    padding-left: 46px;
    padding-right: 32px;
  }
  table tbody tr td.expandable {
    padding-left: 1rem;
  }
  table tbody tr td:not(.extended-content) {
    padding-top: 0.75rem;
  }
  table tbody tr td, table tbody tr td div {
    outline: none;
  }
  table tbody tr td.edit-border {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-style: dashed;
    border-color: rgb(var(--gray-dark) / 0.3);
  }
  table tbody tr .action-buttons, table tbody tr .separator {
    border-left: 2px solid rgb(var(--gray-dark)/0.3) !important;
    border-left-color: rgb(var(--gray-dark)/0.3) !important;
  }
  table tbody tr .action-buttons.action-col {
    padding-right: unset;
  }
  table tbody tr .action-buttons.action-col .flex-container {
    flex-direction: column;
    align-items: flex-start;
  }
  table tbody tr .action-buttons.action-col har-button:not(:first-child) {
    margin-top: 1rem;
  }
  table tbody tr .action-buttons .disabled-text {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
    max-width: 160px;
  }
  table tbody tr .action-buttons:not(.action-col) har-button:not(:first-child) {
    margin-left: 0.5rem;
  }
  table tbody tr .action-buttons har-button {
    display: block;
    white-space: nowrap;
  }
  table tbody tr .action-buttons har-button img {
    width: auto;
    height: 26px;
  }
  table.small {
    margin-left: -8px;
  }
  table.small tbody tr td {
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    vertical-align: top;
  }
}
@layer harmoney {
  input:not(.mat-mdc-input-element), textarea {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  input:not(.mat-mdc-input-element):not(:disabled):hover, input:not(.mat-mdc-input-element):not(:disabled):focus, textarea:not(:disabled):hover, textarea:not(:disabled):focus {
    transition: border-color 0s;
    border-width: 2px;
    border-style: solid;
  }
  input:not(.mat-mdc-input-element).error-mode, textarea.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  input:not(.mat-mdc-input-element).warning-mode, textarea.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .input-container:not(:disabled):not(.disabled) .input-prepend.is-focus {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-left-width: 2px;
    border-style: solid;
  }
  .input-container:not(:disabled):not(.disabled):hover .input-prepend, .input-container:not(:disabled):not(.disabled).is-focus .input-prepend {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    padding-right: 1px;
  }
  .input-container:not(:disabled):not(.disabled):hover input, .input-container:not(:disabled):not(.disabled).is-focus input {
    border-width: 2px !important;
  }
  .input-container label.error-mode, .input-container span.error-mode {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .input-container label.error-mode .optional-placeholder, .input-container span.error-mode .optional-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .input-container .input-prepend {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .input-container .input-prepend.error {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .mat-mdc-form-field-flex {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
    padding: 4px;
  }
  har-multi-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):not(:disabled):hover, har-multi-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):focus-within,
  har-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):not(:disabled):hover,
  har-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):focus-within {
    border-width: 2px !important;
    padding-left: calc(1rem - 1px);
  }
  har-multi-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex,
  har-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  har-multi-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon,
  har-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .mat-form-field-autofill-control,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .mat-form-field-autofill-control {
    border: none !important;
  }
  har-multi-autocomplete-options mat-form-field.inside-input,
  har-autocomplete-options mat-form-field.inside-input {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  har-multi-autocomplete-options mat-form-field.inside-input .mat-mdc-form-field-flex,
  har-autocomplete-options mat-form-field.inside-input .mat-mdc-form-field-flex {
    border: none !important;
  }
  har-multi-autocomplete-options mat-form-field.inside-input .icon-chevron-down,
  har-autocomplete-options mat-form-field.inside-input .icon-chevron-down {
    border: none !important;
  }
  har-tel-input .input-container {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  har-tel-input .input-container:not(:disabled):not(.disabled):hover, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus {
    border-width: 2px;
  }
  har-tel-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
    width: 119px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-right-width: 2px !important;
    border-left-width: 0px !important;
    border-style: solid !important;
  }
  har-tel-input .input-container.is-focus input, har-tel-input .input-container:not(:disabled):not(.disabled):hover input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus input,
  har-tel-input .input-container input {
    border: none !important;
  }
  har-tel-input .input-container.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  har-tel-input .input-container.error-mode mat-form-field.inside-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-tel-input .input-container.warning-mode {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  har-tel-input .input-container.warning-mode mat-form-field.inside-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  .har-dropdown .input {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .har-dropdown.inside-input {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .har-dropdown.inside-input .input, .har-dropdown.inside-input .right-icon {
    border: none !important;
  }
  .har-dropdown:focus:not(:disabled):not(.disabled) .input, .har-dropdown:hover:not(:disabled):not(.disabled) .input {
    border-width: 2px;
  }
  .har-dropdown:focus:not(:disabled):not(.disabled) .input .right-icon.arrow, .har-dropdown:hover:not(:disabled):not(.disabled) .input .right-icon.arrow {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-style: solid;
  }
}
har-dual-input .input-container, har-tel-input .input-container {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container:hover .mat-mdc-form-field-flex, har-dual-input .input-container.is-focus .mat-mdc-form-field-flex, har-tel-input .input-container:hover .mat-mdc-form-field-flex, har-tel-input .input-container.is-focus .mat-mdc-form-field-flex {
  padding-left: calc(1rem - 1px);
  padding-right: 3px;
}
har-dual-input .input-container.error-mode, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled):hover, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container.error-mode, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled):hover, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.error-mode mat-form-field.inside-input, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container.error-mode mat-form-field.inside-input, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.warning-mode, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled):hover, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container.warning-mode, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled):hover, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.warning-mode mat-form-field.inside-input, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container.warning-mode mat-form-field.inside-input, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container .input-container, har-tel-input .input-container .input-container {
  border: none !important;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container:not(:disabled):not(.disabled):hover, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus {
  border-width: 2px;
  border-style: solid;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  width: 119px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-left-width: 0px;
  border-style: solid;
}
har-dual-input .input-container.is-focus input, har-dual-input .input-container:not(:disabled):not(.disabled):hover input, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus input, har-dual-input .input-container input, har-tel-input .input-container.is-focus input, har-tel-input .input-container:not(:disabled):not(.disabled):hover input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus input, har-tel-input .input-container input {
  border: none !important;
}

.form-container {
  width: 448px;
  max-width: 100%;
}
.form-container mat-expansion-panel {
  width: calc(100% - 2px);
}

form.har-form {
  width: 480px;
}

input, textarea {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}

form.inline-form {
  display: flex;
  align-items: center;
}
form.inline-form input {
  box-sizing: border-box;
  background: white;
  border-radius: 3px;
}
form.inline-form input:not(button) {
  height: var(--input-height) !important;
}
form.inline-form button {
  width: 44px;
  box-sizing: border-box;
  background: white;
  border-radius: 3px;
}
form.inline-form button:not(button) {
  height: var(--input-height) !important;
}

.action-buttons button {
  cursor: pointer;
}

.input-percentage {
  flex-shrink: 0;
  height: 32px;
}
.input-percentage.disabled {
  cursor: not-allowed;
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  opacity: 1;
}

.har-dropdown {
  --tw-text-opacity: 1;
  color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  position: relative;
  white-space: nowrap;
  width: 100%;
  background-color: white;
  height: var(--input-height);
  outline: none;
  box-sizing: border-box;
}
.har-dropdown.inside-input {
  width: 120px;
  height: 42px;
  background: transparent;
}
.har-dropdown.inside-input .input-content {
  max-width: 100% !important;
}
.har-dropdown.inside-input .input .label {
  padding: 0 1rem 0 0.75rem;
  width: auto !important;
  box-sizing: border-box;
}
.har-dropdown.inside-input .right-icon.arrow {
  right: -8px;
  height: auto;
}
.har-dropdown.inside-input.disabled .right-icon {
  display: none;
}
.har-dropdown:focus.inside-input, .har-dropdown:hover:not(:disabled):not(.disabled).inside-input, .har-dropdown.focus.inside-input {
  height: 40px;
}
.har-dropdown:focus .label-icon, .har-dropdown:hover:not(:disabled):not(.disabled) .label-icon, .har-dropdown.focus .label-icon {
  padding-left: calc(1rem - 1px);
}
.har-dropdown:focus .label:not(.icon-before), .har-dropdown:hover:not(:disabled):not(.disabled) .label:not(.icon-before), .har-dropdown.focus .label:not(.icon-before) {
  padding: 0 calc(1rem - 1px);
}
.har-dropdown:focus .right-icon.has-search-icon, .har-dropdown:hover:not(:disabled):not(.disabled) .right-icon.has-search-icon, .har-dropdown.focus .right-icon.has-search-icon {
  right: calc(65px - 1px);
}
.har-dropdown .input-content {
  outline: none;
  max-width: calc(100% - 52px);
}
.har-dropdown .input-content.has-cross {
  max-width: calc(100% - 96px);
}
.har-dropdown.disabled .input {
  cursor: not-allowed;
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  opacity: 1;
}
.har-dropdown .input {
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  height: var(--input-height);
  box-sizing: border-box;
}
.har-dropdown .input .label-icon {
  display: flex;
  vertical-align: middle;
  padding-left: 1rem;
}
.har-dropdown .input .label-icon img {
  width: 22px;
  height: auto;
}
.har-dropdown .input .label {
  padding: 0 1rem;
  width: calc(100% - 16px);
}
.har-dropdown .input .label.icon-before {
  width: calc(100% - 40px);
  box-sizing: border-box;
}
.har-dropdown .input .right-icon {
  height: 42px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-self: flex-end;
  justify-content: center;
  margin-left: auto;
  flex-shrink: 0;
}
.har-dropdown .input .right-icon.padlock {
  top: 0px;
  right: 0px;
}
.har-dropdown .input .right-icon img {
  width: 14px;
  height: auto;
}
.har-dropdown .input .right-icon.arrow {
  top: 50%;
  right: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  justify-content: center;
  width: 52px;
  box-sizing: border-box;
}
.har-dropdown .input .right-icon.arrow img {
  width: 20px;
}
.har-dropdown .input .right-icon.cross-displayed {
  margin-left: 0;
}
.har-dropdown .input .right-icon.cross {
  margin-left: auto;
}
.har-dropdown .input .right-icon.cross img {
  width: 20px;
}
.har-dropdown .input .right-icon.has-search-icon {
  right: 65px;
}
.har-dropdown .input.effect span {
  z-index: 10;
}
.har-dropdown .input.effect span.placeholder-label {
  position: absolute;
  padding: 0 0.25rem;
  z-index: 20;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
}
.har-dropdown .input.effect span.placeholder-label:not(.error-mode) {
  margin-left: 13px;
  top: -10px;
}
.har-dropdown .input.effect span.placeholder-label span:not(.background) {
  position: relative;
  z-index: 20;
}
.har-dropdown .input.effect span span:first-of-type {
  position: relative;
  z-index: 10;
}
.har-dropdown .input.effect span .background {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: white;
  height: 16px;
  top: 4px;
}
.disabled.har-dropdown .input {
  cursor: not-allowed;
}
.disabled.har-dropdown .input label {
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
}

.form-content {
  width: 100%;
  margin-top: 0.75rem;
}
.form-content ~ .form-content, .form-content ~ har-form-input > .form-content {
  margin-top: 1.5rem;
}
.form-content:empty {
  margin-top: 0px;
}
.form-content:last-child:not(.no-mb) {
  margin-bottom: 1rem;
}
.form-content.input {
  height: 48px;
}
.form-content.center {
  text-align: center;
}
.form-content.password-strength {
  margin-bottom: 30px;
}
.form-content .radio-label.left-margin {
  margin-left: 2rem;
}

.form-buttons {
  display: flex;
  flex-direction: column;
}

@media (min-width: 640px) {
  .form-buttons {
    flex-direction: row;
  }
}
.form-buttons:not(.justify-start):not(.justify-end) {
  text-align: center;
  justify-content: center;
}
.form-buttons har-button:not(:last-child) {
  margin-right: 1rem;
  margin-bottom: 8px;
}
@media (min-width: 640px) {
  .form-buttons har-button:not(:last-child) {
    margin-bottom: 0px;
  }
}
.form-buttons har-button, .form-buttons button {
  flex-shrink: 0;
}

/* ********************** */
/*  Custom Radio          */
/* ********************** */
.radio-questions.readonly {
  padding: 0 0.5rem 0.5rem 0;
  background-color: #F7F8F9;
  display: inline-block;
  border-radius: 6px;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
}

[type=radio].ng-invalid.ng-touched.ng-dirty:not(:disabled):not(:hover) + label:before,
[type=radio].error-mode:not(:disabled):not(:hover) + label:before {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}

[type=radio]:checked,
[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radio-list {
  margin-left: -12px;
}
.radio-list.disabled {
  cursor: not-allowed;
}

.radio-two-columns .radio-list {
  flex-wrap: wrap;
}
.radio-two-columns [type=radio]:checked + label,
.radio-two-columns [type=radio]:not(:checked) + label {
  width: calc(50% - 1rem);
  padding: 0.5rem 0;
}

[type=radio]:checked + label,
[type=radio]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
[type=radio]:checked + label.no-text,
[type=radio]:not(:checked) + label.no-text {
  padding: 0 0 0 1.142rem;
}
[type=radio]:checked + label p,
[type=radio]:not(:checked) + label p {
  padding: 8px 0;
}

[type=radio]:checked + label:before,
[type=radio]:not(:checked) + label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 11px;
  border: 1px solid #a1b8cd;
  border-radius: 100%;
  background: #fff;
  flex-shrink: 0;
  box-sizing: border-box;
}

[type=radio]:not(:disabled):hover + label:before,
[type=radio]:not(:disabled):focus + label:before {
  transition: none;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-color) / var(--tw-border-opacity, 1));
}

[type=radio].error-mode:hover + label:before {
  transition: none;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}

[type=radio]:not(:checked) + label:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1));
  content: "";
  width: 8px;
  height: 8px;
  left: 20px;
  align-self: center;
  transition: all 0.2s ease;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

[type=radio]:checked + label:after {
  position: absolute;
  top: 50%;
  display: inline-block;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1));
  content: "";
  width: 8px;
  height: 8px;
  left: 20px;
  align-self: center;
  transition: all 0.2s ease;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

[type=radio]:disabled {
  cursor: not-allowed;
  pointer-events: none;
}
[type=radio]:disabled + label {
  cursor: not-allowed;
  pointer-events: none;
}
[type=radio]:disabled + label:before {
  background-color: rgb(var(--gray-dark) / .05);
}
[type=radio]:disabled + label:after {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-dark) / var(--tw-bg-opacity, 1));
}

[type=radio] + label.in-expandable {
  position: absolute;
  right: 0px;
  top: calc(50% - 20px);
}

/* ********************** */
/*  Custom Checkbox       */
/* ********************** */
input[type=checkbox]:not(.har-slider-checkbox) {
  position: absolute;
  opacity: 0;
}

input[type=checkbox]:not(.har-slider-checkbox) + label {
  position: relative;
  padding: 0;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

input[type=checkbox]:not(.har-slider-checkbox) + label:before {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  content: "";
  display: inline-block;
  margin: 2px 2px 2px 0;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: solid 1px #a1b8cd;
  flex-shrink: 0;
  box-sizing: border-box;
}

input[type=checkbox].not-valid:not(.har-slider-checkbox) + label:before {
  background-color: #fff0f0;
}

input[type=checkbox]:not(.har-slider-checkbox):checked + label:after {
  content: "";
  position: absolute;
  display: inline-block;
  left: 4px;
  align-self: center;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1));
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 rgb(var(--secondary-color)), 4px 0 0 rgb(var(--secondary-color)), 4px -2px 0 rgb(var(--secondary-color)), 4px -4px 0 rgb(var(--secondary-color)), 4px -6px 0 rgb(var(--secondary-color)), 4px -8px 0 rgb(var(--secondary-color));
  transform: rotate(45deg);
}

input[type=checkbox].not-valid:not(.har-slider-checkbox):checked + label:after {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red) / var(--tw-bg-opacity, 1));
  box-shadow: 2px 0 0 rgb(var(--red)), 4px 0 0 rgb(var(--red)), 4px -2px 0 rgb(var(--red)), 4px -4px 0 rgb(var(--red)), 4px -6px 0 rgb(var(--red)), 4px -8px 0 rgb(var(--red));
}

input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(.error-mode):hover + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(.error-mode):focus + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(.invalid):hover + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(.invalid):focus + label:before {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-color) / var(--tw-border-opacity, 1));
}

input[type=checkbox]:not(.har-slider-checkbox).ng-invalid.ng-touched.ng-dirty:not(:hover) + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:hover).invalid + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(:hover).invalid + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled):not(:hover).error-mode + label:before {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}

input[type=checkbox]:not(.har-slider-checkbox):not(:disabled).ng-invalid.ng-touched.ng-dirty:hover + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled).invalid:hover + label:before,
input[type=checkbox]:not(.har-slider-checkbox):not(:disabled).error-mode:hover + label:before {
  transition: none;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}

input[type=checkbox] + label {
  cursor: pointer;
}

input[type=checkbox]:disabled + label {
  cursor: not-allowed;
}

input[type=checkbox]:disabled + label:before {
  background-color: rgb(var(--gray-dark) / .05);
}

input[type=checkbox]:not(.har-slider-checkbox):disabled + label:after {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--gray-light) / var(--tw-bg-opacity, 1));
  box-shadow: 2px 0 0 rgb(var(--gray-light)), 4px 0 0 rgb(var(--gray-light)), 4px -2px 0 rgb(var(--gray-light)), 4px -4px 0 rgb(var(--gray-light)), 4px -6px 0 rgb(var(--gray-light)), 4px -8px 0 rgb(var(--gray-light));
}

input[type=checkbox].bold-border + label:before {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--primary-color) / var(--tw-border-opacity, 1));
}

/* ************************************************ */
/* Input Inline (like money input in question flow) */
/* ************************************************ */
.input-inline {
  border-bottom-width: 2px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: rgb(var(--gray-dark) / 0.3);
  display: inline-block;
  margin: 0 8px;
  position: relative;
  line-height: 28px;
  padding: 0 0 0 1rem;
}
.input-inline.input-error {
  border-top-width: 0px;
  border-bottom-width: 2px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.input-inline input {
  width: 130px;
  border: none;
  --tw-text-opacity: 1;
  color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  text-align: left;
}
.input-inline.disabled {
  cursor: not-allowed;
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  opacity: 1;
  border-bottom: 2px solid transparent;
}
.input-inline.disabled input {
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  background-color: transparent;
  cursor: not-allowed;
}

.optional-placeholder {
  -webkit-text-fill-color: rgb(var(--gray-light));
  --tw-text-opacity: 1;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
}

/*****************************/
/* Input Code                */
/*****************************/
har-date-input.question-flow input, har-number-input.question-flow input {
  width: 228px !important;
}
har-date-input.question-flow .number-content, har-number-input.question-flow .number-content {
  width: 164px !important;
}
har-date-input.question-flow .has-box .right-icon, har-number-input.question-flow .has-box .right-icon {
  right: -48px !important;
}

har-account-number-input input.end-cross,
har-number-input input.end-cross,
har-percentage-input input.end-cross,
har-textarea input.end-cross,
har-validation-password-input input.end-cross,
har-date-input input.end-cross,
har-dual-input form input.end-cross {
  padding-right: 2rem;
}
har-account-number-input input.search,
har-number-input input.search,
har-percentage-input input.search,
har-textarea input.search,
har-validation-password-input input.search,
har-date-input input.search,
har-dual-input form input.search {
  padding-right: 2rem;
}
har-account-number-input input.search.end-cross,
har-number-input input.search.end-cross,
har-percentage-input input.search.end-cross,
har-textarea input.search.end-cross,
har-validation-password-input input.search.end-cross,
har-date-input input.search.end-cross,
har-dual-input form input.search.end-cross {
  padding-right: 72px;
}

har-account-number-input .input-container:not(.inside-input) input:not(:disabled):focus, har-account-number-input .input-container:not(.inside-input) textarea:not(:disabled):focus, har-account-number-input .input-container:not(.inside-input):hover input:not(:disabled):focus, har-account-number-input .input-container:not(.inside-input):hover textarea:not(:disabled):focus,
har-number-input .input-container:not(.inside-input) input:not(:disabled):focus,
har-number-input .input-container:not(.inside-input) textarea:not(:disabled):focus,
har-number-input .input-container:not(.inside-input):hover input:not(:disabled):focus,
har-number-input .input-container:not(.inside-input):hover textarea:not(:disabled):focus,
har-percentage-input .input-container:not(.inside-input) input:not(:disabled):focus,
har-percentage-input .input-container:not(.inside-input) textarea:not(:disabled):focus,
har-percentage-input .input-container:not(.inside-input):hover input:not(:disabled):focus,
har-percentage-input .input-container:not(.inside-input):hover textarea:not(:disabled):focus,
har-textarea .input-container:not(.inside-input) input:not(:disabled):focus,
har-textarea .input-container:not(.inside-input) textarea:not(:disabled):focus,
har-textarea .input-container:not(.inside-input):hover input:not(:disabled):focus,
har-textarea .input-container:not(.inside-input):hover textarea:not(:disabled):focus,
har-validation-password-input .input-container:not(.inside-input) input:not(:disabled):focus,
har-validation-password-input .input-container:not(.inside-input) textarea:not(:disabled):focus,
har-validation-password-input .input-container:not(.inside-input):hover input:not(:disabled):focus,
har-validation-password-input .input-container:not(.inside-input):hover textarea:not(:disabled):focus,
har-date-input .input-container:not(.inside-input) input:not(:disabled):focus,
har-date-input .input-container:not(.inside-input) textarea:not(:disabled):focus,
har-date-input .input-container:not(.inside-input):hover input:not(:disabled):focus,
har-date-input .input-container:not(.inside-input):hover textarea:not(:disabled):focus {
  padding-left: calc(1rem - 1px);
}
har-account-number-input .input-container:not(.inside-input):hover input:not(:disabled), har-account-number-input .input-container:not(.inside-input):hover textarea:not(:disabled),
har-number-input .input-container:not(.inside-input):hover input:not(:disabled),
har-number-input .input-container:not(.inside-input):hover textarea:not(:disabled),
har-percentage-input .input-container:not(.inside-input):hover input:not(:disabled),
har-percentage-input .input-container:not(.inside-input):hover textarea:not(:disabled),
har-textarea .input-container:not(.inside-input):hover input:not(:disabled),
har-textarea .input-container:not(.inside-input):hover textarea:not(:disabled),
har-validation-password-input .input-container:not(.inside-input):hover input:not(:disabled),
har-validation-password-input .input-container:not(.inside-input):hover textarea:not(:disabled),
har-date-input .input-container:not(.inside-input):hover input:not(:disabled),
har-date-input .input-container:not(.inside-input):hover textarea:not(:disabled) {
  padding-left: calc(1rem - 1px);
}

.input-container {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  width: 100%;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  height: var(--input-height);
}
.input-container.inside-input {
  background-color: transparent;
  border: none;
}
.input-container.sms-container {
  height: 62px;
}
.input-container.sms-container .right-icon {
  top: 18px;
}
.input-container.textarea {
  width: 100% !important;
  height: 124px;
}
.input-container.textarea textarea {
  resize: none;
  height: 120px;
  padding: 1.5rem 1rem;
  appearance: none;
}
.input-container.textarea textarea.allow-vertical-resize {
  resize: vertical;
}
.input-container.textarea textarea.empty-placeholder {
  padding: 0.75rem 0 0 1rem;
}
.input-container.textarea textarea:disabled {
  padding: calc(0.75rem - 1px) 0 0 calc(1rem - 1px);
}
.input-container.textarea textarea:disabled:not(.empty-placeholder) {
  padding-top: 23px;
  padding-bottom: 23px;
  padding-left: 15px;
  padding-right: 42px;
}
.input-container.textarea textarea:not(:disabled):hover, .input-container.textarea textarea:not(:disabled):focus, .input-container.textarea textarea:not(:disabled):active, .input-container.textarea textarea:not(:disabled).ng-invalid {
  padding: calc(0.75rem - 1px) 0 0 calc(1rem - 1px);
}
.input-container.textarea textarea:not(:disabled):hover:not(.empty-placeholder), .input-container.textarea textarea:not(:disabled):focus:not(.empty-placeholder), .input-container.textarea textarea:not(:disabled):active:not(.empty-placeholder), .input-container.textarea textarea:not(:disabled).ng-invalid:not(.empty-placeholder) {
  padding: calc(1.5rem - 1px) calc(1rem - 1px);
}
.input-container.textarea.warning-mode textarea {
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
.input-container .input-prepend {
  border-right: hidden;
  border-radius: 4px 0 0 4px;
  position: absolute;
  height: 100%;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-width: 1px 0 1px 1px;
  color: rgb(var(--primary-color)) !important;
}
.input-container .input-prepend.is-focus {
  border-width: 2px 0 2px 2px;
}
.input-container .input-prepend.small {
  width: 48px;
}
.input-container .input-prepend.error {
  border: solid rgb(var(--red));
  border-width: 1px 0 1px 1px;
  padding-right: 1px;
}
.input-container .input-prepend.error.is-focus {
  border-width: 2px 0 2px 2px;
}
.input-container .input-prepend.error h2 {
  width: calc(100% - 1px);
}
.input-container .right-icon {
  position: absolute;
  right: 16px;
  top: 11px;
  z-index: 20;
  height: 16px;
  width: 14px;
}
.input-container .right-icon.icon-locked:not(.cursor-pointer) {
  cursor: not-allowed;
}
.input-container .right-icon.percentage {
  cursor: default;
  top: 11px;
  right: 4px;
  width: 26px;
  height: 26px;
}
.input-container .right-icon.magnify-glass-icon {
  width: 23px;
  height: 23px;
  top: 9px;
  right: 10px;
  border-radius: 4px;
  border: 1px solid gray;
}
.input-container .right-icon.s-icon {
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.input-container .right-icon.m-icon {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
  top: 0.5625rem;
}
.input-container .right-icon.has-search-icon {
  right: 54px;
}
.input-container:not(.sms-container) .right-icon.icon-locked {
  right: 15px;
  top: 9px;
  height: 24px;
  width: 24px;
}
.input-container .effect {
  background-color: transparent;
}
.input-container .effect.number-content {
  left: 64px !important;
  border-radius: 0 4px 4px 0;
  width: calc(100% - 64px);
}
.input-container .effect.number-content.small {
  width: calc(100% - 48px);
  left: 48px !important;
}
.input-container input:focus, .input-container textarea:focus {
  outline: none;
}
.input-container input:not(.mat-mdc-input-element), .input-container textarea {
  position: relative;
  height: var(--input-height);
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  transition: color 0.8s, box-shadow 0.8s;
  box-sizing: border-box;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}
.input-container input:not(.mat-mdc-input-element):-webkit-autofill, .input-container textarea:-webkit-autofill {
  height: 100%;
  width: 100%;
}
.input-container input:not(.mat-mdc-input-element).sms-field, .input-container textarea.sms-field {
  font-size: 2rem;
  height: 60px;
  text-align: center;
}
.input-container input:not(.mat-mdc-input-element).sms-field:disabled, .input-container textarea.sms-field:disabled {
  padding-left: 2.5rem;
}
.input-container input:not(.mat-mdc-input-element).info-displayed, .input-container textarea.info-displayed {
  padding-right: 40px;
}
.input-container input:not(.mat-mdc-input-element):disabled, .input-container textarea:disabled {
  z-index: 10;
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  padding-right: 2.5rem;
  cursor: not-allowed;
  opacity: 1;
}
.input-container mat-form-field.inside-input input:disabled, .input-container mat-form-field.inside-input textarea:disabled {
  background-color: transparent;
}
.input-container input[type=password].check-icon-disp:not(.no-eye) {
  padding-right: 80px;
}
.input-container input[type=password].check-icon-disp.no-eye {
  padding-right: 2.5rem;
}
.input-container input[type=password]:not(.no-eye) {
  padding-right: 4rem;
}

.input-container .input-prepend {
  box-sizing: border-box;
}
.input-container:not(:disabled):not(.disabled):hover .input-prepend, .input-container:not(:disabled):not(.disabled):hover .input-prepend.error, .input-container:not(:disabled):not(.disabled).is-focus .input-prepend, .input-container:not(:disabled):not(.disabled).is-focus .input-prepend.error {
  border-width: 2px 0 2px 2px;
}
.input-container:not(:disabled):not(.disabled):hover .input-prepend h2, .input-container:not(:disabled):not(.disabled).is-focus .input-prepend h2 {
  width: calc(100% - 1px);
}
.input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input input, .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input input {
  padding-left: 0;
}

/*****************************/
/* END Input Code            */
/*****************************/
.input-disabled-overlay {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 20;
  cursor: pointer;
}
.input-container .right-icon.icon-locked:not(.input-disabled-overlay) {
  cursor: not-allowed;
}

.dropdown-icon {
  border-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  justify-content: center;
  width: var(--input-icon-width);
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  bottom: -5px;
  padding-left: 13px;
  padding-top: 10px;
  background-color: transparent;
  height: 43px;
}

mat-datepicker-content .mat-calendar-controls {
  margin: 0;
}
mat-datepicker-content .mat-calendar-previous-button {
  margin-right: 0.25rem;
}
mat-datepicker-content mat-month-view th {
  padding: 0 !important;
}

@media screen and (max-width: 640px) {
  .form-container {
    width: 100%;
    box-sizing: border-box;
  }
  form.har-form {
    width: 100%;
  }
  har-date-input, har-number-input {
    width: 100%;
  }
  har-date-input.question-flow input, har-number-input.question-flow input {
    width: 100% !important;
  }
  har-date-input.question-flow .number-content, har-number-input.question-flow .number-content {
    width: calc(100% - 64px) !important;
  }
  div.form-buttons {
    border-top: none;
  }
  div.form-buttons har-button {
    flex-grow: 1;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  div.form-buttons har-button button {
    width: 100%;
  }
  .input-container .right-icon.magnify-glass-icon {
    display: none;
  }
}
body.android .form-container {
  width: 100%;
  box-sizing: border-box;
}
body.android form.har-form {
  width: 100%;
}
body.android har-date-input, body.android har-number-input {
  width: 100%;
}
body.android har-date-input.question-flow input, body.android har-number-input.question-flow input {
  width: 100% !important;
}
body.android har-date-input.question-flow .number-content, body.android har-number-input.question-flow .number-content {
  width: calc(100% - 64px) !important;
}
body.android div.form-buttons {
  border-top: none;
}
body.android div.form-buttons har-button {
  flex-grow: 1;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
body.android div.form-buttons har-button button {
  width: 100%;
}
body.android .input-container .right-icon.magnify-glass-icon {
  display: none;
}

body.modal .cdk-overlay-container {
  z-index: 50;
}

tr.not-valid > input[type=checkbox] {
  color: red;
}

.item-widget:not(.no-border) {
  border: 1px dashed rgba(0, 29, 83, 0.2);
  box-sizing: border-box;
  border-radius: 6px;
}
.item-widget:not(.no-border).invalid {
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.item-widget .item-widget-header {
  border-bottom: 1px solid #CCD2DD;
  padding: 12px 18px 16px;
}
.item-widget .item-widget-header .item-widget-header-btn {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.item-widget .item-widget-header .item-widget-header-btn.disabled {
  pointer-events: none;
  cursor: not-allowed;
  color: rgb(var(--primary-color) / .03);
}
.item-widget .item-widget-header.invalid {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.item-widget .item-widget-body:not(.no-border) {
  padding: 18px;
}
.item-widget .item-widget-body .item-widget-header-btn {
  cursor: pointer;
}
.item-widget .invalid {
  --tw-text-opacity: 1;
  color: rgb(var(--red) / var(--tw-text-opacity, 1));
}
.item-widget .card {
  box-shadow: none;
}

.input-explicative-text {
  position: relative;
}
.input-explicative-text div:not(.arrow):not(.extra-content):not(.message) {
  background-color: rgb(var(--primary-color) / .07);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  border-radius: 4px;
  box-sizing: border-box;
}
.input-explicative-text.error div:not(.arrow):not(.message) {
  background-color: rgb(var(--red) / 0.06);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 4px;
  border-right-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
.input-explicative-text.warning div:not(.arrow):not(.message) {
  background-color: rgb(var(--orange) / 0.06);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 4px;
  border-right-width: 0px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
.input-explicative-text.info div:last-child:not(.extra-content) {
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 4px;
  border-right-width: 0px;
  border-style: solid;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  background: rgb(var(--infobox-border-color)/0.05);
  border-left-color: rgb(var(--infobox-border-color));
}
.input-explicative-text.left div.arrow {
  right: auto;
  left: 20px;
}
.input-explicative-text.right div.arrow {
  right: 8px;
}
.input-explicative-text ul {
  margin: 0;
}
.input-explicative-text .extra-content ul {
  padding-left: 1rem;
}

har-tel-input .input-container {
  display: flex;
  align-items: center;
}
har-tel-input .input-container input {
  height: 40px;
}
har-tel-input .input-container .har-dropdown .right-icon {
  top: 10px;
}
har-tel-input .input-container .right-icon.m-icon {
  top: 9px;
}

har-tel-input .input-wrapper {
  height: var(--input-height);
}

har-dual-input har-input-wrapper.is-hover label.error-mode {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-steel) / var(--tw-text-opacity, 1)) !important;
}
har-dual-input har-input-wrapper.is-hover label.error-mode .optional-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
}
har-dual-input .input-container {
  display: flex;
  align-items: center;
}
har-dual-input .input-container .input-container {
  border-radius: 0 !important;
  height: 40px;
}
har-dual-input .input-container .input-container .effect:focus ~ label, har-dual-input .input-container .input-container .has-content.effect ~ label {
  left: -94px !important;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover label.error-mode, har-dual-input .input-container:not(:disabled):not(.disabled):hover .autocomplete-placeholder, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus label.error-mode, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus .autocomplete-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover label.error-mode .optional-placeholder, har-dual-input .input-container:not(:disabled):not(.disabled):hover .autocomplete-placeholder .optional-placeholder, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus label.error-mode .optional-placeholder, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus .autocomplete-placeholder .optional-placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
}

.button-container div {
  width: 100%;
}

@media (min-width: 640px) {
  .button-container div {
    width: auto;
  }
}
.button-container har-upload-document-button {
  display: inline-block;
  width: 100%;
}
@media (min-width: 640px) {
  .button-container har-upload-document-button {
    width: auto;
  }
}
.button-container har-button {
  display: inline-block;
  width: 100%;
}
@media (min-width: 640px) {
  .button-container har-button {
    width: auto;
  }
}
.button-container har-button button {
  width: 100%;
}
@media (min-width: 640px) {
  .button-container har-button button {
    width: auto;
  }
}
@layer harmoney {
  input:not(.mat-mdc-input-element), textarea {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  input:not(.mat-mdc-input-element):not(:disabled):hover, input:not(.mat-mdc-input-element):not(:disabled):focus, textarea:not(:disabled):hover, textarea:not(:disabled):focus {
    transition: border-color 0s;
    border-width: 2px;
    border-style: solid;
  }
  input:not(.mat-mdc-input-element).error-mode, textarea.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  input:not(.mat-mdc-input-element).warning-mode, textarea.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .input-container:not(:disabled):not(.disabled) .input-prepend.is-focus {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-left-width: 2px;
    border-style: solid;
  }
  .input-container:not(:disabled):not(.disabled):hover .input-prepend, .input-container:not(:disabled):not(.disabled).is-focus .input-prepend {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-left-width: 2px;
    border-style: solid;
    padding-right: 1px;
  }
  .input-container:not(:disabled):not(.disabled):hover input, .input-container:not(:disabled):not(.disabled).is-focus input {
    border-width: 2px !important;
  }
  .input-container label.error-mode, .input-container span.error-mode {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .input-container label.error-mode .optional-placeholder, .input-container span.error-mode .optional-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .input-container .input-prepend {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .input-container .input-prepend.error {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .mat-mdc-form-field-flex {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
    padding: 4px;
  }
  har-multi-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):not(:disabled):hover, har-multi-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):focus-within,
  har-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):not(:disabled):hover,
  har-autocomplete-options mat-form-field.mat-mdc-form-field-flex:not(.inside-input):focus-within {
    border-width: 2px !important;
    padding-left: calc(1rem - 1px);
  }
  har-multi-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex,
  har-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  har-multi-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon,
  har-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .mat-form-field-autofill-control,
  har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .mat-form-field-autofill-control {
    border: none !important;
  }
  har-multi-autocomplete-options mat-form-field.inside-input,
  har-autocomplete-options mat-form-field.inside-input {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  har-multi-autocomplete-options mat-form-field.inside-input .mat-mdc-form-field-flex,
  har-autocomplete-options mat-form-field.inside-input .mat-mdc-form-field-flex {
    border: none !important;
  }
  har-multi-autocomplete-options mat-form-field.inside-input .icon-chevron-down,
  har-autocomplete-options mat-form-field.inside-input .icon-chevron-down {
    border: none !important;
  }
  har-tel-input .input-container {
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  har-tel-input .input-container:not(:disabled):not(.disabled):hover, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus {
    border-width: 2px;
  }
  har-tel-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
    width: 119px !important;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-right-width: 2px !important;
    border-left-width: 0px !important;
    border-style: solid !important;
  }
  har-tel-input .input-container.is-focus input, har-tel-input .input-container:not(:disabled):not(.disabled):hover input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus input,
  har-tel-input .input-container input {
    border: none !important;
  }
  har-tel-input .input-container.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  har-tel-input .input-container.error-mode mat-form-field.inside-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1)) !important;
  }
  har-tel-input .input-container.warning-mode {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  har-tel-input .input-container.warning-mode mat-form-field.inside-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1)) !important;
  }
  .har-dropdown .input {
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow.warning-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  }
  .har-dropdown .input .right-icon.arrow.error-mode {
    --tw-border-opacity: 1;
    border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  }
  .har-dropdown.inside-input {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 1px;
    border-left-width: 0px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .har-dropdown.inside-input .input, .har-dropdown.inside-input .right-icon {
    border: none !important;
  }
  .har-dropdown:focus:not(:disabled):not(.disabled) .input, .har-dropdown:hover:not(:disabled):not(.disabled) .input {
    border-width: 2px;
  }
  .har-dropdown:focus:not(:disabled):not(.disabled) .input .right-icon.arrow, .har-dropdown:hover:not(:disabled):not(.disabled) .input .right-icon.arrow {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    border-right-width: 0px;
    border-style: solid;
  }
}
har-dual-input .input-container, har-tel-input .input-container {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container:hover .mat-mdc-form-field-flex, har-dual-input .input-container.is-focus .mat-mdc-form-field-flex, har-tel-input .input-container:hover .mat-mdc-form-field-flex, har-tel-input .input-container.is-focus .mat-mdc-form-field-flex {
  padding-left: calc(1rem - 1px);
  padding-right: 3px;
}
har-dual-input .input-container.error-mode, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled):hover, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container.error-mode, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled):hover, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.error-mode mat-form-field.inside-input, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container.error-mode mat-form-field.inside-input, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container.error-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.warning-mode, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled):hover, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container.warning-mode, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled):hover, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container.warning-mode mat-form-field.inside-input, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container.warning-mode mat-form-field.inside-input, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container.warning-mode:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
}
har-dual-input .input-container .input-container, har-tel-input .input-container .input-container {
  border: none !important;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus, har-tel-input .input-container:not(:disabled):not(.disabled):hover, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus {
  border-width: 2px;
  border-style: solid;
}
har-dual-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled):hover mat-form-field.inside-input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus mat-form-field.inside-input {
  width: 119px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-left-width: 0px;
  border-style: solid;
}
har-dual-input .input-container.is-focus input, har-dual-input .input-container:not(:disabled):not(.disabled):hover input, har-dual-input .input-container:not(:disabled):not(.disabled).is-focus input, har-dual-input .input-container input, har-tel-input .input-container.is-focus input, har-tel-input .input-container:not(:disabled):not(.disabled):hover input, har-tel-input .input-container:not(:disabled):not(.disabled).is-focus input, har-tel-input .input-container input {
  border: none !important;
}

:root {
  --mdc-chip-container-shape-radius: 1rem;
  --mat-mdc-focus-indicator-display: block;
}

@layer harmoney {
  html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-line-height: 22px;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-small-size-line-height: 16px;
    --mat-badge-large-size-text-size: 24px;
    --mat-badge-large-size-line-height: 28px;
  }
  .mat-h1,
  .mat-headline-5,
  .mat-typography .mat-h1,
  .mat-typography .mat-headline-5,
  .mat-typography h1 {
    font: 400 24px / 32px Roboto, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px;
  }
  .mat-h2,
  .mat-headline-6,
  .mat-typography .mat-h2,
  .mat-typography .mat-headline-6,
  .mat-typography h2 {
    font: 500 20px / 32px Roboto, sans-serif;
    letter-spacing: 0.0125em;
    margin: 0 0 16px;
  }
  .mat-h3,
  .mat-subtitle-1,
  .mat-typography .mat-h3,
  .mat-typography .mat-subtitle-1,
  .mat-typography h3 {
    font: 400 16px / 28px Roboto, sans-serif;
    letter-spacing: 0.009375em;
    margin: 0 0 16px;
  }
  .mat-h4,
  .mat-body-1,
  .mat-typography .mat-h4,
  .mat-typography .mat-body-1,
  .mat-typography h4 {
    font: 400 16px / 24px Roboto, sans-serif;
    letter-spacing: 0.03125em;
    margin: 0 0 16px;
  }
  .mat-h5,
  .mat-typography .mat-h5,
  .mat-typography h5 {
    font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
    margin: 0 0 12px;
  }
  .mat-h6,
  .mat-typography .mat-h6,
  .mat-typography h6 {
    font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
    margin: 0 0 12px;
  }
  .mat-body-strong,
  .mat-subtitle-2,
  .mat-typography .mat-body-strong,
  .mat-typography .mat-subtitle-2 {
    font: 500 14px / 22px Roboto, sans-serif;
    letter-spacing: 0.0071428571em;
  }
  .mat-body,
  .mat-body-2,
  .mat-typography .mat-body,
  .mat-typography .mat-body-2,
  .mat-typography {
    font: 400 14px / 20px Roboto, sans-serif;
    letter-spacing: 0.0178571429em;
  }
  .mat-body p,
  .mat-body-2 p,
  .mat-typography .mat-body p,
  .mat-typography .mat-body-2 p,
  .mat-typography p {
    margin: 0 0 12px;
  }
  .mat-small,
  .mat-caption,
  .mat-typography .mat-small,
  .mat-typography .mat-caption {
    font: 400 12px / 20px Roboto, sans-serif;
    letter-spacing: 0.0333333333em;
  }
  .mat-headline-1,
  .mat-typography .mat-headline-1 {
    font: 300 96px / 96px Roboto, sans-serif;
    letter-spacing: -0.015625em;
    margin: 0 0 56px;
  }
  .mat-headline-2,
  .mat-typography .mat-headline-2 {
    font: 300 60px / 60px Roboto, sans-serif;
    letter-spacing: -0.0083333333em;
    margin: 0 0 64px;
  }
  .mat-headline-3,
  .mat-typography .mat-headline-3 {
    font: 400 48px / 50px Roboto, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px;
  }
  .mat-headline-4,
  .mat-typography .mat-headline-4 {
    font: 400 34px / 40px Roboto, sans-serif;
    letter-spacing: 0.0073529412em;
    margin: 0 0 64px;
  }
  html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
    --mat-bottom-sheet-container-text-weight: 400;
    --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-legacy-button-toggle-label-text-line-height: 24px;
    --mat-legacy-button-toggle-label-text-size: 16px;
    --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
    --mat-legacy-button-toggle-label-text-weight: 400;
    --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-label-text-line-height: 24px;
    --mat-standard-button-toggle-label-text-size: 16px;
    --mat-standard-button-toggle-label-text-tracking: 0.03125em;
    --mat-standard-button-toggle-label-text-weight: 400;
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400;
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: 0.0178571429em;
    --mat-expansion-container-text-weight: 400;
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px;
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400;
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: 0.0125em;
    --mat-toolbar-title-text-weight: 500;
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400;
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: 0.03125em;
    --mat-option-label-text-weight: 400;
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: 0.03125em;
    --mat-optgroup-label-text-weight: 400;
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: 0.0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: 0.0071428571em;
    --mat-card-subtitle-text-weight: 500;
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: 0.03125em;
    --mdc-filled-text-field-label-text-weight: 400;
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: 0.03125em;
    --mdc-outlined-text-field-label-text-weight: 400;
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: 0.03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: 0.0333333333em;
    --mat-form-field-subscript-text-weight: 400;
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: 0.03125em;
    --mat-select-trigger-text-weight: 400;
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: 0.0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: 0.03125em;
  }
  .mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: 0.0178571429em;
    --mdc-chip-label-text-weight: 400;
  }
  html .mat-mdc-slide-toggle {
    --mat-switch-label-text-font: Roboto, sans-serif;
    --mat-switch-label-text-line-height: 20px;
    --mat-switch-label-text-size: 14px;
    --mat-switch-label-text-tracking: 0.0178571429em;
    --mat-switch-label-text-weight: 400;
  }
  html {
    --mat-radio-label-text-font: Roboto, sans-serif;
    --mat-radio-label-text-line-height: 20px;
    --mat-radio-label-text-size: 14px;
    --mat-radio-label-text-tracking: 0.0178571429em;
    --mat-radio-label-text-weight: 400;
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: 0.0071428571em;
    --mdc-slider-label-label-text-weight: 500;
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: 0.03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400;
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: 0.03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400;
  }
  .mdc-list-group__subheader {
    font: 400 16px / 28px Roboto, sans-serif;
    letter-spacing: 0.009375em;
  }
  html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: 0.0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px;
  }
  .mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: 0.0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500;
  }
  html {
    --mat-checkbox-label-text-font: Roboto, sans-serif;
    --mat-checkbox-label-text-line-height: 20px;
    --mat-checkbox-label-text-size: 14px;
    --mat-checkbox-label-text-tracking: 0.0178571429em;
    --mat-checkbox-label-text-weight: 400;
    --mdc-text-button-label-text-font: Roboto, sans-serif;
    --mdc-text-button-label-text-size: 14px;
    --mdc-text-button-label-text-tracking: 0.0892857143em;
    --mdc-text-button-label-text-weight: 500;
    --mdc-text-button-label-text-transform: none;
    --mdc-filled-button-label-text-font: Roboto, sans-serif;
    --mdc-filled-button-label-text-size: 14px;
    --mdc-filled-button-label-text-tracking: 0.0892857143em;
    --mdc-filled-button-label-text-weight: 500;
    --mdc-filled-button-label-text-transform: none;
    --mdc-protected-button-label-text-font: Roboto, sans-serif;
    --mdc-protected-button-label-text-size: 14px;
    --mdc-protected-button-label-text-tracking: 0.0892857143em;
    --mdc-protected-button-label-text-weight: 500;
    --mdc-protected-button-label-text-transform: none;
    --mdc-outlined-button-label-text-font: Roboto, sans-serif;
    --mdc-outlined-button-label-text-size: 14px;
    --mdc-outlined-button-label-text-tracking: 0.0892857143em;
    --mdc-outlined-button-label-text-weight: 500;
    --mdc-outlined-button-label-text-transform: none;
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: 0.0892857143em;
    --mdc-extended-fab-label-text-weight: 500;
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400;
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: 0.0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: 0.0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: 0.0178571429em;
  }
  .mat-calendar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  }
  .mat-datepicker-content {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .mat-mdc-form-field-flex {
    padding: 4px;
  }
  .mat-calendar-body-selected {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1)) !important;
  }
  .mat-mdc-button, .mat-calendar-previous-button, .mat-calendar-next-button {
    font-weight: 600 !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--secondary-color) / var(--tw-bg-opacity, 1)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--white) / var(--tw-text-opacity, 1)) !important;
  }
  .mat-mdc-button:disabled, .mat-calendar-previous-button:disabled, .mat-calendar-next-button:disabled {
    cursor: not-allowed !important;
    background-color: rgb(var(--gray-dark) / .05) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1)) !important;
  }
  .mat-mdc-button:hover:enabled, .mat-calendar-previous-button:hover:enabled, .mat-calendar-next-button:hover:enabled {
    background-color: rgb(var(--button-primary-background-hover-color)) !important;
  }
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-cell-content:hover {
    background-color: rgb(var(--button-primary-background-hover-color)) !important;
  }
  .mat-calendar-body-cell.mat-calendar-body-disabled .mat-calendar-body-cell-content {
    border: 0;
    background-color: rgb(var(--gray-dark) / .05) !important;
  }
}
.cdk-overlay-container {
  z-index: 50;
}
.cdk-overlay-container .mat-mdc-tooltip-panel {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-light) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  padding: 4px;
}
.cdk-overlay-container .mat-mdc-autocomplete-panel {
  margin-top: 4px;
  margin-bottom: 8px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-light) / var(--tw-border-opacity, 1));
  background: white;
  border-radius: 4px;
  padding: unset;
}
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option {
  font-size: var(--text-b1-mobile);
}
@media (min-width: 640px) {
  .cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option {
    font-size: var(--text-b2);
  }
}
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option {
  padding-top: 12px;
  padding-bottom: 12px;
  height: auto;
  line-height: 1.2;
  white-space: initial;
  min-height: unset;
  letter-spacing: unset;
  transition: background-color 0.4s, box-shadow 0.4s;
}
.cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option:hover, .cdk-overlay-container .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active {
  background-color: rgb(var(--background-fill));
  box-shadow: inset 0 2px 1px -1px rgb(var(--secondary-color)/0.2), inset 0 -2px 1px -1px rgb(var(--secondary-color)/0.2);
}
.cdk-overlay-container .mat-mdc-autocomplete-panel .mdc-list-item__primary-text {
  font-size: 1rem;
}

.mat-mdc-standard-chip {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--primary-color) / 0.1) !important;
  background-color: rgb(var(--primary-color) / 0.05) !important;
  font-weight: 600;
}
.mat-mdc-standard-chip.cdk-focused {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--primary-color) / 0.2) !important;
  background-color: rgb(var(--primary-color) / 0.1) !important;
}
.mat-mdc-standard-chip img {
  background-color: rgb(var(--primary-color) / 0.2);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  padding: 2px;
  box-sizing: border-box;
}

.mat-mdc-form-field {
  height: 100%;
}
.mat-mdc-form-field.disabled {
  cursor: not-allowed;
  background-color: rgb(var(--gray-dark) / .05);
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  opacity: 1;
}
.mat-mdc-form-field.disabled input {
  --tw-text-opacity: 1;
  color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
}
.mat-mdc-form-field.disabled .padlock {
  position: absolute;
  right: 10px;
}
.mat-mdc-form-field.disabled .mat-mdc-chip-list-wrapper {
  max-width: calc(100% - 29px);
}

.mat-mdc-form-field.inside-input.disabled .padlock {
  position: absolute;
  right: 1px;
  top: 14px;
}

.mat-mdc-input-element.autocomplete-input {
  width: calc(100% - 52px);
}
.mat-mdc-input-element.autocomplete-input.info-displayed {
  width: calc(100% - 92px);
}

.mat-chip-list-wrapper {
  overflow: hidden;
  max-width: 100%;
  margin-top: -12px !important;
}
.mat-chip-list-wrapper input.mat-mdc-chip-input {
  flex: auto;
}

mat-chip-row {
  flex-shrink: 0;
}

.mat-mdc-form-field.h-input {
  display: inline-block;
  height: var(--input-height);
}

har-multi-autocomplete-options .mat-mdc-chip-remove, har-autocomplete-options .mat-mdc-chip-remove {
  color: rgb(var(--primary-color) / 0.2) !important;
  border-radius: 50%;
  font-size: 18px !important;
  height: 16px;
  width: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
har-multi-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon, har-autocomplete-options mat-form-field.warning-mode:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
  bottom: -4px;
  cursor: pointer;
}
har-multi-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon, har-autocomplete-options.error-mode mat-form-field:not(.inside-input) .mat-mdc-form-field-flex .dropdown-icon {
  bottom: -4px;
  cursor: pointer;
}
har-multi-autocomplete-options mat-form-field.inside-input, har-autocomplete-options mat-form-field.inside-input {
  box-sizing: border-box;
  height: 100%;
  width: 120px;
  background-color: transparent;
}
har-multi-autocomplete-options mat-form-field.inside-input .mat-mdc-input-element.autocomplete-input, har-autocomplete-options mat-form-field.inside-input .mat-mdc-input-element.autocomplete-input {
  width: calc(100% - 34px) !important;
}
har-multi-autocomplete-options mat-form-field.inside-input .input-container, har-autocomplete-options mat-form-field.inside-input .input-container {
  margin: 0 !important;
}

.mat-mdc-form-field.datepicker-input.mat-focused .mat-mdc-form-field-flex,
.mat-form-field.datepicker-input:hover .mat-mdc-form-field-flex {
  padding-right: calc(0.25rem - 1px);
}

.mat-mdc-text-field-wrapper {
  padding: 0 !important;
  height: 100% !important;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  height: 100%;
  padding-left: 1rem;
  align-items: center;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-underline {
  display: none;
}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  border-top: 0 !important;
  line-height: 1.2;
}
.mat-mdc-text-field-wrapper .mat-mdc-standard-chip {
  min-height: 26px !important;
  height: 26px !important;
}
.mat-mdc-text-field-wrapper label.mat-mdc-form-field-label {
  transition: transform 0s !important;
}
.mat-mdc-text-field-wrapper label.mat-mdc-form-field-label span {
  padding: 0 0.25rem;
  background: white;
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  font-size: var(--text-b1-mobile) !important;
}

@media (min-width: 640px) {
  .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
    font-size: var(--text-b2) !important;
  }
}

.mat-mdc-form-field-subscript-wrapper, .mdc-line-ripple {
  display: none !important;
}

.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary:before {
  border: none !important;
}

har-multi-autocomplete-options .mat-mdc-form-field-flex {
  min-height: 44px;
}

.mdc-list-item__primary-text:has(.full-width-option) {
  display: flex;
  width: 100%;
  justify-content: center;
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  letter-spacing: normal !important;
}
/**
   Disabled button
*/
@keyframes rotating {
  from {
    transform: rotate(0deg);
    transform-origin: center;
  }
  to {
    transform: rotate(359deg);
    transform-origin: center;
  }
}
@layer harmoney {
  .rotating {
    animation: rotating 800ms infinite linear;
  }
  .rotating-slow {
    animation: rotating 1500ms infinite linear;
    animation-fill-mode: forwards;
    transform-origin: center center;
  }
  .rotating-slow.completed {
    animation-play-state: paused;
  }
}
har-button > button {
  padding: 0 1.5rem 0 1.5rem;
}

har-button, har-navigation-button {
  /** We do not want the icons to be bold **/
  /**
      Primary button
  */
  /**
          Hover primary button
      */
  /**
      Warning primary button
  */
  /**
      Secondary button
  */
  /**
      Tertiary button
  */
  /**
      Error button
  */
  /**
      Warning button
  */
}
har-button span[class*=icon-], har-navigation-button span[class*=icon-] {
  font-weight: normal !important;
}
har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button, har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button {
  color: rgb(var(--button-primary-text-default-color));
  background-color: rgb(var(--button-primary-background-default-color));
  border: 1px solid rgb(var(--button-primary-border-default-color));
}
har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-], har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] {
  color: rgb(var(--button-primary-text-default-color));
}
har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path1, har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path1 {
  color: rgb(var(--button-primary-text-default-color)/0.1);
}
har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path2:before, har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path2:before {
  color: rgb(var(--button-primary-text-default-color));
}
body:not(.ios) har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled, body:not(.ios) har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-hover-color));
}
body:not(.ios) har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-], body:not(.ios) har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] {
  color: rgb(var(--button-primary-text-hover-color));
}
body:not(.ios) har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path1, body:not(.ios) har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path1 {
  color: rgb(var(--button-primary-text-hover-color)/0.1);
}
body:not(.ios) har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path2:before, body:not(.ios) har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-primary-text-hover-color));
}
har-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:active:enabled, har-navigation-button:not(.secondary, .tertiary, .action-button, .warning, .error) > button:active:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-hover-color));
  transition: 0s;
}
har-button:not(.action-button) > button, har-navigation-button:not(.action-button) > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  cursor: pointer;
  border-radius: var(--button-radius);
  font-size: 1rem;
  position: relative;
  transition: background-color 0.5s, color 0.5s, border 0.5s;
}
har-button > button har-duo-tone-icon.button-loader, har-navigation-button > button har-duo-tone-icon.button-loader {
  display: none;
}
har-button.loading > button har-duo-tone-icon.button-loader, har-navigation-button.loading > button har-duo-tone-icon.button-loader {
  display: block;
}
@supports not (-webkit-touch-callout: none) {
  har-button.loading > button har-duo-tone-icon.button-loader, har-navigation-button.loading > button har-duo-tone-icon.button-loader {
    height: 23px;
  }
  @-moz-document url-prefix() {
    har-button.loading > button har-duo-tone-icon.button-loader, har-navigation-button.loading > button har-duo-tone-icon.button-loader {
      height: 25px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 2) {
    har-button.loading > button har-duo-tone-icon.button-loader, har-navigation-button.loading > button har-duo-tone-icon.button-loader {
      height: 24px;
    }
  }
  @media (min-resolution: 2dppx) {
    har-button.loading > button har-duo-tone-icon.button-loader, har-navigation-button.loading > button har-duo-tone-icon.button-loader {
      height: 24px;
    }
  }
}
har-button.w-full > button, har-navigation-button.w-full > button {
  width: 100%;
}
har-button.h-full > button, har-navigation-button.h-full > button {
  height: 100% !important;
}
@media not all and (min-width: 640px) {
  har-button.reset-mobile > button, har-navigation-button.reset-mobile > button {
    border-style: none !important;
    background-color: transparent !important;
  }
}
har-button.action-button > button, har-navigation-button.action-button > button {
  cursor: pointer;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  padding: 0px;
}
har-button.action-button > button:hover, har-navigation-button.action-button > button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 4px 0 rgba(55, 57, 64, 0.15);
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
har-button.action-button > button, har-navigation-button.action-button > button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  height: 36px;
  width: 36px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
har-button.action-button > button:disabled, har-navigation-button.action-button > button:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--gray-dark) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button.action-button > button:disabled span[class*=icon-], har-navigation-button.action-button > button:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button.action-button > button span[class*=icon-], har-navigation-button.action-button > button span[class*=icon-] {
  font-size: 24px;
}
har-button.action-button.large > button, har-navigation-button.action-button.large > button {
  cursor: pointer;
  border-radius: 4px;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  padding: 0px;
}
har-button.action-button.large > button:hover, har-navigation-button.action-button.large > button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 4px 4px 0 rgba(55, 57, 64, 0.15);
  --tw-shadow-colored: 0 4px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
har-button.action-button.large > button, har-navigation-button.action-button.large > button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1));
  height: 44px;
  width: 44px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
har-button.action-button.large > button:disabled, har-navigation-button.action-button.large > button:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--gray-dark) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button.action-button.large > button:disabled span[class*=icon-], har-navigation-button.action-button.large > button:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button.action-button.large > button span[class*=icon-], har-navigation-button.action-button.large > button span[class*=icon-] {
  font-size: 28px;
}
har-button.img:not(.left-img) > button, har-navigation-button.img:not(.left-img) > button {
  padding-right: 4px;
}
har-button.img > button .content-img, har-navigation-button.img > button .content-img {
  display: flex;
  align-items: center;
}
har-button.img > button .content-img span[class*=icon-], har-navigation-button.img > button .content-img span[class*=icon-] {
  font-size: 22px;
}
har-button.img:not(.left-img) > button .content-img span[class*=icon-], har-navigation-button.img:not(.left-img) > button .content-img span[class*=icon-] {
  padding-left: 0.5rem;
  padding-right: 1rem;
}
har-button.img.left-img > button .content-img span[class*=icon-], har-navigation-button.img.left-img > button .content-img span[class*=icon-] {
  padding-right: 0.5rem;
}
har-button.transparent > button, har-navigation-button.transparent > button {
  background-color: transparent;
}
har-button.white > button, har-navigation-button.white > button {
  color: white;
  border-color: white;
}
har-button.loading > button, har-navigation-button.loading > button {
  cursor: not-allowed;
  pointer-events: none;
}
har-button.medium > button, har-navigation-button.medium > button {
  height: 40px;
}
har-button.no-border-animation > button, har-navigation-button.no-border-animation > button {
  transition: 0.5s;
}
har-button.warning > button, har-navigation-button.warning > button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity, 1));
}
har-button.warning > button span[class*=icon-], har-navigation-button.warning > button span[class*=icon-] {
  --tw-text-opacity: 1;
  color: rgb(var(--white) / var(--tw-text-opacity, 1));
}
body:not(.ios) har-button.warning > button:hover:enabled, body:not(.ios) har-navigation-button.warning > button:hover:enabled {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-dark) / var(--tw-bg-opacity, 1));
}
har-button.warning > button:active:enabled, har-navigation-button.warning > button:active:enabled {
  transition: background-color 0s;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--orange-dark) / var(--tw-bg-opacity, 1));
  box-shadow: 0 4px 10px rgba(234, 77, 47, 0.4);
}
har-button.secondary:not(.warning):not(.error) > button, har-navigation-button.secondary:not(.warning):not(.error) > button {
  color: rgb(var(--button-secondary-text-default-color));
  background-color: rgb(var(--button-secondary-background-default-color));
  border: 1px solid rgb(var(--button-secondary-border-default-color));
  transition: 0.5s;
}
har-button.secondary:not(.warning):not(.error) > button span[class*=icon-], har-navigation-button.secondary:not(.warning):not(.error) > button span[class*=icon-] {
  color: rgb(var(--button-secondary-text-default-color));
}
har-button.secondary:not(.warning):not(.error) > button span[class*=icon-] .path2:before, har-navigation-button.secondary:not(.warning):not(.error) > button span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-default-color));
}
har-button.secondary:not(.warning):not(.error) > button span[class*=icon-].primary-color, har-navigation-button.secondary:not(.warning):not(.error) > button span[class*=icon-].primary-color {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}
body:not(.ios) har-button.secondary:not(.warning):not(.error) > button:hover:enabled, body:not(.ios) har-navigation-button.secondary:not(.warning):not(.error) > button:hover:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-hover-color));
}
body:not(.ios) har-button.secondary:not(.warning):not(.error) > button:hover:enabled span[class*=icon-], body:not(.ios) har-navigation-button.secondary:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] {
  color: rgb(var(--button-secondary-text-hover-color));
}
body:not(.ios) har-button.secondary:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] .path2:before, body:not(.ios) har-navigation-button.secondary:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-hover-color));
}
har-button.secondary:not(.warning):not(.error) > button:active:enabled, har-navigation-button.secondary:not(.warning):not(.error) > button:active:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-hover-color));
  transition: 0s;
}
har-button.secondary:not(.warning):not(.error) > button:active:enabled span[class*=icon-], har-navigation-button.secondary:not(.warning):not(.error) > button:active:enabled span[class*=icon-] {
  color: rgb(var(--button-secondary-text-hover-color));
}
har-button.secondary:not(.warning):not(.error) > button:active:enabled span[class*=icon-] .path2:before, har-navigation-button.secondary:not(.warning):not(.error) > button:active:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-hover-color));
}
har-button.tertiary:not(.error) > button, har-navigation-button.tertiary:not(.error) > button {
  color: rgb(var(--button-tertiary-text-default-color));
  background-color: rgb(var(--button-tertiary-background-default-color));
  border: 1px solid rgb(var(--button-tertiary-border-default-color));
}
har-button.tertiary:not(.error) > button span[class*=icon-], har-navigation-button.tertiary:not(.error) > button span[class*=icon-] {
  color: rgb(var(--button-tertiary-text-default-color));
}
har-button.tertiary:not(.error) > button span[class*=icon-] .path1:before, har-navigation-button.tertiary:not(.error) > button span[class*=icon-] .path1:before {
  color: rgb(var(--button-tertiary-text-default-color));
}
har-button.tertiary:not(.error) > button span[class*=icon-] .path2:before, har-navigation-button.tertiary:not(.error) > button span[class*=icon-] .path2:before {
  color: rgb(var(--button-tertiary-text-default-color));
}
body:not(.ios) har-button.tertiary:not(.error) > button:hover:enabled, body:not(.ios) har-navigation-button.tertiary:not(.error) > button:hover:enabled {
  color: rgb(var(--button-tertiary-text-hover-color));
  background-color: rgb(var(--button-tertiary-background-hover-color));
  border: 1px solid rgb(var(--button-tertiary-border-hover-color));
}
body:not(.ios) har-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-], body:not(.ios) har-navigation-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-] {
  color: rgb(var(--button-tertiary-text-hover-color));
}
body:not(.ios) har-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-] .path1:before, body:not(.ios) har-navigation-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-] .path1:before {
  color: rgb(var(--button-tertiary-text-hover-color));
}
body:not(.ios) har-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-] .path2:before, body:not(.ios) har-navigation-button.tertiary:not(.error) > button:hover:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-tertiary-text-hover-color));
}
har-button.tertiary:not(.error) > button:active:enabled, har-navigation-button.tertiary:not(.error) > button:active:enabled {
  color: rgb(var(--button-tertiary-text-hover-color));
  background-color: rgb(var(--button-tertiary-background-hover-color));
  border: 1px solid rgb(var(--button-tertiary-border-hover-color));
}
har-button.tertiary:not(.error) > button:active:enabled span[class*=icon-], har-navigation-button.tertiary:not(.error) > button:active:enabled span[class*=icon-] {
  color: rgb(var(--button-tertiary-text-hover-color));
}
har-button.tertiary:not(.error) > button:active:enabled span[class*=icon-] .path1:before, har-navigation-button.tertiary:not(.error) > button:active:enabled span[class*=icon-] .path1:before {
  color: rgb(var(--button-tertiary-text-hover-color));
}
har-button.tertiary:not(.error) > button:active:enabled span[class*=icon-] .path2:before, har-navigation-button.tertiary:not(.error) > button:active:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-tertiary-text-hover-color));
}
har-button.error span[class*=icon-], har-navigation-button.error span[class*=icon-] {
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity, 1));
}
har-button.error span[class*=icon-] .path1:before, har-navigation-button.error span[class*=icon-] .path1:before {
  color: rgb(var(--red) / 0.4);
}
har-button.error span[class*=icon-] .path2:before, har-navigation-button.error span[class*=icon-] .path2:before {
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity, 1));
}
har-button.error > button, har-navigation-button.error > button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red) / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--red) / var(--tw-text-opacity, 1));
  background-color: rgb(var(--white));
}
body:not(.ios) har-button.error > button:hover:enabled, body:not(.ios) har-navigation-button.error > button:hover:enabled {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--red) / 0.1);
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity, 1));
}
har-button.error > button:active:enabled, har-navigation-button.error > button:active:enabled {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--red-dark) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--red-lightest) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--red-dark) / var(--tw-text-opacity, 1));
  transition: background-color 0s;
  box-shadow: 0 4px 10px rgb(var(--red-dark)/0.3);
}
har-button.warning > button, har-navigation-button.warning > button {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange) / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(var(--orange) / var(--tw-text-opacity, 1));
}
har-button.warning > button span[class*=icon-], har-navigation-button.warning > button span[class*=icon-] {
  --tw-text-opacity: 1;
  color: rgb(var(--orange) / var(--tw-text-opacity, 1));
}
har-button.warning > button span[class*=icon-] .path1:before, har-navigation-button.warning > button span[class*=icon-] .path1:before {
  color: rgb(var(--orange-dark) / 0.4);
}
har-button.warning > button span[class*=icon-] .path2:before, har-navigation-button.warning > button span[class*=icon-] .path2:before {
  --tw-text-opacity: 1;
  color: rgb(var(--orange) / var(--tw-text-opacity, 1));
}
body:not(.ios) har-button.warning > button:hover:enabled, body:not(.ios) har-navigation-button.warning > button:hover:enabled {
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity, 1));
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--orange-dark) / 0.1);
}
har-button.warning > button:active:enabled, har-navigation-button.warning > button:active:enabled {
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(var(--orange-dark) / var(--tw-border-opacity, 1));
  background-color: rgb(var(--orange-dark) / .03);
  --tw-text-opacity: 1;
  color: rgb(var(--orange-dark) / var(--tw-text-opacity, 1));
  transition: none;
  box-shadow: 0 4px 10px rgb(var(--orange-dark)/0.3);
}
har-button.small > button, har-navigation-button.small > button {
  padding: 9px 12px;
}
har-button.higher > button, har-navigation-button.higher > button {
  height: 48px;
}
har-button body.disabled har-button button, har-navigation-button body.disabled har-button button {
  background-color: rgb(var(--gray-dark) / 0.7) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  transition: none !important;
  color: white !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button body.disabled har-button button span[class*=icon-], har-navigation-button body.disabled har-button button span[class*=icon-] {
  color: white !important;
}
har-button body.disabled har-button.secondary button, har-navigation-button body.disabled har-button.secondary button {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1)) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button body.disabled har-button.secondary button span[class*=icon-], har-navigation-button body.disabled har-button.secondary button span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button body.disabled har-button.tertiary button, har-navigation-button body.disabled har-button.tertiary button {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--secondary-color) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button body.disabled har-button.tertiary button span[class*=icon-], har-navigation-button body.disabled har-button.tertiary button span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button body.disabled har-button.error button, har-navigation-button body.disabled har-button.error button {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
  background-color: white !important;
}
har-button body.disabled nav, har-navigation-button body.disabled nav {
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
}
har-button body.disabled nav span[class*=icon-]::before, har-navigation-button body.disabled nav span[class*=icon-]::before {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
}
har-button:not(.action-button) button:disabled, har-navigation-button:not(.action-button) button:disabled {
  background-color: rgb(var(--gray-dark) / 0.7) !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  transition: none !important;
  color: white !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button:not(.action-button) button:disabled span[class*=icon-], har-navigation-button:not(.action-button) button:disabled span[class*=icon-] {
  color: white !important;
}
har-button:not(.action-button).secondary button:disabled, har-navigation-button:not(.action-button).secondary button:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1)) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button:not(.action-button).secondary button:disabled span[class*=icon-], har-navigation-button:not(.action-button).secondary button:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button:not(.action-button).tertiary button:disabled, har-navigation-button:not(.action-button).tertiary button:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  background-color: rgb(var(--secondary-color) / .05) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}
har-button:not(.action-button).tertiary button:disabled span[class*=icon-], har-navigation-button:not(.action-button).tertiary button:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}
har-button:not(.action-button).error button:disabled, har-navigation-button:not(.action-button).error button:disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
  background-color: white !important;
}

/**
    Mozilla extension classes
*/
har-button::-moz-focus-inner {
  border: 0;
}

button::-moz-focus-inner {
  border: 0;
}

/**
    Status modal button
*/
.status-button-modal har-dossier-status-button, .actions-modal har-dossier-status-button {
  display: flex;
  flex-direction: column;
}
.status-button-modal har-button > button, .status-button-modal har-button.secondary:not(.warning):not(.error) > button, .actions-modal har-button > button, .actions-modal har-button.secondary:not(.warning):not(.error) > button {
  padding: 0.75rem 0;
}
.status-button-modal har-button > button, .status-button-modal har-button > button:hover, .status-button-modal har-button > button:active, .status-button-modal har-button.secondary:not(.warning):not(.error) > button, .status-button-modal har-button.secondary:not(.warning):not(.error) > button:hover, .status-button-modal har-button.secondary:not(.warning):not(.error) > button:active, .actions-modal har-button > button, .actions-modal har-button > button:hover, .actions-modal har-button > button:active, .actions-modal har-button.secondary:not(.warning):not(.error) > button, .actions-modal har-button.secondary:not(.warning):not(.error) > button:hover, .actions-modal har-button.secondary:not(.warning):not(.error) > button:active {
  justify-content: flex-start !important;
  border-radius: 0px !important;
  border-style: none !important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--text-color) / var(--tw-text-opacity, 1)) !important;
}
.status-button-modal har-button > button:active:enabled, .status-button-modal har-button.secondary:not(.warning):not(.error) > button:active:enabled, .actions-modal har-button > button:active:enabled, .actions-modal har-button.secondary:not(.warning):not(.error) > button:active:enabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
body:not(.ios) .status-button-modal har-button > button:hover:enabled, body:not(.ios) .status-button-modal har-button.secondary:not(.warning):not(.error) > button:hover:enabled, body:not(.ios) .actions-modal har-button > button:hover:enabled, body:not(.ios) .actions-modal har-button.secondary:not(.warning):not(.error) > button:hover:enabled {
  border-style: none;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}
.status-button-modal har-button > button:active:enabled, .status-button-modal har-button.secondary:not(.warning):not(.error) > button:active:enabled, .actions-modal har-button > button:active:enabled, .actions-modal har-button.secondary:not(.warning):not(.error) > button:active:enabled {
  border-style: none;
  background-color: transparent;
}
@media (min-width: 640px) {
  .status-button-modal har-button.warning > button, .status-button-modal har-button.secondary:not(.warning):not(.error).warning > button, .actions-modal har-button.warning > button, .actions-modal har-button.secondary:not(.warning):not(.error).warning > button {
    --tw-text-opacity: 1;
    color: rgb(var(--orange) / var(--tw-text-opacity, 1));
  }
  .status-button-modal har-button.error > button, .status-button-modal har-button.secondary:not(.warning):not(.error).error > button, .actions-modal har-button.error > button, .actions-modal har-button.secondary:not(.warning):not(.error).error > button {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
}
.status-button-modal har-button:not(:last-of-type), .actions-modal har-button:not(:last-of-type) {
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: rgb(var(--gray-dark) / 0.3);
}

.list-action-button {
  margin-left: 0px;
  margin-top: 1rem;
  width: 100%;
}

har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button, har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button {
  color: rgb(var(--button-primary-text-default-color));
  background-color: rgb(var(--button-primary-background-default-color));
  border: 1px solid rgb(var(--button-primary-border-default-color));
}

har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-], har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] {
  color: rgb(var(--button-primary-text-default-color));
}

har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path1, har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path1 {
  color: rgb(var(--button-primary-text-default-color)/0.1);
}

har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path2:before, har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button span[class*=icon-] .path2:before {
  color: rgb(var(--button-primary-text-default-color));
}

body:not(.ios) har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled, body:not(.ios) har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-hover-color));
}

body:not(.ios) har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-], body:not(.ios) har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] {
  color: rgb(var(--button-primary-text-hover-color));
}

body:not(.ios) har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path1, body:not(.ios) har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path1 {
  color: rgb(var(--button-primary-text-hover-color)/0.1);
}

body:not(.ios) har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path2:before, body:not(.ios) har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:hover:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-primary-text-hover-color));
}

har-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:active:enabled, har-navigation-button:not(.list-action-button, .tertiary, .action-button, .warning, .error) > button:active:enabled {
  color: rgb(var(--button-primary-text-hover-color));
  background-color: rgb(var(--button-primary-background-hover-color));
  border: 1px solid rgb(var(--button-primary-border-hover-color));
  transition: 0s;
}

har-button.list-action-button > button, har-navigation-button.list-action-button > button {
  width: 100%;
}

har-button.list-action-button:not(.warning):not(.error) > button, har-navigation-button.list-action-button:not(.warning):not(.error) > button {
  color: rgb(var(--button-secondary-text-default-color));
  background-color: rgb(var(--button-secondary-background-default-color));
  border: 1px solid rgb(var(--button-secondary-border-default-color));
  transition: 0.5s;
}

har-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-], har-navigation-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-] {
  color: rgb(var(--button-secondary-text-default-color));
}

har-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-] .path2:before, har-navigation-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-default-color));
}

har-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-].primary-color, har-navigation-button.list-action-button:not(.warning):not(.error) > button span[class*=icon-].primary-color {
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}

body:not(.ios) har-button.list-action-button:not(.warning):not(.error) > button:hover:enabled, body:not(.ios) har-navigation-button.list-action-button:not(.warning):not(.error) > button:hover:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-hover-color));
}

body:not(.ios) har-button.list-action-button:not(.warning):not(.error) > button:hover:enabled span[class*=icon-], body:not(.ios) har-navigation-button.list-action-button:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] {
  color: rgb(var(--button-secondary-text-hover-color));
}

body:not(.ios) har-button.list-action-button:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] .path2:before, body:not(.ios) har-navigation-button.list-action-button:not(.warning):not(.error) > button:hover:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-hover-color));
}

har-button.list-action-button:not(.warning):not(.error) > button:active:enabled, har-navigation-button.list-action-button:not(.warning):not(.error) > button:active:enabled {
  color: rgb(var(--button-secondary-text-hover-color));
  background-color: rgb(var(--button-secondary-background-hover-color));
  border: 1px solid rgb(var(--button-secondary-border-hover-color));
  transition: 0s;
}

har-button.list-action-button:not(.warning):not(.error) > button:active:enabled span[class*=icon-], har-navigation-button.list-action-button:not(.warning):not(.error) > button:active:enabled span[class*=icon-] {
  color: rgb(var(--button-secondary-text-hover-color));
}

har-button.list-action-button:not(.warning):not(.error) > button:active:enabled span[class*=icon-] .path2:before, har-navigation-button.list-action-button:not(.warning):not(.error) > button:active:enabled span[class*=icon-] .path2:before {
  color: rgb(var(--button-secondary-text-hover-color));
}

har-button body.disabled har-button.list-action-button button, har-navigation-button body.disabled har-button.list-action-button button {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1)) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none;
  cursor: not-allowed;
}

har-button body.disabled har-button.list-action-button button span[class*=icon-], har-navigation-button body.disabled har-button.list-action-button button span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}

har-button:not(.action-button).list-action-button button:disabled, har-navigation-button:not(.action-button).list-action-button button:disabled {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgb(var(--gray-dark) / 0.7) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(var(--white) / var(--tw-bg-opacity, 1)) !important;
  color: rgb(var(--gray-dark) / 0.7) !important;
  box-shadow: none;
  cursor: not-allowed;
}

har-button:not(.action-button).list-action-button button:disabled span[class*=icon-], har-navigation-button:not(.action-button).list-action-button button:disabled span[class*=icon-] {
  color: rgb(var(--gray-dark) / 0.7) !important;
}

 .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button {
  padding: 0.75rem 0;
}

 .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button, .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button:hover, .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button:active, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button:hover, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button:active {
  justify-content: flex-start !important;
  border-radius: 0px !important;
  border-style: none !important;
  background-color: transparent !important;
  --tw-text-opacity: 1 !important;
  color: rgb(var(--text-color) / var(--tw-text-opacity, 1)) !important;
}

 .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button:active:enabled, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button:active:enabled {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

 body:not(.ios) .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button:hover:enabled, body:not(.ios) .actions-modal har-button.list-action-button:not(.warning):not(.error) > button:hover:enabled {
  border-style: none;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(var(--primary-color) / var(--tw-text-opacity, 1));
}

 .status-button-modal har-button.list-action-button:not(.warning):not(.error) > button:active:enabled, .actions-modal har-button.list-action-button:not(.warning):not(.error) > button:active:enabled {
  border-style: none;
  background-color: transparent;
}

@media (min-width: 640px) {
   .status-button-modal har-button.list-action-button:not(.warning):not(.error).warning > button, .actions-modal har-button.list-action-button:not(.warning):not(.error).warning > button {
    --tw-text-opacity: 1;
    color: rgb(var(--orange) / var(--tw-text-opacity, 1));
  }
   .status-button-modal har-button.list-action-button:not(.warning):not(.error).error > button, .actions-modal har-button.list-action-button:not(.warning):not(.error).error > button {
    --tw-text-opacity: 1;
    color: rgb(var(--red) / var(--tw-text-opacity, 1));
  }
  .list-action-button {
    margin-left: 1rem;
    margin-top: 0px;
    width: auto;
  }
}

.reset-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
}
@layer harmoney {
  span[class*=icon-] {
    font-size: 24px;
    font-weight: normal !important;
    outline: none;
    flex-shrink: 0;
    line-height: 1;
  }
  span[class*=icon-]::before {
    transition: rotate 0.2s;
    rotate: 0deg;
  }
  span[class*=icon-].rotate-arrow:before {
    display: inline-block;
    rotate: 180deg;
  }
  span[class*=icon-].rotate {
    rotate: 180deg;
  }
  span[class*=icon-].large {
    font-size: 24px;
  }
  span[class*=icon-].small {
    font-size: 16px;
  }
  span[class*=icon-].xsmall {
    font-size: 14px;
  }
  span[class*=icon-].spot {
    background-color: rgb(var(--secondary-color) / 0.1);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    font-size: 7.5rem;
    width: 7.5rem;
    height: 7.5rem;
    align-items: center;
    border-radius: 50%;
    transition: color 0.5s, background-color 0.5s, border 0.5s, box-shadow 0.5s;
  }
  span[class*=icon-].spot.xx-small {
    font-size: 36px;
    width: 64px;
    height: 64px;
  }
  span[class*=icon-].spot.x-small {
    font-size: 40px;
    width: 64px;
    height: 64px;
  }
  span[class*=icon-].spot.small {
    font-size: 96px;
    width: 96px;
    height: 96px;
  }
  span[class*=icon-].spot.large {
    font-size: 11.25rem;
    width: 11.25rem;
    height: 11.25rem;
  }
  span[class*=icon-].secondary-color:before {
    --tw-text-opacity: 1;
    color: rgb(var(--secondary-color) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-].success .path1:before, span[class*=icon-].success .path2:before, span[class*=icon-].success:before {
    --tw-text-opacity: 1;
    color: rgb(var(--green) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-].c-light-gray .path1:before, span[class*=icon-].c-light-gray .path2:before, span[class*=icon-].c-light-gray:before {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-].cool-gray .path1:before, span[class*=icon-].cool-gray .path2:before, span[class*=icon-].cool-gray:before {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-].disabled .path1:before, span[class*=icon-].disabled .path2:before, span[class*=icon-].disabled:before {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-steel) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-] .path1:before {
    color: white;
  }
  span[class*=icon-] .path2:before {
    --tw-text-opacity: 1;
    color: rgb(var(--text-color) / var(--tw-text-opacity, 1));
  }
  span[class*=icon-].icon-info.error:before {
    color: #E52929;
  }
}
@layer harmoney {
  body.disabled span.inactive-on-disable .path1:before, body.disabled span.inactive-on-disable .path2:before, body.disabled span.inactive-on-disable:before {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  body.disabled * {
    cursor: not-allowed;
    pointer-events: none;
  }
  body.disabled .gray-on-disable {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  body.disabled .delete-file .icon-close {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
  body.disabled .navigation-tabs .tab.active {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 3px !important;
    border-top-width: 0px !important;
    border-style: solid !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gray-dark) / var(--tw-border-opacity, 1)) !important;
  }
  body.disabled .navigation-tabs .tab h4, body.disabled .navigation-tabs .tab span {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1)) !important;
  }
  body.disabled [type=radio] {
    cursor: not-allowed;
    pointer-events: none;
  }
  body.disabled [type=radio] + label {
    cursor: not-allowed;
    pointer-events: none;
  }
  body.disabled [type=radio] + label:before {
    background-color: rgb(var(--gray-dark) / .05);
  }
  body.disabled [type=radio] + label:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-dark) / var(--tw-bg-opacity, 1));
  }
  body.disabled .sort-icons span {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
  }
  body.disabled a, body.disabled .link {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--gray-light) / var(--tw-text-opacity, 1)) !important;
  }
  body.disabled .questionnaire-sidebar .circle {
    border-width: 2px !important;
    border-style: solid !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--gray-intermediate) / var(--tw-border-opacity, 1)) !important;
  }
  body.disabled .questionnaire-sidebar .circle .complete {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-intermediate) / var(--tw-bg-opacity, 1));
  }
  body.disabled .questionnaire-sidebar .sidebar-line {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--gray-intermediate) / var(--tw-bg-opacity, 1));
  }
  body.disabled .questionnaire-sidebar .sidebar-right-col-element {
    --tw-text-opacity: 1;
    color: rgb(var(--gray-dark) / var(--tw-text-opacity, 1));
  }
}
@media print {
  html, body {
    background: white !important;
  }
  * {
    print-color-adjust: exact;
    printer-colors: exact;
  }
  har-breadcrumb, har-sidebar, har-top-navigation, har-navigation-tabs {
    display: none !important;
  }
  .breadcrumb-container, .page-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .card {
    border: 1px solid rgb(var(--gray-lightest));
    box-shadow: none !important;
  }
  tr.even {
    box-shadow: inset 0 0 0 10000px rgb(var(--background-fill));
  }
}
/**
    ** This is a first implementation of grid layout.
    ** Limited to inside of the question flow and Admin Part for now.
    ** The goal is to have it everywhere in the future
    */
body.unauthenticated-grid .center-elements {
  height: 100%;
}

body.grid-layout {
  overflow: hidden;
}
body.grid-layout har-root {
  grid-template-rows: 66px 1fr;
}
body.grid-layout har-root nav {
  position: unset !important;
}
@media screen and (max-width: 1280px) {
  body.grid-layout har-root {
    grid-template-rows: 56px 1fr;
  }
}
@media screen and (max-width: 640px) {
  body.grid-layout har-root {
    grid-template-rows: 60px 1fr;
  }
}
body.grid-layout har-root body.android {
  grid-template-rows: 60px 1fr;
}
body.grid-layout har-root .page-container {
  display: grid;
  grid-template-rows: 72px 1fr;
  margin-top: 0 !important;
}
body.grid-layout har-root .page-container .page-title {
  height: 100% !important;
}
@media screen and (max-width: 1280px) {
  body.grid-layout har-root .page-container {
    grid-template-rows: 72px 1fr;
  }
}
@media screen and (max-width: 640px) {
  body.grid-layout har-root .page-container {
    grid-template-rows: unset;
  }
}
body.grid-layout har-root .page-container body.android {
  grid-template-rows: unset;
}
body.grid-layout har-root .page-container .breadcrumb-container {
  margin-top: 0 !important;
}
body.grid-layout har-root .page-container har-breadcrumb {
  position: unset !important;
  left: unset !important;
  top: unset !important;
}

.har-grid {
  display: grid;
  gap: 16px;
  padding-bottom: 16px;
  grid-template-columns: repeat(1, minmax(0, 787px));
}
.har-grid.full-width-cards {
  grid-template-columns: repeat(1, minmax(0, 1574px));
}
.har-grid.single-column {
  grid-template-columns: repeat(1, minmax(0, 787px));
}
@media (min-width: 640px) {
  .har-grid {
    padding-bottom: 0px;
  }
}
@media (min-width: 1280px) {
  .har-grid {
    grid-template-columns: repeat(2, minmax(0, 787px));
  }
}
.har-grid .har-grid-column {
  margin-bottom: 1rem;
}
.har-grid .har-grid-column .har-card:not(:last-of-type) {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1280px) {
  .mt-s-tablet {
    margin-top: 1rem;
  }
  .har-grid-column:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@font-face {
  font-family: 'icomoon';
  src: url('/assets/fonts/font-icon/font-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

span[class^="icon-"], span[class*=" icon-"], span.path1, span.path2 {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sidebar:before {
    content: "\e9d2";
}
.icon-stepper-done .path1:before {
    content: "\e9d3";
}
.icon-stepper-done .path2:before {
    content: "\e9d4";
    margin-left: -1em;
}
.icon-stepper-empty:before {
    content: "\e9d5";
}
.icon-stepper-inprogress:before {
    content: "\e9d6";
}
.icon-expand:before {
    content: "\e9d0";
}
.icon-contract:before {
    content: "\e9d1";
}
.icon-observer:before {
  content: "\e9cf";
}
.icon-error-small:before {
  content: "\e9ce";
}
.icon-mobile-expired .path1:before {
  content: "\e9c7";
}
.icon-mobile-expired .path2:before {
  content: "\e9c8";
  margin-left: -1em;
}
.icon-mobile-failed .path1:before {
  content: "\e9c9";
}
.icon-mobile-failed .path2:before {
  content: "\e9ca";
  margin-left: -1em;
}
.icon-mobile-success .path1:before {
  content: "\e9cb";
}
.icon-mobile-success .path2:before {
  content: "\e9cc";
  margin-left: -1em;
}
.icon-warning-filled:before {
  content: "\e9cd";
}
.icon-information-exchange:before {
  content: "\e9c6";
}
.icon-create-mail .path1:before {
  content: "\e9c4";
}
.icon-create-mail .path2:before {
  content: "\e9c5";
  margin-left: -1em;
}
.icon-spinner .path1:before {
  content: "\e99e";
}
.icon-spinner .path2:before {
  content: "\e99f";
  margin-left: -1em;
}
.icon-related-dossier:before {
  content: "\e9c3";
}
.icon-beneficiaries .path1:before {
  content: "\e9bf";
}
.icon-beneficiaries .path2:before {
  content: "\e9c0";
  margin-left: -1em;
}
.icon-financial-passport .path1:before {
  content: "\e9c1";
}
.icon-financial-passport .path2:before {
  content: "\e9c2";
  margin-left: -1em;
}
.icon-questionnaire:before {
  content: "\e9bd";
}
.icon-undo:before {
  content: "\e9be";
}
.icon-todo:before {
  content: "\e9ba";
}
.icon-external-info:before {
  content: "\e9bb";
}
.icon-transaction:before {
  content: "\e9bc";
}
.icon-2-factor .path1:before {
  content: "\e9b8";
}
.icon-2-factor .path2:before {
  content: "\e9b9";
  margin-left: -1em;
}
.icon-impersonate .path1:before {
  content: "\e9b6";
}
.icon-impersonate .path2:before {
  content: "\e9b7";
  margin-left: -1em;
}
.icon-parties-large:before {
  content: "\e9b4";
}
.icon-parties-small:before {
  content: "\e9b5";
}
.icon-chip:before {
  content: "\e9b3";
}
.icon-dragndrop .path1:before {
  content: "\e9b0";
}
.icon-dragndrop .path2:before {
  content: "\e9b1";
  margin-left: -1em;
}
.icon-dragndrop-small:before {
  content: "\e9b2";
}
.icon-add-URL .path1:before {
  content: "\e9ae";
}
.icon-add-URL .path2:before {
  content: "\e9af";
  margin-left: -1em;
}
.icon-mail-small:before {
  content: "\e9ad";
}
.icon-doc-missing:before {
  content: "\e9ac";
}
.icon-search:before {
  content: "\e9a9";
}
.icon-forgot-pass .path1:before {
  content: "\e9aa";
}
.icon-forgot-pass .path2:before {
  content: "\e9ab";
  margin-left: -1em;
}
.icon-notification-large .path1:before {
  content: "\e9a7";
}
.icon-notification-large .path2:before {
  content: "\e9a8";
  margin-left: -1em;
}
.icon-finalising .path1:before {
  content: "\e900";
}
.icon-finalising .path2:before {
  content: "\e901";
  margin-left: -1em;
}
.icon-redirecting .path1:before {
  content: "\e93a";
}
.icon-redirecting .path2:before {
  content: "\e93b";
  margin-left: -1em;
}
.icon-uploading .path1:before {
  content: "\e990";
}
.icon-uploading .path2:before {
  content: "\e991";
  margin-left: -1em;
}
.icon-info:before {
  content: "\e999";
}
.icon-spinner-L .path1:before {
  content: "\e99a";
}
.icon-spinner-L .path2:before {
  content: "\e99b";
  margin-left: -1em;
}
.icon-spinner-M .path1:before {
  content: "\e99c";
}
.icon-spinner-M .path2:before {
  content: "\e99d";
  margin-left: -1em;
}
.icon-fiscal:before {
  content: "\e9a0";
}
.icon-fund-monitor:before {
  content: "\e9a1";
}
.icon-investment-strategy:before {
  content: "\e9a2";
}
.icon-reserve-over-time:before {
  content: "\e9a3";
}
.icon-retirement:before {
  content: "\e9a4";
}
.icon-404 .path1:before {
  content: "\e9a5";
}
.icon-404 .path2:before {
  content: "\e9a6";
  margin-left: -1em;
}
.icon-active-user:before {
  content: "\e902";
}
.icon-add:before {
  content: "\e903";
}
.icon-add-dossiers .path1:before {
  content: "\e904";
}
.icon-add-dossiers .path2:before {
  content: "\e905";
  margin-left: -1em;
}
.icon-admin:before {
  content: "\e906";
}
.icon-administrator:before {
  content: "\e907";
}
.icon-advisor:before {
  content: "\e908";
}
.icon-AML:before {
  content: "\e909";
}
.icon-analyst:before {
  content: "\e90a";
}
.icon-arrow-left:before {
  content: "\e90b";
}
.icon-arrow-right:before {
  content: "\e90c";
}
.icon-assigned:before {
  content: "\e90d";
}
.icon-bank-cards:before {
  content: "\e90e";
}
.icon-card:before {
  content: "\e90f";
}
.icon-card-reader .path1:before {
  content: "\e910";
}
.icon-card-reader .path2:before {
  content: "\e911";
  margin-left: -1em;
}
.icon-chevron-down:before {
  content: "\e912";
}
.icon-chevron-left:before {
  content: "\e913";
}
.icon-chevron-right:before {
  content: "\e914";
}
.icon-chevron-small-right:before {
  content: "\e915";
}
.icon-chevron-up:before {
  content: "\e916";
}
.icon-clause-type:before {
  content: "\e917";
}
.icon-clients-large:before {
  content: "\e918";
}
.icon-clients:before {
  content: "\e919";
}
.icon-close:before {
  content: "\e91a";
}
.icon-company:before {
  content: "\e91b";
}
.icon-completion .path1:before {
  content: "\e91c";
}
.icon-completion .path2:before {
  content: "\e91d";
  margin-left: -1em;
}
.icon-compliance-officer:before {
  content: "\e91e";
}
.icon-compliance:before {
  content: "\e91f";
}
.icon-confirm:before {
  content: "\e920";
}
.icon-coverage:before {
  content: "\e921";
}
.icon-dashboard-large:before {
  content: "\e922";
}
.icon-death-coverage:before {
  content: "\e923";
}
.icon-delete:before {
  content: "\e924";
}
.icon-detail:before {
  content: "\e925";
}
.icon-difference:before {
  content: "\e926";
}
.icon-documents-large:before {
  content: "\e927";
}
.icon-documents:before {
  content: "\e928";
}
.icon-dossier:before {
  content: "\e929";
}
.icon-dossiers-large:before {
  content: "\e92a";
}
.icon-download:before {
  content: "\e92b";
}
.icon-edit:before {
  content: "\e92c";
}
.icon-edit-profile .path1:before {
  content: "\e92d";
}
.icon-edit-profile .path2:before {
  content: "\e92e";
  margin-left: -1em;
}
.icon-empty .path1:before {
  content: "\e92f";
}
.icon-empty .path2:before {
  content: "\e930";
  margin-left: -1em;
}
.icon-error .path1:before {
  content: "\e931";
}
.icon-error .path2:before {
  content: "\e932";
  margin-left: -1em;
}
.icon-expense:before {
  content: "\e933";
}
.icon-external-provider:before {
  content: "\e934";
}
.icon-filter:before {
  content: "\e935";
}
.icon-finance-future:before {
  content: "\e936";
}
.icon-financial-passport-large:before {
  content: "\e937";
}
.icon-financial-situation:before {
  content: "\e938";
}
.icon-financial-large:before {
  content: "\e939";
}
.icon-gift-get:before {
  content: "\e93c";
}
.icon-gift-give:before {
  content: "\e93d";
}
.icon-grid-large:before {
  content: "\e93e";
}
.icon-hamburger:before {
  content: "\e93f";
}
.icon-hidden:before {
  content: "\e940";
}
.icon-history:before {
  content: "\e941";
}
.icon-img:before {
  content: "\e942";
}
.icon-in-progress:before {
  content: "\e943";
}
.icon-income:before {
  content: "\e944";
}
.icon-individual:before {
  content: "\e945";
}
.icon-indivision:before {
  content: "\e946";
}
.icon-infobubble:before {
  content: "\e947";
}
.icon-information:before {
  content: "\e948";
}
.icon-inheritance:before {
  content: "\e949";
}
.icon-insurance:before {
  content: "\e94a";
}
.icon-insured-person:before {
  content: "\e94b";
}
.icon-internal-info:before {
  content: "\e94c";
}
.icon-invite .path1:before {
  content: "\e94d";
}
.icon-invite .path2:before {
  content: "\e94e";
  margin-left: -1em;
}
.icon-invited:before {
  content: "\e94f";
}
.icon-knowledge-large:before {
  content: "\e950";
}
.icon-knowledge:before {
  content: "\e951";
}
.icon-language:before {
  content: "\e952";
}
.icon-learning .path1:before {
  content: "\e953";
}
.icon-learning .path2:before {
  content: "\e954";
  margin-left: -1em;
}
.icon-lightbulb-large:before {
  content: "\e955";
}
.icon-lightbulb:before {
  content: "\e956";
}
.icon-lightning:before {
  content: "\e957";
}
.icon-link:before {
  content: "\e958";
}
.icon-loan:before {
  content: "\e959";
}
.icon-locked:before {
  content: "\e95a";
}
.icon-login .path1:before {
  content: "\e95b";
}
.icon-login .path2:before {
  content: "\e95c";
  margin-left: -1em;
}
.icon-logout:before {
  content: "\e95d";
}
.icon-mail .path1:before {
  content: "\e95e";
}
.icon-mail .path2:before {
  content: "\e95f";
  margin-left: -1em;
}
.icon-maintenance:before {
  content: "\e960";
}
.icon-manage-v2:before {
  content: "\e961";
}
.icon-manage:before {
  content: "\e962";
}
.icon-members:before {
  content: "\e963";
}
.icon-my-details:before {
  content: "\e964";
}
.icon-natural-person:before {
  content: "\e965";
}
.icon-network:before {
  content: "\e966";
}
.icon-notification:before {
  content: "\e967";
}
.icon-office-manager:before {
  content: "\e968";
}
.icon-other:before {
  content: "\e969";
}
.icon-ownership-structure:before {
  content: "\e96a";
}
.icon-partnership:before {
  content: "\e96b";
}
.icon-PDF:before {
  content: "\e96c";
}
.icon-percentage:before {
  content: "\e96d";
}
.icon-performance-review:before {
  content: "\e96e";
}
.icon-person .path1:before {
  content: "\e96f";
}
.icon-person .path2:before {
  content: "\e970";
  margin-left: -1em;
}
.icon-persons-large:before {
  content: "\e971";
}
.icon-persons:before {
  content: "\e972";
}
.icon-phonenumber .path1:before {
  content: "\e973";
}
.icon-phonenumber .path2:before {
  content: "\e974";
  margin-left: -1em;
}
.icon-placeholder .path1:before {
  content: "\e975";
}
.icon-placeholder .path2:before {
  content: "\e976";
  margin-left: -1em;
}
.icon-products:before {
  content: "\e977";
}
.icon-questions .path1:before {
  content: "\e978";
}
.icon-questions .path2:before {
  content: "\e979";
  margin-left: -1em;
}
.icon-recommended:before {
  content: "\e97a";
}
.icon-recurring:before {
  content: "\e97b";
}
.icon-redirect .path1:before {
  content: "\e97c";
}
.icon-redirect .path2:before {
  content: "\e97d";
  margin-left: -1em;
}
.icon-registration .path1:before {
  content: "\e97e";
}
.icon-registration .path2:before {
  content: "\e97f";
  margin-left: -1em;
}
.icon-related-parties:before {
  content: "\e980";
}
.icon-remove:before {
  content: "\e981";
}
.icon-renovation:before {
  content: "\e982";
}
.icon-rent:before {
  content: "\e983";
}
.icon-retirement-work:before {
  content: "\e984";
}
.icon-roadblock .path1:before {
  content: "\e985";
}
.icon-roadblock .path2:before {
  content: "\e986";
  margin-left: -1em;
}
.icon-sale:before {
  content: "\e987";
}
.icon-scan-ID .path1:before {
  content: "\e988";
}
.icon-scan-ID .path2:before {
  content: "\e989";
  margin-left: -1em;
}
.icon-score:before {
  content: "\e98a";
}
.icon-settings:before {
  content: "\e98b";
}
.icon-share:before {
  content: "\e98c";
}
.icon-show-more:before {
  content: "\e98d";
}
.icon-sorting-small:before {
  content: "\e98e";
}
.icon-sorting:before {
  content: "\e98f";
}
.icon-trial-account .path1:before {
  content: "\e992";
}
.icon-trial-account .path2:before {
  content: "\e993";
  margin-left: -1em;
}
.icon-user-id:before {
  content: "\e994";
}
.icon-vacation:before {
  content: "\e995";
}
.icon-visible:before {
  content: "\e996";
}
.icon-warning-small:before {
  content: "\e997";
}
.icon-warning:before {
  content: "\e998";
}
.icon-checkmark:before {
  content: "\ea10";
}

@layer harmoney {
  @media screen and (max-width: 640px) {
    /**
     ** General design rule:
     ** All the h3 title which are not modal title are becoming h4 on mobile
     */
    h3.bold:not(.modal-title) {
      font-size: 1rem !important;
      line-height: 1.3;
    }
    p {
      max-width: 100%;
    }
    .chips-container::-webkit-scrollbar {
      display: none;
    }
    .card-title {
      padding: 16px;
    }
    .card-section {
      overflow: hidden;
      padding: 24px 16px;
    }
    .draggable-area.in-modal {
      min-width: unset;
      width: 100%;
    }
    .edge-to-edge-mobile {
      margin-left: -1.5rem !important;
      box-sizing: border-box;
      width: calc(100% + 3rem) !important;
      padding-left: 1.5rem !important;
    }
    .responsible-table {
      max-width: calc(100% + 3rem) !important;
      margin-left: -1.5rem !important;
      margin-right: -1.5rem !important;
      box-sizing: border-box;
      padding-left: 0 !important;
    }
    .responsible-table td {
      min-width: 100px !important;
    }
    har-duo-tone-icon.large .spot {
      font-size: 160px !important;
      height: 160px !important;
      width: 160px !important;
    }
    har-duo-tone-icon.small-mobile .spot {
      font-size: 96px !important;
      width: 96px !important;
      height: 96px !important;
    }
    har-small-create-card {
      margin-left: 0 !important;
      margin-right: 0 !important;
      width: 100% !important;
    }
    har-small-create-card .card {
      width: 100% !important;
    }
    .a-i-fs-mobile {
      align-items: flex-start !important;
    }
    .ml-s-mobile {
      margin-left: 1rem !important;
    }
    .mt-0-mobile {
      margin-top: 0 !important;
    }
    .mb-0-mobile {
      margin-bottom: 0 !important;
    }
    .ml-0-mobile {
      margin-left: 0 !important;
    }
    .mt-xs-mobile {
      margin-top: 0.5rem !important;
    }
    .mb-xs-mobile {
      margin-bottom: 0.5rem !important;
    }
    .mb-tiny-mobile {
      margin-bottom: 0.75rem !important;
    }
    .mt-tiny-mobile {
      margin-top: 0.75rem !important;
    }
    .mt-s-mobile {
      margin-top: 1rem !important;
    }
    .mb-s-mobile {
      margin-bottom: 1rem !important;
    }
    .mt-m-mobile {
      margin-top: 1.5rem !important;
    }
    .mr-0-mobile {
      margin-right: 0 !important;
    }
    .pr-0-mobile {
      padding-right: 0 !important;
    }
    .pl-0-mobile {
      padding-left: 0 !important;
    }
    .pr-s-mobile {
      padding-right: 1rem !important;
    }
    .pl-xxs-mobile {
      padding-left: 0.25rem !important;
    }
    .pl-xs-mobile {
      padding-left: 0.5rem !important;
    }
    .pl-s-mobile {
      padding-left: 1rem !important;
    }
    .pr-m-mobile {
      padding-right: 1.5rem !important;
    }
    .pl-m-mobile {
      padding-left: 1.5rem !important;
    }
    .a-i-s-mobile {
      align-items: start !important;
    }
    .full-width-mobile {
      width: 100% !important;
    }
    .full-width-mobile button:not(.table-action-button) {
      width: 100% !important;
    }
    .fl-gr-1-mobile {
      flex-grow: 1 !important;
    }
    .height-auto-mobile {
      height: auto !important;
    }
    .non-expandable {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      margin-left: 0.25rem;
    }
    .side-padding-mobile {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .page-container {
      margin-top: 0 !important;
    }
    .page-container .side-padding:not(.side-padding-mobile) {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .page-container har-breadcrumb {
      top: 60px !important;
      left: 0 !important;
    }
    .page-container har-navigation-tabs {
      top: 132px !important;
      left: 0 !important;
    }
    .page-container .breadcrumb-container {
      margin-top: 132px;
    }
    .page-container .list-page {
      overflow-x: hidden;
    }
    har-question-answer {
      width: 100% !important;
    }
    .mobile-column-reverse {
      flex-direction: column-reverse !important;
    }
    .mobile-column-reverse har-button {
      margin-top: 1rem !important;
    }
    .mobile-column-reverse har-button:first-of-type {
      margin-left: 0 !important;
    }
    .mobile-column {
      flex-direction: column !important;
    }
    .mobile-column har-button {
      margin-top: 1rem !important;
    }
    .mobile-column har-button:first-of-type {
      margin-left: 0 !important;
    }
    .w-480 {
      max-width: 100% !important;
      width: 100% !important;
    }
    har-dossier-status-button, har-dossier-status-button har-button, har-dossier-status-button button {
      width: 100%;
    }
    .flow-height {
      height: auto !important;
    }
    iframe.flow-height {
      min-height: 50vh !important;
    }
    .question-flow-height {
      height: calc(100dvh - 124px) !important;
    }
    .bottom-navigation-bar {
      display: flex !important;
      position: relative !important;
    }
    .bottom-navigation-bar:not(.disable-legacy) {
      flex-direction: column-reverse;
      width: 100% !important;
      height: unset !important;
    }
    .bottom-navigation-bar har-button, .bottom-navigation-bar har-navigation-button {
      order: 1;
    }
    .bottom-navigation-bar .bottom-navigation {
      width: calc(100% - 48px) !important;
    }
    .bottom-navigation-bar .bottom-navigation.previous {
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation.next {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation har-button, .bottom-navigation-bar .bottom-navigation har-navigation-button {
      display: flex !important;
      flex-direction: column-reverse !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar .bottom-navigation har-button:not(:last-child), .bottom-navigation-bar .bottom-navigation har-navigation-button:not(:last-child) {
      margin-top: 0.5rem !important;
    }
    .bottom-navigation-bar-mobile {
      z-index: 19 !important;
      bottom: 0 !important;
      right: 0 !important;
      display: flex !important;
      flex-direction: row !important;
      text-align: center !important;
      justify-content: space-between !important;
      min-height: 60px !important;
      padding-bottom: 0 !important;
    }
    .bottom-navigation-bar-mobile:not(.disable-legacy) {
      position: fixed !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation {
      width: auto !important;
      flex-shrink: 1 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding: 4px 8px !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation.previous {
      margin-top: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation.next {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button, .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button {
      width: 100% !important;
      padding-bottom: 0.25rem !important;
      padding-top: 0.25rem !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button button, .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button button {
      width: 100% !important;
    }
    .bottom-navigation-bar-mobile .bottom-navigation har-button button {
      padding: 0 1.5rem 0 1.5rem !important;
    }
    har-duo-tone-icon.one-step.large-spot {
      font-size: 160px !important;
    }
    har-role-switcher .bottom-border {
      border-bottom-width: 1px !important;
      border-left-width: 0px !important;
      border-top-width: 0px !important;
      border-right-width: 0px !important;
      border-style: solid !important;
      border-color: rgb(var(--gray-dark) / 0.3) !important;
    }
    har-role-switcher li.last {
      margin-bottom: 120px !important;
    }
    har-role-switcher li, har-role-switcher div {
      --tw-text-opacity: 1 !important;
      color: rgb(var(--sidebar-text-color) / var(--tw-text-opacity, 1)) !important;
    }
    har-role-switcher li {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    har-role-switcher li span[class*=icon-] {
      font-size: 32px !important;
      --tw-text-opacity: 1 !important;
      color: rgb(var(--primary-color) / var(--tw-text-opacity, 1)) !important;
      transition: 0s !important;
    }
    har-role-switcher li.active {
      background-color: unset !important;
    }
    har-role-switcher li.active div, har-role-switcher li:hover div {
      font-weight: 600 !important;
    }
    har-role-switcher li.bottom-border {
      border-bottom: 0 !important;
    }
    har-role-switcher li.bottom-border:after {
      background-color: rgb(var(--gray-dark) / 0.3);
      content: "";
      position: absolute;
      bottom: 0;
      height: 1px;
      left: 2rem;
      right: 2rem;
    }
    .question-content.simple-questionnaire-content {
      padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
    }
    har-signature-sms-box .mobile-border {
      min-height: 172px !important;
      border: 1px solid #A6B4C1 !important;
      border-radius: 4px !important;
    }
    har-signature-sms-box .mobile-border .form-container {
      width: auto !important;
    }
    har-signature-sms-box .send-code, har-signature-sms-box .send-code > button {
      width: unset !important;
    }
    har-signature-sms-box .form-buttons {
      width: 100% !important;
      padding-bottom: 0 !important;
    }
    .globalSign {
      height: 172px !important;
    }
    .globalSign:not(.sign-canvas-container) {
      height: unset !important;
      border: none !important;
    }
    .wrong-mobile-phone {
      bottom: unset !important;
      position: unset !important;
      right: unset !important;
      width: auto !important;
      margin-top: 12px !important;
    }
    .center-elements .logo {
      margin-bottom: 16px !important;
    }
    .center-elements .box {
      padding: 0 1rem !important;
    }
    .center-elements img.email-sent {
      margin-top: 24px !important;
    }
    .center-elements .bottom-separator {
      border-width: 1px !important;
      border-style: solid !important;
      border-color: rgb(var(--gray-dark) / 0.3) !important;
      display: block !important;
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
      width: calc(100% - 2px) !important;
    }
    .center-elements .bottom-separator:not(.login) {
      margin-top: 16px !important;
    }
    .center-elements .bottom-link {
      display: block !important;
      margin-bottom: 24px !important;
    }
    .register-header {
      position: unset !important;
      right: unset !important;
      width: 100% !important;
    }
    har-verify-otp .center-elements .box {
      padding: 0 !important;
    }
    .right-col {
      width: 100% !important;
      padding: 0 !important;
      margin-top: 24px !important;
      height: calc(100dvh - 116px) !important;
      display: flex;
      flex-direction: column;
      justify-content: flex-start !important;
    }
    .products .product {
      width: 100% !important;
      margin: 0 0 1rem 0 !important;
    }
    .details-table-container .table-row, .details-table-container .row-key {
      display: block !important;
    }
    .details-table-container .row-key, .details-table-container .row-value {
      padding: 0 !important;
    }
    .details-table-container .row-value {
      padding-top: 0.25rem !important;
      padding-bottom: 0.75rem !important;
    }
    .center-elements .box {
      width: 100% !important;
      max-width: 480px !important;
    }
    har-register .center-elements, har-register-verify-code .center-elements {
      flex-direction: column;
    }
    har-register .center-elements .box .box-content .name-input, har-register-verify-code .center-elements .box .box-content .name-input {
      width: 100% !important;
    }
    har-register .center-elements .box .box-content .name-input:first-child, har-register-verify-code .center-elements .box .box-content .name-input:first-child {
      margin-right: 0 !important;
      margin-bottom: 16px !important;
    }
    har-register .center-elements .box .box-content .tfa .info, har-register-verify-code .center-elements .box .box-content .tfa .info {
      display: none !important;
    }
    .product-card {
      width: 100% !important;
    }
    .product-card .top-part {
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .cards-container {
      height: auto !important;
      overflow-y: unset !important;
    }
    har-investor-questionnaire .questions {
      overflow-y: unset !important;
      margin-left: 0 !important;
      overflow-x: hidden;
      margin-top: 0 !important;
    }
    har-investor-questionnaire .questions .question-content {
      box-sizing: border-box;
      width: 100vw;
    }
    har-investor-questionnaire .questions .question-content.sign-page {
      width: 100% !important;
      padding: 0 !important;
    }
    .product-page-container .icon {
      display: none !important;
    }
    .verify-email {
      margin-top: unset !important;
    }
    .login button[type=submit] {
      margin-top: 12px !important;
      margin-bottom: 16px !important;
    }
    .question-row .dependent-question {
      margin-left: 16px !important;
    }
    .toast-component {
      width: 100%;
      max-width: 100%;
    }
    .toast-container.active {
      left: 8px;
      right: 8px;
    }
    .toast-container div {
      align-items: flex-start !important;
    }
    har-empty-list {
      display: block;
      margin-top: 1.5rem;
    }
  }
  @media screen and (max-width: 640px) and (max-width: 1280px) {
    har-empty-list {
      margin-top: 0;
    }
  }
  @media screen and (max-width: 640px) {
    [type=radio] + label.in-expandable {
      right: 0px;
    }
    [type=radio] + label.in-expandable.centered-mobile {
      top: unset !important;
    }
    har-percentage-input.full-width-mobile .input-container {
      width: 100% !important;
    }
    .radio-two-columns [type=radio]:checked + label,
    .radio-two-columns [type=radio]:not(:checked) + label {
      width: calc(100% - 1rem) !important;
    }
    .radio-two-columns [type=radio]:checked + label:not(:last-of-type),
    .radio-two-columns [type=radio]:not(:checked) + label:not(:last-of-type) {
      padding-bottom: 0.5rem;
    }
    .ml-logo-menu {
      margin-left: 40px;
    }
    .default-input-width {
      width: 100% !important;
    }
    .item-widget-body har-table {
      margin: 0 6px;
    }
    .two-columns-grid {
      grid-template-columns: repeat(1, 100%);
    }
    .semibold-if-subcontent {
      font-weight: 600 !important;
    }
  }
  body.android {
    /**
     ** General design rule:
     ** All the h3 title which are not modal title are becoming h4 on mobile
     */
  }
  body.android h3.bold:not(.modal-title) {
    font-size: 1rem !important;
    line-height: 1.3;
  }
  body.android p {
    max-width: 100%;
  }
  body.android .chips-container::-webkit-scrollbar {
    display: none;
  }
  body.android .card-title {
    padding: 16px;
  }
  body.android .card-section {
    overflow: hidden;
    padding: 24px 16px;
  }
  body.android .draggable-area.in-modal {
    min-width: unset;
    width: 100%;
  }
  body.android .edge-to-edge-mobile {
    margin-left: -1.5rem !important;
    box-sizing: border-box;
    width: calc(100% + 3rem) !important;
    padding-left: 1.5rem !important;
  }
  body.android .responsible-table {
    max-width: calc(100% + 3rem) !important;
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important;
    box-sizing: border-box;
    padding-left: 0 !important;
  }
  body.android .responsible-table td {
    min-width: 100px !important;
  }
  body.android har-duo-tone-icon.large .spot {
    font-size: 160px !important;
    height: 160px !important;
    width: 160px !important;
  }
  body.android har-duo-tone-icon.small-mobile .spot {
    font-size: 96px !important;
    width: 96px !important;
    height: 96px !important;
  }
  body.android har-small-create-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  body.android har-small-create-card .card {
    width: 100% !important;
  }
  body.android .a-i-fs-mobile {
    align-items: flex-start !important;
  }
  body.android .ml-s-mobile {
    margin-left: 1rem !important;
  }
  body.android .mt-0-mobile {
    margin-top: 0 !important;
  }
  body.android .mb-0-mobile {
    margin-bottom: 0 !important;
  }
  body.android .ml-0-mobile {
    margin-left: 0 !important;
  }
  body.android .mt-xs-mobile {
    margin-top: 0.5rem !important;
  }
  body.android .mb-xs-mobile {
    margin-bottom: 0.5rem !important;
  }
  body.android .mb-tiny-mobile {
    margin-bottom: 0.75rem !important;
  }
  body.android .mt-tiny-mobile {
    margin-top: 0.75rem !important;
  }
  body.android .mt-s-mobile {
    margin-top: 1rem !important;
  }
  body.android .mb-s-mobile {
    margin-bottom: 1rem !important;
  }
  body.android .mt-m-mobile {
    margin-top: 1.5rem !important;
  }
  body.android .mr-0-mobile {
    margin-right: 0 !important;
  }
  body.android .pr-0-mobile {
    padding-right: 0 !important;
  }
  body.android .pl-0-mobile {
    padding-left: 0 !important;
  }
  body.android .pr-s-mobile {
    padding-right: 1rem !important;
  }
  body.android .pl-xxs-mobile {
    padding-left: 0.25rem !important;
  }
  body.android .pl-xs-mobile {
    padding-left: 0.5rem !important;
  }
  body.android .pl-s-mobile {
    padding-left: 1rem !important;
  }
  body.android .pr-m-mobile {
    padding-right: 1.5rem !important;
  }
  body.android .pl-m-mobile {
    padding-left: 1.5rem !important;
  }
  body.android .a-i-s-mobile {
    align-items: start !important;
  }
  body.android .full-width-mobile {
    width: 100% !important;
  }
  body.android .full-width-mobile button:not(.table-action-button) {
    width: 100% !important;
  }
  body.android .fl-gr-1-mobile {
    flex-grow: 1 !important;
  }
  body.android .height-auto-mobile {
    height: auto !important;
  }
  body.android .non-expandable {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: 0.25rem;
  }
  body.android .side-padding-mobile {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  body.android .page-container {
    margin-top: 0 !important;
  }
  body.android .page-container .side-padding:not(.side-padding-mobile) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.android .page-container har-breadcrumb {
    top: 60px !important;
    left: 0 !important;
  }
  body.android .page-container har-navigation-tabs {
    top: 132px !important;
    left: 0 !important;
  }
  body.android .page-container .breadcrumb-container {
    margin-top: 132px;
  }
  body.android .page-container .list-page {
    overflow-x: hidden;
  }
  body.android har-question-answer {
    width: 100% !important;
  }
  body.android .mobile-column-reverse {
    flex-direction: column-reverse !important;
  }
  body.android .mobile-column-reverse har-button {
    margin-top: 1rem !important;
  }
  body.android .mobile-column-reverse har-button:first-of-type {
    margin-left: 0 !important;
  }
  body.android .mobile-column {
    flex-direction: column !important;
  }
  body.android .mobile-column har-button {
    margin-top: 1rem !important;
  }
  body.android .mobile-column har-button:first-of-type {
    margin-left: 0 !important;
  }
  body.android .w-480 {
    max-width: 100% !important;
    width: 100% !important;
  }
  body.android har-dossier-status-button, body.android har-dossier-status-button har-button, body.android har-dossier-status-button button {
    width: 100%;
  }
  body.android .flow-height {
    height: auto !important;
  }
  body.android iframe.flow-height {
    min-height: 50vh !important;
  }
  body.android .question-flow-height {
    height: calc(100dvh - 124px) !important;
  }
  body.android .bottom-navigation-bar {
    display: flex !important;
    position: relative !important;
  }
  body.android .bottom-navigation-bar:not(.disable-legacy) {
    flex-direction: column-reverse;
    width: 100% !important;
    height: unset !important;
  }
  body.android .bottom-navigation-bar har-button, body.android .bottom-navigation-bar har-navigation-button {
    order: 1;
  }
  body.android .bottom-navigation-bar .bottom-navigation {
    width: calc(100% - 48px) !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation.previous {
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation.next {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation har-button, body.android .bottom-navigation-bar .bottom-navigation har-navigation-button {
    display: flex !important;
    flex-direction: column-reverse !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar .bottom-navigation har-button:not(:last-child), body.android .bottom-navigation-bar .bottom-navigation har-navigation-button:not(:last-child) {
    margin-top: 0.5rem !important;
  }
  body.android .bottom-navigation-bar-mobile {
    z-index: 19 !important;
    bottom: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    text-align: center !important;
    justify-content: space-between !important;
    min-height: 60px !important;
    padding-bottom: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile:not(.disable-legacy) {
    position: fixed !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation {
    width: auto !important;
    flex-shrink: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 4px 8px !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation.previous {
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation.next {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button, body.android .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button {
    width: 100% !important;
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button button, body.android .bottom-navigation-bar-mobile .bottom-navigation har-navigation-button button {
    width: 100% !important;
  }
  body.android .bottom-navigation-bar-mobile .bottom-navigation har-button button {
    padding: 0 1.5rem 0 1.5rem !important;
  }
  body.android har-duo-tone-icon.one-step.large-spot {
    font-size: 160px !important;
  }
  body.android har-role-switcher .bottom-border {
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-style: solid !important;
    border-color: rgb(var(--gray-dark) / 0.3) !important;
  }
  body.android har-role-switcher li.last {
    margin-bottom: 120px !important;
  }
  body.android har-role-switcher li, body.android har-role-switcher div {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--sidebar-text-color) / var(--tw-text-opacity, 1)) !important;
  }
  body.android har-role-switcher li {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  body.android har-role-switcher li span[class*=icon-] {
    font-size: 32px !important;
    --tw-text-opacity: 1 !important;
    color: rgb(var(--primary-color) / var(--tw-text-opacity, 1)) !important;
    transition: 0s !important;
  }
  body.android har-role-switcher li.active {
    background-color: unset !important;
  }
  body.android har-role-switcher li.active div, body.android har-role-switcher li:hover div {
    font-weight: 600 !important;
  }
  body.android har-role-switcher li.bottom-border {
    border-bottom: 0 !important;
  }
  body.android har-role-switcher li.bottom-border:after {
    background-color: rgb(var(--gray-dark) / 0.3);
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 2rem;
    right: 2rem;
  }
  body.android .question-content.simple-questionnaire-content {
    padding: 0.5rem 1.5rem 1.5rem 1.5rem !important;
  }
  body.android har-signature-sms-box .mobile-border {
    min-height: 172px !important;
    border: 1px solid #A6B4C1 !important;
    border-radius: 4px !important;
  }
  body.android har-signature-sms-box .mobile-border .form-container {
    width: auto !important;
  }
  body.android har-signature-sms-box .send-code, body.android har-signature-sms-box .send-code > button {
    width: unset !important;
  }
  body.android har-signature-sms-box .form-buttons {
    width: 100% !important;
    padding-bottom: 0 !important;
  }
  body.android .globalSign {
    height: 172px !important;
  }
  body.android .globalSign:not(.sign-canvas-container) {
    height: unset !important;
    border: none !important;
  }
  body.android .wrong-mobile-phone {
    bottom: unset !important;
    position: unset !important;
    right: unset !important;
    width: auto !important;
    margin-top: 12px !important;
  }
  body.android .center-elements .logo {
    margin-bottom: 16px !important;
  }
  body.android .center-elements .box {
    padding: 0 1rem !important;
  }
  body.android .center-elements img.email-sent {
    margin-top: 24px !important;
  }
  body.android .center-elements .bottom-separator {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(var(--gray-dark) / 0.3) !important;
    display: block !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    width: calc(100% - 2px) !important;
  }
  body.android .center-elements .bottom-separator:not(.login) {
    margin-top: 16px !important;
  }
  body.android .center-elements .bottom-link {
    display: block !important;
    margin-bottom: 24px !important;
  }
  body.android .register-header {
    position: unset !important;
    right: unset !important;
    width: 100% !important;
  }
  body.android har-verify-otp .center-elements .box {
    padding: 0 !important;
  }
  body.android .right-col {
    width: 100% !important;
    padding: 0 !important;
    margin-top: 24px !important;
    height: calc(100dvh - 116px) !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
  }
  body.android .products .product {
    width: 100% !important;
    margin: 0 0 1rem 0 !important;
  }
  body.android .details-table-container .table-row, body.android .details-table-container .row-key {
    display: block !important;
  }
  body.android .details-table-container .row-key, body.android .details-table-container .row-value {
    padding: 0 !important;
  }
  body.android .details-table-container .row-value {
    padding-top: 0.25rem !important;
    padding-bottom: 0.75rem !important;
  }
  body.android .center-elements .box {
    width: 100% !important;
    max-width: 480px !important;
  }
  body.android har-register .center-elements, body.android har-register-verify-code .center-elements {
    flex-direction: column;
  }
  body.android har-register .center-elements .box .box-content .name-input, body.android har-register-verify-code .center-elements .box .box-content .name-input {
    width: 100% !important;
  }
  body.android har-register .center-elements .box .box-content .name-input:first-child, body.android har-register-verify-code .center-elements .box .box-content .name-input:first-child {
    margin-right: 0 !important;
    margin-bottom: 16px !important;
  }
  body.android har-register .center-elements .box .box-content .tfa .info, body.android har-register-verify-code .center-elements .box .box-content .tfa .info {
    display: none !important;
  }
  body.android .product-card {
    width: 100% !important;
  }
  body.android .product-card .top-part {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.android .cards-container {
    height: auto !important;
    overflow-y: unset !important;
  }
  body.android har-investor-questionnaire .questions {
    overflow-y: unset !important;
    margin-left: 0 !important;
    overflow-x: hidden;
    margin-top: 0 !important;
  }
  body.android har-investor-questionnaire .questions .question-content {
    box-sizing: border-box;
    width: 100vw;
  }
  body.android har-investor-questionnaire .questions .question-content.sign-page {
    width: 100% !important;
    padding: 0 !important;
  }
  body.android .product-page-container .icon {
    display: none !important;
  }
  body.android .verify-email {
    margin-top: unset !important;
  }
  body.android .login button[type=submit] {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
  }
  body.android .question-row .dependent-question {
    margin-left: 16px !important;
  }
  body.android .toast-component {
    width: 100%;
    max-width: 100%;
  }
  body.android .toast-container.active {
    left: 8px;
    right: 8px;
  }
  body.android .toast-container div {
    align-items: flex-start !important;
  }
  body.android har-empty-list {
    display: block;
    margin-top: 1.5rem;
  }
  @media screen and (max-width: 1280px) {
    body.android har-empty-list {
      margin-top: 0;
    }
  }
  body.android [type=radio] + label.in-expandable {
    right: 0px;
  }
  body.android [type=radio] + label.in-expandable.centered-mobile {
    top: unset !important;
  }
  body.android har-percentage-input.full-width-mobile .input-container {
    width: 100% !important;
  }
  body.android .radio-two-columns [type=radio]:checked + label,
  body.android .radio-two-columns [type=radio]:not(:checked) + label {
    width: calc(100% - 1rem) !important;
  }
  body.android .radio-two-columns [type=radio]:checked + label:not(:last-of-type),
  body.android .radio-two-columns [type=radio]:not(:checked) + label:not(:last-of-type) {
    padding-bottom: 0.5rem;
  }
  body.android .ml-logo-menu {
    margin-left: 40px;
  }
  body.android .default-input-width {
    width: 100% !important;
  }
  body.android .item-widget-body har-table {
    margin: 0 6px;
  }
  body.android .two-columns-grid {
    grid-template-columns: repeat(1, 100%);
  }
  body.android .semibold-if-subcontent {
    font-weight: 600 !important;
  }
  body.ios .questions {
    padding-bottom: 64px !important;
  }
  @media screen and (max-width: 640px) {
    body.ios har-investor-questionnaire .questions {
      padding-bottom: env(safe-area-inset-bottom);
    }
  }
  body.ios body.android har-investor-questionnaire .questions {
    padding-bottom: env(safe-area-inset-bottom);
  }
}