@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
[data-v-de1c9db0] .k-accordion .q-focus-helper {
  display: none;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-action-button[data-v-9daddb10] {
  transition: 0.3s ease;
  border: 1.5px solid var(--cool-gray-40);
  color: var(--cool-gray-100);
}
.k-action-button[data-v-9daddb10]:hover {
  color: var(--space-b-100);
  border-color: var(--space-b-50);
}
.k-action-button:hover .k-action-button__title-hover[data-v-9daddb10] {
  color: var(--space-b-100) !important;
}
.k-action-button[data-v-9daddb10]:hover .q-focus-helper {
  background: var(--space-b-10) !important;
  opacity: 1 !important;
}
.k-action-button[data-v-9daddb10]:hover .q-focus-helper::before {
  content: none;
}
.k-action-button[data-v-9daddb10]:hover .q-focus-helper::after {
  content: none;
}
.k-action-button[data-v-9daddb10]::focus {
  border-width: 1.5px;
}
.k-action-button--disable[data-v-9daddb10] {
  color: var(--cool-gray-60) !important;
  border-color: var(--cool-gray-40);
}
.k-action-button--disable[data-v-9daddb10] * {
  color: var(--cool-gray-60) !important;
}
.k-action-button--disable[data-v-9daddb10]:hover {
  color: var(--cool-gray-60) !important;
  border-color: var(--cool-gray-40);
}
.k-action-button--disable[data-v-9daddb10]:hover .q-focus-helper {
  background: var(--transparent) !important;
}
.k-action-button--disable:hover .k-action-button__title-hover[data-v-9daddb10] {
  color: var(--cool-gray-60) !important;
}
.k-avatar[data-v-a3eaa726] {
  position: relative;
  min-height: var(--03b1be82);
  display: inline-block;
}
.k-avatar[data-v-a3eaa726] .q-avatar__content {
  width: 100%;
  height: 100%;
}
.k-avatar__image[data-v-a3eaa726] {
  object-fit: cover;
}
.k-avatar--overlapped[data-v-a3eaa726] {
  min-height: calc(var(--03b1be82) + 4px);
}
.k-avatar__status[data-v-a3eaa726] {
  border-radius: 100%;
  border: 2px solid var(--white);
  position: absolute;
  bottom: 12.5%;
  right: 12.5%;
  min-width: 8px;
  max-width: 20px;
  aspect-ratio: 1;
  width: calc(var(--03b1be82) * 0.33);
  transform: translate(50%, 50%);
}
.k-avatar--overlapping[data-v-a3eaa726] {
  border: 2px solid white;
  position: absolute;
}
.k-badge__main[data-v-c20b0a20] {
  min-height: 28px;
  border-radius: 16px;
  border: 1.5px solid var(--3a818ade);
  background-color: var(--5bbde6dd);
  display: flex;
  vertical-align: baseline;
  white-space: nowrap;
  flex-wrap: nowrap;
  align-items: center;
  padding: 4px 12px 4px 12px;
  transition: 0.5s;
}
.k-badge__main.prepend[data-v-c20b0a20] {
  padding-left: 8px;
}
.k-badge__main.clearable[data-v-c20b0a20] {
  padding-right: 4px;
}
.k-badge__main.variant[data-v-c20b0a20] {
  padding-left: 2px;
  padding-right: 8px;
}
.prepend-icon[data-v-c20b0a20] {
  color: var(--202d50e4);
  fill: var(--202d50e4);
  margin-right: 4px;
}
.clear-icon[data-v-c20b0a20],
.variant-icon[data-v-c20b0a20],
.k-badge__variant-icon[data-v-c20b0a20] {
  color: var(--cool-gray-70);
  fill: var(--cool-gray-70);
  transition: 0.5s;
}
.clear-icon[data-v-c20b0a20],
.variant-icon[data-v-c20b0a20] {
  margin-left: 4px;
}
.clear-icon[data-v-c20b0a20]:hover {
  color: var(--amber-100);
  fill: var(--amber-100);
  transition: 0.5s;
}
.k-badge__main:not(.disabled).outline[data-v-c20b0a20],
.k-badge__main[data-v-c20b0a20]:not(.disabled):not(.no-hover):hover {
  background-color: var(--white) !important;
  transition: 0.5s;
}
.k-badge__main.disabled[data-v-c20b0a20] {
  border: 1.5px solid var(--off-white-20) !important;
  color: var(--cool-gray-60) !important;
  background-color: var(--off-white-20) !important;
  transition: 0.5s;
}
.k-badge__main.disabled .variant-section[data-v-c20b0a20] {
  background-color: var(--off-white-10) !important;
}
.k-badge__main.success[data-v-c20b0a20]:not(.disabled) {
  color: var(--success-100) !important;
  border: 1.5px solid var(--success-50);
  background-color: var(--success-20);
}
.k-badge__main.success:not(.disabled) .prepend-icon[data-v-c20b0a20] {
  color: var(--success-70) !important;
  fill: var(--success-70) !important;
}
.k-badge__main.error[data-v-c20b0a20]:not(.disabled) {
  color: var(--error-100) !important;
  border: 1.5px solid var(--error-50);
  background-color: var(--error-20);
}
.k-badge__main.error:not(.disabled) .prepend-icon[data-v-c20b0a20] {
  color: var(--error-100) !important;
  fill: var(--error-100) !important;
}
.k-badge__main.disabled .clear-icon[data-v-c20b0a20],
.k-badge__main.disabled .variant-icon[data-v-c20b0a20],
.k-badge__main.disabled .prepend-icon[data-v-c20b0a20] {
  color: var(--cool-gray-50) !important;
  fill: var(--cool-gray-50) !important;
  transition: 0.5s;
}
.k-badge__main.variant[data-v-c20b0a20] {
  height: 31px !important;
  overflow: hidden;
}
.variant-section[data-v-c20b0a20] {
  background-color: var(--white);
  border-radius: 12px;
  line-height: 24px !important;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 4px;
  cursor: pointer;
  transition: 0.5s;
}
.variant-section.has-prepend-icon[data-v-c20b0a20] {
  padding-left: 0;
}
.variant-icon[data-v-c20b0a20] {
  cursor: pointer;
}
.k-badge__main:not(.disabled).outline .variant-section[data-v-c20b0a20],
.k-badge__main:not(.disabled):not(.no-hover):hover .variant-section[data-v-c20b0a20] {
  background-color: var(--5bbde6dd) !important;
  transition: 0.5s;
}
.k-badge__variant-icon[data-v-c20b0a20] {
  width: 20px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-breadcrumbs__items[data-v-4ab67ed4] {
  color: var(--cool-gray-70);
}
.k-breadcrumbs__items[data-v-4ab67ed4]:hover {
  color: var(--space-b-100) !important;
}
.k-button[data-v-6d43eb37] {
  border-radius: 50px;
  transition: 0.3s ease;
  min-height: auto;
}
.k-button[data-v-6d43eb37] .q-focus-helper {
  display: none;
}
.k-button--label-sm[data-v-6d43eb37] {
  line-height: 20px !important;
}
.k-button--label-md[data-v-6d43eb37] {
  line-height: 24px !important;
}
.k-button--label-lg[data-v-6d43eb37] {
  line-height: 26px !important;
}
.k-button--text[data-v-6d43eb37] {
  min-width: 100px;
}
.primary-button[data-v-6d43eb37] {
  background-color: var(--space-b-xd);
  color: var(--static-light);
  border: none;
  box-shadow: inset 0 0 0 1.5px var(--space-b-xd);
}
.primary-button[data-v-6d43eb37]:hover {
  background-color: var(--space-b-d);
  box-shadow: inset 0 0 0 1.5px var(--space-b-d);
}
.secondary-button[data-v-6d43eb37] {
  background-color: var(--transparent);
  color: var(--space-b-xd);
  border: none;
  box-shadow: inset 0 0 0 1.5px var(--space-b-xd);
}
.secondary-button[data-v-6d43eb37]:hover {
  box-shadow: inset 0 0 0 1.5px var(--space-b-50);
  color: var(--space-b-100);
  background: var(--space-b-10);
}
.link-button[data-v-6d43eb37] {
  background-color: var(--transparent);
  color: var(--space-b-xd);
  padding-left: 0;
  padding-right: 0;
}
.link-button[data-v-6d43eb37]:hover {
  color: var(--space-b-d);
}
.error-button.primary-button[data-v-6d43eb37] {
  background-color: var(--error-100);
  color: var(--static-light);
  box-shadow: inset 0 0 0 1.5px var(--error-100);
}
.error-button.primary-button[data-v-6d43eb37]:hover {
  background-color: var(--error-70);
  box-shadow: inset 0 0 0 1.5px var(--error-70);
}
.error-button.secondary-button[data-v-6d43eb37] {
  color: var(--error-100);
  box-shadow: inset 0 0 0 1.5px var(--error-100);
}
.error-button.secondary-button[data-v-6d43eb37]:hover {
  box-shadow: inset 0 0 0 1.5px var(--error-70);
  color: var(--error-70);
  background: var(--error-20);
}
.error-button.link-button[data-v-6d43eb37] {
  color: var(--error-100);
}
.error-button.link-button[data-v-6d43eb37]:hover {
  color: var(--error-100);
}
.disable-button.primary-button[data-v-6d43eb37] {
  background-color: var(--cool-gray-30);
  color: var(--cool-gray-60);
  box-shadow: inset 0 0 0 1.5px var(--cool-gray-30);
}
.disable-button.secondary-button[data-v-6d43eb37] {
  box-shadow: inset 0 0 0 1.5px var(--cool-gray-40);
  color: var(--cool-gray-60);
}
.disable-button.secondary-button[data-v-6d43eb37]:hover {
  background-color: var(--transparent);
}
.disable-button.link-button[data-v-6d43eb37] {
  color: var(--cool-gray-60);
}
.k-callout {
  max-width: 300px !important;
  overflow: visible;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@keyframes bounced-rotate-d18d9a60 {
0% {
    transform: translate(-44%, 15px) rotate(0);
}
25% {
    transform: translate(-44%, 15px) rotate(-8.564deg);
}
100% {
    transform: translate(-44%, 15px) rotate(8.564deg);
}
}
.k-category-card[data-v-d18d9a60] {
  min-width: 240px;
  max-width: 240px;
  padding-top: 28px;
  cursor: pointer;
}
.k-category-card--disable[data-v-d18d9a60] {
  cursor: not-allowed;
}
.k-category-card--sm[data-v-d18d9a60] {
  width: 152px;
  min-width: 152px;
  max-width: 152px;
  min-height: 94px;
}
.k-category-card__asset[data-v-d18d9a60] {
  border-radius: 100%;
  background-color: rgb(255, 255, 255);
  object-fit: cover;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
.k-category-card__asset--disable[data-v-d18d9a60] {
  background-color: rgba(120, 120, 120, 0.05);
  filter: opacity(0.5) brightness(105%);
}
.k-category-card__box[data-v-d18d9a60] {
  position: absolute;
  top: 0;
  left: 4px;
  height: 100%;
  width: calc(100% - 8px);
  height: 114px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 0;
  transition: 0.3s ease;
  background-color: var(--cool-gray-40);
}
.k-category-card__box--hovered[data-v-d18d9a60] {
  background-color: var(--space-b-20);
}
.k-category-card__box--selected[data-v-d18d9a60] {
  background-color: var(--space-b-50);
}
.k-category-card__box--disable[data-v-d18d9a60] {
  background-color: var(--caution-70);
}
.k-category-card__main[data-v-d18d9a60] {
  background-blend-mode: color-dodge;
  height: 92px;
  position: relative;
  z-index: 1;
  border-radius: 0 16px 16px 16px;
}
.k-category-card__white-box[data-v-d18d9a60] {
  border: 1px solid var(--space-b-20);
  height: 51px;
  width: 64%;
  z-index: 1;
  top: 8px;
  left: 50%;
  transform: translate(-50%, 24px);
  transition: 0.3s cubic-bezier(0.25, 1.84, 0.73, 0.32);
}
.k-category-card__white-box--hovered[data-v-d18d9a60] {
  transform: translate(-50%, 10px);
}
.k-category-card__white-box--selected[data-v-d18d9a60] {
  transform: translate(-50%, -1px);
}
.k-category-card__white-box-rotated[data-v-d18d9a60] {
  transition: 0.3s cubic-bezier(0.25, 1.84, 1, 0.89);
  z-index: 2;
  transform: translate(-44%, 30px) rotate(8.564deg);
}
.k-category-card__white-box-rotated--hovered[data-v-d18d9a60] {
  animation: bounced-rotate-d18d9a60 0.5s cubic-bezier(0.25, 1.84, 1, 0.89);
  transform: translate(-44%, 15px) rotate(8.564deg);
}
.k-category-card__white-box-rotated--selected[data-v-d18d9a60] {
  animation: none;
  transform: translate(-44%, 3px) rotate(8.564deg);
}
.k-category-card__status[data-v-d18d9a60] {
  z-index: 3;
  width: 8px;
  height: 32px;
  left: -4px;
  top: 0;
}
.k-category-card__title-wrapper[data-v-d18d9a60] {
  min-height: 40px;
}
.k-category-card__title[data-v-d18d9a60] {
  width: 168px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.k-category-card__title--small[data-v-d18d9a60] {
  width: 128px;
}
.k-category-card__badge[data-v-d18d9a60] {
  position: absolute;
  top: -6px;
  padding: 3px 8px;
  right: 0;
}
.k-category-card__badge--error[data-v-d18d9a60] {
  border: 1px solid var(--error-70);
}
.k-category-card__badge--pause[data-v-d18d9a60] {
  border: 1px solid var(--caution-70);
}
[data-v-d18d9a60] .k-category-card__main-icon {
  position: absolute;
  top: -12px;
  left: 0;
  z-index: -1;
}
[data-v-d18d9a60] .k-category-card__main-icon svg {
  overflow: visible;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
@keyframes bounced-rotate-fa048790 {
0% {
    transform: translate(-44%, 5px) rotate(0);
}
25% {
    transform: translate(-44%, 5px) rotate(-8.564deg);
}
100% {
    transform: translate(-44%, 5px) rotate(8.564deg);
}
}
.k-category-pos-card[data-v-fa048790] {
  padding-top: 24px;
  cursor: pointer;
  width: 152px;
  min-width: 152px;
  max-width: 152px;
  min-height: 80px;
}
.k-category-pos-card--disable[data-v-fa048790] {
  cursor: not-allowed;
}
.k-category-pos-card__box[data-v-fa048790] {
  position: absolute;
  top: 0;
  left: 4px;
  width: calc(100% - 8px);
  height: 86px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 0;
  transition: 0.3s ease;
  background-color: var(--cool-gray-40);
}
.k-category-pos-card__box--hovered[data-v-fa048790] {
  background-color: var(--space-b-20);
}
.k-category-pos-card__box--selected[data-v-fa048790] {
  background-color: var(--space-b-50);
}
.k-category-pos-card__box--disable[data-v-fa048790] {
  background-color: var(--caution-70);
}
.k-category-pos-card__main[data-v-fa048790] {
  background-blend-mode: color-dodge;
  height: 67px;
  position: relative;
  z-index: 1;
  border-radius: 0 16px 16px 16px;
}
.k-category-pos-card__white-box[data-v-fa048790] {
  border: 1px solid var(--space-b-20);
  height: 61px;
  width: 115px;
  z-index: 1;
  top: 8px;
  left: 50%;
  transform: translate(-50%, 15px);
  transition: 0.3s cubic-bezier(0.25, 1.84, 0.73, 0.32);
}
.k-category-pos-card__white-box--hovered[data-v-fa048790] {
  transform: translate(-50%, 3px);
}
.k-category-pos-card__white-box--selected[data-v-fa048790] {
  transform: translate(-50%, -5px);
}
.k-category-pos-card__white-box-rotated[data-v-fa048790] {
  transition: 0.3s cubic-bezier(0.25, 1.84, 1, 0.89);
  z-index: 2;
  transform: translate(-44%, 15px) rotate(0);
}
.k-category-pos-card__white-box-rotated--hovered[data-v-fa048790] {
  animation: bounced-rotate-fa048790 0.5s cubic-bezier(0.25, 1.84, 1, 0.89);
  transform: translate(-44%, 5px) rotate(8.564deg);
}
.k-category-pos-card__white-box-rotated--selected[data-v-fa048790] {
  animation: none;
  transform: translate(-44%, -3px) rotate(8.564deg);
}
.k-category-pos-card__status[data-v-fa048790] {
  z-index: 3;
  height: 12px;
  width: 36px;
  left: 12px;
  top: 0;
}
.k-category-pos-card__title[data-v-fa048790] {
  width: 128px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.k-category-pos-card__badge[data-v-fa048790] {
  position: absolute;
  top: -6px;
  padding: 3px 8px;
  right: 0;
}
.k-category-pos-card__badge--error[data-v-fa048790] {
  border: 1px solid var(--error-70);
}
.k-category-pos-card__badge--pause[data-v-fa048790] {
  border: 1px solid var(--caution-70);
}
[data-v-fa048790] .k-category-pos-card__main-icon {
  position: absolute;
  top: -12px;
  left: 0;
  z-index: -1;
}
[data-v-fa048790] .k-category-pos-card__main-icon svg {
  overflow: visible;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-checkbox__label[data-v-9ea71238] {
  line-height: 20px !important;
}
.k-checkbox__input[data-v-9ea71238], .k-checkbox__input--disable[data-v-9ea71238], .k-checkbox__input--error[data-v-9ea71238], .k-checkbox__input--active[data-v-9ea71238] {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  outline: 2px solid var(--cool-gray-50);
  outline-offset: -2px;
  background-color: var(--white);
  overflow: hidden;
}
.k-checkbox__input[data-v-9ea71238]:hover, .k-checkbox__input--disable[data-v-9ea71238]:hover, .k-checkbox__input--error[data-v-9ea71238]:hover, .k-checkbox__input--active[data-v-9ea71238]:hover {
  outline-color: var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
.k-checkbox__input--active[data-v-9ea71238] {
  outline-color: var(--space-b-100);
  background: var(--transparent);
}
.k-checkbox__input--active[data-v-9ea71238]:hover {
  outline-color: var(--space-b-100);
}
.k-checkbox__input--error[data-v-9ea71238] {
  outline-color: var(--error-100);
  background: var(--white);
}
.k-checkbox__input--error[data-v-9ea71238]:hover {
  outline-color: var(--error-100);
}
.k-checkbox__input--disable[data-v-9ea71238] {
  outline-color: var(--cool-gray-40);
  background: var(--cool-gray-30);
  box-shadow: none;
}
.k-checkbox__input--disable[data-v-9ea71238]:hover {
  box-shadow: none;
  outline-color: var(--cool-gray-40);
}
.k-checkbox__input-bullet[data-v-9ea71238], .k-checkbox__input-bullet--active-error[data-v-9ea71238], .k-checkbox__input-bullet--active[data-v-9ea71238] {
  background: none;
  transform: scale(0);
}
.k-checkbox__input-bullet--active[data-v-9ea71238] {
  transform: scale(1);
  background: var(--space-b-100);
}
.k-checkbox__input-bullet--active-error[data-v-9ea71238] {
  transform: scale(1);
  background: var(--error-100);
}
.k-icon-circle--border[data-v-39625079] {
  box-shadow: inset 0 0 0 1.5px var(--cool-gray-40);
}
.k-icon-circle--active[data-v-39625079] {
  background-color: var(--teal-white-20) !important;
  box-shadow: inset 0 0 0 1.5px var(--space-b-70);
}
.k-icon-circle--hover[data-v-39625079]:hover {
  background-color: var(--teal-white-10) !important;
  box-shadow: inset 0 0 0 1.5px var(--space-b-50);
}
.k-colour-code__circles[data-v-9065cc08] {
  width: 32px;
  height: 32px;
  border: 1.5px solid var(--transparent);
}
.k-colour-code__circles[data-v-9065cc08]:hover {
  border: 1.5px solid currentColor;
}
.k-colour-code__circles[data-v-9065cc08]:first-child {
  border: none;
}
.k-colour-code__remove-colour[data-v-9065cc08] {
  top: -2px;
  right: -2px;
  width: 13px;
  height: 13px;
  background-color: var(--white);
}
.k-colour-code--selected-border[data-v-9065cc08] {
  border: 1.5px solid currentColor;
}
.k-colour-code__box[data-v-9065cc08] {
  background-color: currentColor;
}
.k-colour-line[data-v-83259398] {
  width: var(--0c3e291a);
  height: var(--1e5f1b5f);
  border-radius: 16px;
  background-color: var(--3970e65d);
}
.k-colour-dot[data-v-e2b69d80] {
  min-width: var(--320d7958);
  max-width: var(--320d7958);
  min-height: var(--320d7958);
  max-height: var(--320d7958);
  border-radius: 50%;
  background-color: var(--90a8c32c);
}
.k-colour-picker[data-v-f11fdb1c] {
  width: 352px;
}
.k-colour-picker[data-v-f11fdb1c] .q-color-picker {
  box-shadow: none;
}
.k-colour-picker[data-v-f11fdb1c] .q-color-picker__sliders {
  padding: 0;
}
.k-colour-picker[data-v-f11fdb1c] .q-color-picker__spectrum {
  border-radius: 12px;
  overflow: hidden;
}
.k-colour-picker[data-v-f11fdb1c] .q-color-picker__spectrum-circle {
  width: 32px;
  height: 32px;
  background-color: var(--6caea481);
  box-shadow: 0 0 0 3px #fff;
}
.k-colour-picker[data-v-f11fdb1c] .q-slider__track-container {
  padding-bottom: 8px;
}
.k-colour-picker[data-v-f11fdb1c] .q-slider__track-container .q-slider__track.relative-position.bg-white::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--1e0eb992));
}
.k-colour-picker[data-v-f11fdb1c] .q-slider__track {
  height: 12px !important;
}
.k-colour-picker[data-v-f11fdb1c] .q-slider__thumb-shape {
  display: none;
}
.k-colour-picker[data-v-f11fdb1c] .q-slider__thumb {
  width: 8px !important;
  height: 8px !important;
  border-radius: 100%;
  box-shadow: 0 0 0 2px var(--white);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-counter[data-v-452be859] {
  border: 1px solid var(--off-white-20);
}
.k-counter__horizontal--sm[data-v-452be859] {
  min-width: 109px;
}
.k-counter__horizontal--md[data-v-452be859] {
  min-width: 125px;
}
.k-counter__horizontal--lg[data-v-452be859] {
  min-width: 141px;
}
.k-counter__vertical--sm[data-v-452be859] {
  min-height: 96px;
}
.k-counter__vertical--md[data-v-452be859] {
  min-height: 112px;
}
.k-counter__vertical--lg[data-v-452be859] {
  min-height: 142px;
}
.k-counter__input[data-v-452be859]:focus {
  outline: none;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-dialog__container[data-v-61237946] {
  max-width: 900px;
  border-radius: 32px;
}
.k-dialog__container--full-height[data-v-61237946] {
  max-height: 100% !important;
}
.k-dialog__title[data-v-61237946] {
  line-height: 20px !important;
}
.k-dialog__full-height .q-dialog__inner {
  max-height: 100% !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.k-dialog .q-dialog__backdrop {
  background: rgba(16, 31, 59, 0.05);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-discount-card[data-v-19c24b1c] {
  max-width: 392px;
  filter: drop-shadow(0px 1px 10px rgba(22, 30, 49, 0.1));
}
.k-discount-card__header[data-v-19c24b1c] {
  border-radius: 20px 20px 0 0;
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% calc(100% - 10px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 10px), 0 0);
}
.k-discount-card__body[data-v-19c24b1c] {
  border-radius: 0 0 20px 20px;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 10px, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 10px);
}
.k-discount-card__divider[data-v-19c24b1c] {
  width: calc(100% - 24px) !important;
  background-color: var(--white);
  transform: translateX(12px);
}
.k-discount-card__footer[data-v-19c24b1c] {
  background-image: linear-gradient(246deg, #3F4472 -12.25%, #1A2B4C 37.33%, #1B72A4 79.05%, #2C4471 126.27%);
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-divider[data-v-bb07c930] {
  width: 100%;
  height: 0;
  border: 0;
}
.k-divider--size-sm[data-v-bb07c930] {
  border-bottom: 1px solid currentColor;
}
.k-divider--size-md[data-v-bb07c930] {
  border-bottom: 2px solid currentColor;
}
.k-divider--size-lg[data-v-bb07c930] {
  border-bottom: 4px solid currentColor;
}
.k-divider--dotted[data-v-bb07c930] {
  border: none;
  height: 2px;
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIwLjc1IiBjeT0iMC43NSIgcj0iMC43NSIgZmlsbD0iI0NBRDNERCIgLz4KPC9zdmc+);
}
.k-divider--dotted-darker[data-v-bb07c930] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDIgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIwLjc1IiBjeT0iMC43NSIgcj0iMC43NSIgZmlsbD0iIzRBNTY2NSIgLz4KPC9zdmc+);
}
.k-dropdown-popup-content .q-focus-helper {
  display: none;
}
.k-dropdown-popup-content {
  box-shadow: 0 6px 15px 0 rgba(24, 40, 77, 0.12);
  color: var(--cool-gray-80);
  z-index: 6100;
  max-height: 450px !important;
}
.k-dropdown-popup-content .dropdown-item-container {
  border-radius: 12px;
}
.no-margin-k-checkbox .k-checkbox__input {
  margin: 0 !important;
}
.k-dropdown-popup-content,
.k-dropdown .q-field__inner,
.k-dropdown .q-field__input {
  border-radius: 12px !important;
}
.k-dropdown .q-field__native {
  padding: 0;
}
.small-dropdown.k-dropdown .q-field__native {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.k-dropdown .q-field__native .q-field__input {
  padding-top: 6px;
  padding-bottom: 6px;
  height: 100%;
}
.k-dropdown:not(.small-dropdown):not(.small-input) .q-field__control {
  padding-left: 20px !important;
  padding-right: 20px !important;
  min-height: 46px !important;
  display: flex;
  align-items: center;
}
.small-dropdown.k-dropdown .q-field__control {
  padding-left: 8px !important;
  padding-right: 8px !important;
  min-height: 38px !important;
  display: flex;
  align-items: center;
}
.small-input.k-dropdown .q-field__control {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.k-dropdown textarea {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.k-dropdown .q-field__append:not(.q-anchor--skip) {
  padding-left: 0;
  margin-left: 10px;
}
.k-dropdown .q-field__append.q-anchor--skip {
  padding-left: 0;
}
.k-dropdown .q-field__prepend {
  padding-right: 0;
  margin-right: 10px;
}
.k-dropdown .q-anchor--skip button {
  width: 20px;
  height: 20px;
}
.k-dropdown {
  border-radius: 12px;
  transition: padding-bottom 0.3s;
}
.k-dropdown .q-field__inner input,
.k-dropdown .q-field__input input,
.k-dropdown .q-field__inner span,
.k-dropdown textarea {
  color: var(--cool-gray-100);
}
.k-dropdown .q-spinner {
  color: var(--cool-gray-100);
}
.k-dropdown.q-field--readonly .q-field__inner {
  border: 1px dashed var(--cool-gray-60);
}
.k-dropdown input:-webkit-autofill,
.k-dropdown input:-webkit-autofill:hover,
.k-dropdown input:-webkit-autofill:focus,
.k-dropdown textarea:-webkit-autofill,
.k-dropdown textarea:-webkit-autofill:hover,
.k-dropdown textarea:-webkit-autofill:focus,
.k-dropdown select:-webkit-autofill,
.k-dropdown select:-webkit-autofill:hover,
.k-dropdown select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--cool-gray-100);
  caret-color: var(--cool-gray-100);
}
.k-dropdown .q-anchor--skip button {
  color: var(--cool-gray-100);
  opacity: 1;
}
.k-dropdown .q-field__inner input::placeholder,
.k-dropdown .q-field__input input::placeholder,
.k-dropdown textarea::placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
.k-dropdown .q-field__inner input:-ms-input-placeholder,
.k-dropdown .q-field__input input:-ms-input-placeholder,
.k-dropdown textarea:-ms-input-placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
.k-dropdown .q-field__inner input::-ms-input-placeholder,
.k-dropdown .q-field__input input::-ms-input-placeholder,
.k-dropdown textarea::-ms-input-placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
.k-dropdown .placeholder,
.k-dropdown .dropdown-placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
.k-dropdown .dropdown-placeholder {
  margin-top: 1px;
}
.k-dropdown .q-select__dropdown-icon {
  fill: var(--cool-gray-60);
  color: var(--cool-gray-60);
}
.k-dropdown .q-field__inner {
  transition: 0.3s ease;
  border: 1px solid var(--cool-gray-40);
}
.k-dropdown .q-field__inner:hover {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
.k-dropdown.q-field--focused .q-field__inner {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
.k-dropdown.q-field--error .q-field__inner {
  border: 1px solid var(--error-100) !important;
}
.k-dropdown.q-field--error .q-field__inner:hover {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
.k-dropdown.q-field--error.q-field--focused .q-field__inner {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
.k-dropdown.q-field--error .q-field__messages {
  color: var(--error-100) !important;
  font-size: 13px;
}
.k-dropdown.q-field--error .q-select__dropdown-icon {
  color: var(--error-100) !important;
}
.k-dropdown.q-field--error .q-icon {
  color: var(--error-100) !important;
}
.k-dropdown.q-field--error i {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
.k-dropdown.q-field--error i * {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
.k-dropdown.q-field--error .q-field__inner input, .k-dropdown.q-field--error .q-field__input input, .k-dropdown.q-field--error .q-field__inner span, .k-dropdown.q-field--error textarea {
  color: var(--error-100);
}
.k-dropdown input:-webkit-autofill,
.k-dropdown input:-webkit-autofill:hover,
.k-dropdown input:-webkit-autofill:focus,
.k-dropdown textarea:-webkit-autofill,
.k-dropdown textarea:-webkit-autofill:hover,
.k-dropdown textarea:-webkit-autofill:focus,
.k-dropdown select:-webkit-autofill,
.k-dropdown select:-webkit-autofill:hover,
.k-dropdown select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--error-100);
  caret-color: var(--error-100);
}
.k-dropdown:has(.q-field__bottom [role=alert]) {
  padding-bottom: 20px;
}
.k-dropdown .q-field__bottom {
  display: none;
}
.k-dropdown .q-field__bottom:has([role=alert]) {
  display: flex;
}
.k-dropdown__search {
  position: sticky;
  top: 0;
  z-index: 2;
}
.k-dropdown-unset-min-width {
  min-width: unset !important;
}
.k-dropdown-unset-min-height {
  min-height: unset !important;
}
.k-dropdown-close-icon {
  color: var(--cool-gray-70);
}
.k-dropdown-close-icon:hover {
  color: var(--cool-gray-100);
}
.k-dropdown.q-field--disabled .q-field__inner {
  background-color: var(--off-white-20);
  color: var(--cool-gray-60);
  border-color: var(--off-white-20);
  box-shadow: none;
}
.k-dropdown__custom-label {
  position: relative;
}
.k-dropdown__custom-label .q-field__inner {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  height: 100%;
}
.k-dropdown__custom-label .q-field__before {
  padding-right: 0;
  height: auto;
}
i[data-v-7dbe899a] {
  width: var(--6cb271e3);
  height: auto;
}
i svg[data-v-7dbe899a] {
  width: var(--6cb271e3);
  height: auto;
}
.icon-auto-width[data-v-7dbe899a] {
  width: auto;
  height: var(--6cb271e3);
}
.icon-auto-width svg[data-v-7dbe899a] {
  width: auto;
  height: var(--6cb271e3);
}
.k-icon__hoverable * {
  transition: 0.1s ease-in-out;
}
.k-icon__hoverable--fill:not([disabled]):hover *:not([cant-change]) {
  fill: var(--space-b-100);
}
.k-icon__hoverable--stroke:not([disabled]):hover *:not([cant-change]) {
  fill: var(--space-b-100);
}
.k-icon-picker[data-v-1dc37d62] {
  width: 388px;
}
.k-icon-picker__icons-box[data-v-1dc37d62] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  grid-gap: 6px;
  justify-content: center;
  justify-items: center;
  transition: max-height 0.7s ease;
}
.k-icon-picker__icons-box--expanded[data-v-1dc37d62] {
  overflow-y: auto;
  max-height: 288px;
}
.k-icon-picker__icons-box--collapsed[data-v-1dc37d62] {
  overflow-y: hidden;
  max-height: 48px;
}
[data-v-6168e41d] .base-input .q-field__inner {
  border-radius: 12px !important;
}
[data-v-6168e41d] .base-input .q-field__native {
  padding: 0;
}
[data-v-6168e41d] .base-input textarea {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: 192px !important;
}
[data-v-6168e41d] .base-input .q-field__append:not(.q-anchor--skip) {
  padding-left: 0;
  margin-left: 10px;
}
[data-v-6168e41d] .base-input .q-field__append.q-anchor--skip {
  padding-left: 0;
}
[data-v-6168e41d] .base-input .q-field__prepend {
  padding-right: 0;
  margin-right: 10px;
}
[data-v-6168e41d] .base-input .q-anchor--skip button {
  width: 20px;
  height: 20px;
}
.q-anchor--close-icon[data-v-6168e41d] {
  color: var(--cool-gray-70);
}
.q-anchor--close-icon[data-v-6168e41d]:hover {
  color: var(--cool-gray-100);
}
.base-input.q-field--disabled .q-field__inner[data-v-6168e41d] {
  background-color: var(--off-white-20);
  color: var(--cool-gray-60);
}
.base-input[data-v-6168e41d]:not(.small-input) .q-field__control {
  padding-left: 20px !important;
  padding-right: 20px !important;
  min-height: 46px;
  display: flex;
  align-items: center;
}
[data-v-6168e41d] .base-input {
  border-radius: 12px;
  transition: padding-bottom 0.3s;
}
[data-v-6168e41d] .base-input .q-field__inner input,[data-v-6168e41d] .base-input .q-field__inner span,[data-v-6168e41d] .base-input textarea {
  color: var(--cool-gray-100);
}
[data-v-6168e41d] .base-input .q-spinner {
  color: var(--cool-gray-100);
}
[data-v-6168e41d] .base-input.q-field--readonly .q-field__inner {
  border: 1px dashed var(--cool-gray-60);
}
[data-v-6168e41d] .base-input input:-webkit-autofill,[data-v-6168e41d] .base-input input:-webkit-autofill:hover,[data-v-6168e41d] .base-input input:-webkit-autofill:focus,[data-v-6168e41d] .base-input textarea:-webkit-autofill,[data-v-6168e41d] .base-input textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input select:-webkit-autofill,[data-v-6168e41d] .base-input select:-webkit-autofill:hover,[data-v-6168e41d] .base-input select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--cool-gray-100);
  caret-color: var(--cool-gray-100);
}
[data-v-6168e41d] .base-input .q-anchor--skip button {
  color: var(--cool-gray-100);
  opacity: 1;
}
[data-v-6168e41d] .base-input.q-field--error .q-field__inner {
  border: 1px solid var(--error-100) !important;
}
[data-v-6168e41d] .base-input.q-field--error .q-field__inner:hover {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
[data-v-6168e41d] .base-input.q-field--error.q-field--focused .q-field__inner {
  box-shadow: 0 0 0 3px var(--error-20) !important;
}
[data-v-6168e41d] .base-input.q-field--error .q-field__messages {
  color: var(--error-100) !important;
  font-size: 13px;
}
[data-v-6168e41d] .base-input.q-field--error .q-icon {
  color: var(--error-100) !important;
}
[data-v-6168e41d] .base-input.q-field--error i {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
[data-v-6168e41d] .base-input.q-field--error i * {
  fill: var(--error-100) !important;
  color: var(--error-100) !important;
}
[data-v-6168e41d] .base-input.q-field--error .q-field__inner input textarea,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input input,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input input::placeholder,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input textarea::placeholder,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner input select::placeholder,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span textarea,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span input,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span input::placeholder,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span textarea::placeholder,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error .q-field__inner span select::placeholder,[data-v-6168e41d] .base-input.q-field--error textarea,[data-v-6168e41d] .base-input.q-field--error input,[data-v-6168e41d] .base-input.q-field--error input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error input::placeholder,[data-v-6168e41d] .base-input.q-field--error textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error textarea::placeholder,[data-v-6168e41d] .base-input.q-field--error select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--error select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--error select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--error select::placeholder {
  -webkit-text-fill-color: var(--error-100);
  caret-color: var(--error-100);
  color: var(--error-100);
}
[data-v-6168e41d] .base-input .q-field__inner input::placeholder,[data-v-6168e41d] .base-input textarea::placeholder {
  color: var(--cool-gray-60);
  opacity: 1;
}
[data-v-6168e41d] .base-input .q-field__inner {
  border: 1px solid var(--cool-gray-40);
  transition: 0.3s ease;
}
[data-v-6168e41d] .base-input .q-field__inner:hover {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
[data-v-6168e41d] .base-input.q-field--focused .q-field__inner {
  border: 1px solid var(--space-b-50);
  box-shadow: 0 0 0 3px var(--teal-white-20);
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner {
  border: 1px solid var(--off-white-20) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner:hover {
  box-shadow: 0 0 0 3px var(--transparent) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error.q-field--focused .q-field__inner {
  box-shadow: 0 0 0 3px var(--transparent) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__messages {
  color: var(--cool-gray-70) !important;
  font-size: 13px;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-icon {
  color: var(--cool-gray-70) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error i {
  fill: var(--cool-gray-70) !important;
  color: var(--cool-gray-70) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error i * {
  fill: var(--cool-gray-70) !important;
  color: var(--cool-gray-70) !important;
}
[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input input,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input input::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input textarea::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner input select::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span input,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span input::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span textarea::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error .q-field__inner span select::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error textarea,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error input,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error input:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error input:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error input:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error input::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error textarea:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error textarea::placeholder,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error select:-webkit-autofill,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error select:-webkit-autofill:hover,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error select:-webkit-autofill:focus,[data-v-6168e41d] .base-input.q-field--disabled.q-field--error select::placeholder {
  -webkit-text-fill-color: var(--cool-gray-70);
  caret-color: var(--cool-gray-70);
  color: var(--cool-gray-70);
}
[data-v-6168e41d] .base-input.q-field--disabled .q-field__inner {
  background: var(--off-white-20) !important;
  box-shadow: none !important;
  border-color: var(--off-white-20) !important;
}
[data-v-6168e41d] .base-input.q-textarea .q-field__control {
  min-height: 196px !important;
}
[data-v-6168e41d] .base-input.q-textarea .q-field__append {
  align-self: flex-start;
}
[data-v-6168e41d] .base-input:has(.q-field__bottom [role=alert]) {
  padding-bottom: 20px;
}
[data-v-6168e41d] .base-input .q-field__bottom {
  display: none;
}
[data-v-6168e41d] .base-input .q-field__bottom:has([role=alert]) {
  display: flex;
}
[data-v-6168e41d] .small-input .q-field__control {
  padding-left: 16px !important;
  min-height: 38px;
  padding-right: 16px !important;
  display: flex;
  align-items: center;
}
.base-input .k-input__remove-icon-box[data-v-6168e41d] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.base-input:hover .k-input__remove-icon-box[data-v-6168e41d] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.k-item-card[data-v-42f082c8] {
  border: 1.5px solid transparent;
  -webkit-user-select: none;
          user-select: none;
}
.k-item-card--size-sm[data-v-42f082c8] {
  max-width: 162px;
  min-height: 196px;
}
.k-item-card--size-md[data-v-42f082c8] {
  max-width: 188px;
  min-height: 228px;
}
.k-item-card--size-lg[data-v-42f082c8] {
  max-width: 226px;
  min-height: 270px;
}
.k-item-card--imageless-size-sm[data-v-42f082c8] {
  max-width: 162px;
  min-height: 128px;
}
.k-item-card--imageless-size-md[data-v-42f082c8] {
  max-width: 188px;
  min-height: 128px;
}
.k-item-card--imageless-size-lg[data-v-42f082c8] {
  max-width: 226px;
  min-height: 128px;
}
.k-item-card--paused[data-v-42f082c8] {
  border-color: var(--caution-100) !important;
  background-color: var(--caution-20) !important;
}
.k-item-card--selected[data-v-42f082c8] {
  border-color: var(--space-b-70);
}
.k-item-card[data-v-42f082c8]:hover {
  border-color: var(--space-b-50);
}
.k-item-card__image--paused[data-v-42f082c8] {
  opacity: 0.5;
}
.k-item-card__item-info[data-v-42f082c8] {
  background-color: rgba(255, 255, 255, 0.9);
  background-blend-mode: luminosity;
  top: 4px;
  left: 4px;
  max-height: 24px;
}
.k-item-card__color[data-v-42f082c8] {
  width: 16px;
  height: 16px;
  background-color: var(--0119a956);
}
.k-item-card__price-container[data-v-42f082c8] {
  min-height: 32px;
}
.k-item-card__price[data-v-42f082c8] {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.k-item-card__price.has-count[data-v-42f082c8] {
  left: 8px;
  transform: translate(0, -50%);
}
.k-item-card__selected-count[data-v-42f082c8] {
  min-height: 24px;
  min-width: 45px;
  opacity: 0;
  transform: translateX(-50px);
}
.k-item-card__selected-count.show[data-v-42f082c8] {
  opacity: 1;
  transform: translateX(0);
}
.k-item-card__pause-container[data-v-42f082c8] {
  bottom: 8px;
  right: 50%;
  transform: translateX(50%);
  z-index: 2;
  transition-timing-function: ease-in-out;
}
.k-item-card__callout[data-v-42f082c8] {
  top: 4px;
  right: 4px;
  border: 1px solid var(--cool-gray-40);
}
.k-item-card__callout[data-v-42f082c8]:hover {
  background-color: var(--space-b-10) !important;
  border-color: var(--space-b-50);
}
.k-item-card--imageless .k-item-card__pause-container[data-v-42f082c8] {
  bottom: 100%;
  right: 0;
  transform: translate(0, 100%);
}
.k-item-card--imageless .k-item-card__item-info[data-v-42f082c8] {
  top: 0;
  left: 0;
}
.k-item-card--imageless .k-item-card__callout[data-v-42f082c8] {
  top: 0;
  right: 0;
}
.k-item-card[data-v-42f082c8] .k-item-card__pause-badge {
  padding: 0 8px 0 3px !important;
  min-height: 22px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-keypad__wrapper[data-v-026efede] {
  display: grid;
  grid-template-columns: repeat(var(--c29b1d50), 88px);
  grid-row-gap: 16px;
  grid-column-gap: 24px;
}
.k-keypad__button[data-v-026efede] {
  width: 88px;
  height: 88px;
  background-color: var(--09a33166);
  border: 1.5px solid var(--09a33166);
}
.k-keypad__button[data-v-026efede]:not(.k-keypad__button--active):not(.k-keypad__button--disable):hover {
  border-color: var(--space-b-50);
  background-color: var(--teal-white-20);
}
.k-keypad__button--active[data-v-026efede] {
  border-color: var(--space-b-70);
  background-color: var(--space-b-20);
}
.k-keypad__value[data-v-026efede] {
  line-height: 34px;
}
.k-keypad__button:not(.k-keypad__button--disable):hover .k-keypad__value[data-v-026efede], .k-keypad__button--active .k-keypad__value[data-v-026efede], .k-keypad__button:not(.k-keypad__button--disable):hover .k-keypad__caption[data-v-026efede], .k-keypad__button--active .k-keypad__caption[data-v-026efede] {
  color: var(--space-b-100) !important;
}
.k-keypad__button:not(.k-keypad__button--disable):hover .k-keypad__caption.has-text[data-v-026efede], .k-keypad__button--active .k-keypad__caption.has-text[data-v-026efede] {
  color: var(--space-b-70) !important;
}
.k-keypad__button[data-v-026efede]:not(.k-keypad__button--disable):hover .k-keypad__icon svg *, .k-keypad__button--active[data-v-026efede] .k-keypad__icon svg * {
  fill: var(--space-b-70) !important;
}
.k-keypad__button[data-v-026efede] .k-keypad__icon svg * {
  transition: 0.3s ease;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-menu-location__name[data-v-2696ccc2] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-menu-location__wrapper[data-v-2696ccc2] {
  max-width: 246px;
}
.k-menu-location__bullet[data-v-2696ccc2] {
  min-width: 8px;
  min-height: 8px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-menu-card__image[data-v-b4d31cc8]::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: 0.3s ease;
}
.k-menu-card__locations-toggle[data-v-b4d31cc8] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-menu-card[data-v-b4d31cc8] {
  width: 288px;
  height: 354px;
}
.k-menu-card__container[data-v-b4d31cc8]:not(.k-menu-card-disabled):hover {
  box-shadow: 0 0 0 1.5px var(--space-b-50);
}
.k-menu-card__container[data-v-b4d31cc8]:has(> .k-menu-card__placeholder) {
  border: 1.5px solid var(--white);
}
.k-menu-card--selected .k-menu-card__container[data-v-b4d31cc8] {
  box-shadow: 0 0 0 1.5px var(--space-b-70) !important;
}
.k-menu-card__image[data-v-b4d31cc8] {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.k-menu-card__image[data-v-b4d31cc8]::before {
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 60%);
  height: 70px;
  z-index: 1;
}
.k-menu-card__image--disabled[data-v-b4d31cc8] {
  opacity: 0.5;
}
.k-menu-card__image--expanded[data-v-b4d31cc8]:before {
  height: 133px;
}
.k-menu-card__placeholder[data-v-b4d31cc8] {
  width: 285px;
  height: 208px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.k-menu-card__description[data-v-b4d31cc8] {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  overflow: hidden;
  min-height: 196px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  z-index: 2;
}
.k-menu-card__title[data-v-b4d31cc8] {
  min-height: 51px;
}
.k-menu-card__details[data-v-b4d31cc8] {
  min-height: 111px;
}
.k-menu-card__description[data-v-b4d31cc8]:has(.k-menu-card__locations--expanded)::before {
  height: 150px;
}
.k-menu-card__description[data-v-b4d31cc8]:has(.k-menu-card__locations--expanded)::after {
  height: calc(100% - 150px);
}
.k-menu-card__locations-toggle[data-v-b4d31cc8] {
  max-width: 200px;
}
.k-menu-card__checkbox[data-v-b4d31cc8] {
  top: 16px;
  left: 16px;
}
.k-menu-card__divider[data-v-b4d31cc8] {
  filter: brightness(0.75);
}
.k-menu-card__menu[data-v-b4d31cc8] {
  padding: 6px;
}
.k-menu-card[data-v-b4d31cc8] .k-status__main {
  padding-left: 4px !important;
}
.k-menu-card__status-text[data-v-b4d31cc8] {
  max-width: 162px;
  text-overflow: ellipsis;
}
.k-menu-card__locations[data-v-b4d31cc8] {
  height: calc(var(--6fef68c5) * 20px + (var(--6fef68c5) - 1) * 8px);
}
.k-menu-card__locations--expanded[data-v-b4d31cc8] {
  height: 148px;
}
.k-menu-card__locations-wrapper[data-v-b4d31cc8] {
  min-height: 52px;
}
.k-menu-item[data-v-61a0fa52] {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid var(--off-white-20);
}
[data-v-cff06d6e] .k-pagination__main .disabled span {
  color: var(--cool-gray-50) !important;
  fill: var(--cool-gray-50) !important;
}
[data-v-cff06d6e] .k-pagination__main.mini-pagination .q-pagination__middle {
  display: none;
}
[data-v-cff06d6e] .k-pagination__main.mini-pagination .q-pagination__content {
  gap: 8px;
}
[data-v-cff06d6e] .k-pagination__input {
  width: 55px;
}
.k-popup[data-v-b8f646f8] {
  box-shadow: 0 6px 15px 0 rgba(24, 40, 77, 0.12), inset 2px 2px 0 rgba(255, 255, 255, 0.4);
  background: rgba(189, 189, 189, 0.3);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background-blend-mode: color-dodge;
  max-width: 552px;
  width: 100%;
  background: linear-gradient(0deg, #F2F2F7 4.76%, rgba(242, 242, 247, 0) 100%);
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.4) !important;
}
.Popup__btn[data-v-b8f646f8] {
  min-width: 160px;
}
.Popup__wrapper[data-v-b8f646f8] {
  max-width: 552px;
  border-radius: 48px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.q-dialog__backdrop {
  background: rgba(16, 31, 59, 0.1);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.k-quick-access-card[data-v-4d604a9e] {
  width: 188px;
}
.k-quick-access-card__tag[data-v-4d604a9e] {
  position: absolute;
  top: 0;
  right: 16px;
  transform: translateY(-50%);
}
.k-radio__texts[data-v-01855e41] {
  padding-left: 28px;
}
.unset-min-width[data-v-01855e41] {
  min-width: unset !important;
}
.unset-min-height[data-v-01855e41] {
  min-height: unset !important;
}
[data-v-01855e41] .k-radio svg path:first-child {
  fill: var(--cool-gray-50);
}
[data-v-01855e41] .k-radio .q-radio__inner:before {
  display: none;
}
[data-v-01855e41] .k-radio:not(.disabled):not(.has-error) .q-radio__inner:hover svg path:first-child {
  fill: var(--space-b-50);
}
[data-v-01855e41] .k-radio:not(.disabled):not(.has-error) .q-radio__inner:hover {
  box-shadow: 0 0 1px 2px var(--space-b-20);
}
[data-v-01855e41] .k-radio.disabled svg path:first-child {
  fill: var(--cool-gray-50);
}
[data-v-01855e41] .k-radio.has-error svg path {
  fill: var(--error-100);
}
[data-v-01855e41] .k-radio.disabled .q-radio__inner:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  background-color: var(--cool-gray-30);
  z-index: -1;
}
[data-v-01855e41] .k-radio .q-radio__label {
  padding-left: 0;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-range[data-v-0a76fd86] .q-slider__pin.q-slider__pin--h-standard::before {
  clip-path: inset(0 0 20% 0 round 10px);
}
.k-range[data-v-0a76fd86] .q-slider__pin.q-slider__pin--v-standard::before {
  clip-path: inset(0 0 0 20% round 10px);
}
.k-range[data-v-0a76fd86] .q-slider__pin.q-slider__pin--h-switched::before {
  clip-path: inset(20% 0 0 0 round 10px);
}
.k-range[data-v-0a76fd86] .q-slider__pin.q-slider__pin--v-switched::before {
  clip-path: inset(0 20% 0 0 round 10px);
}
.k-range[data-v-0a76fd86] .q-slider__pin .q-slider__text-container {
  border-radius: 4px;
  padding: 2px 4px;
}
.k-range[data-v-0a76fd86] .q-slider__pin .q-slider__text-container .q-slider__text {
  font-size: 15px;
  font-weight: 500;
}
.k-range[data-v-0a76fd86] .q-slider__track-container .q-slider__inner {
  background: transparent;
}
.k-range[data-v-0a76fd86] .q-slider__track-container:hover .q-slider__focus-ring {
  transform: scale3d(1.33, 1.33, 1) !important;
}
.k-status__main[data-v-7ae24b76] {
  border-radius: 16px;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.k-status__sm[data-v-7ae24b76] {
  padding: 4px 8px 4px 8px;
  min-height: 24px;
  max-height: 24px;
}
.k-status__sm.k-status__prepend[data-v-7ae24b76] {
  padding: 4px 8px 4px 4px;
}
.k-status__md[data-v-7ae24b76] {
  padding: 4px 12px 4px 12px;
  min-height: 28px;
  max-height: 28px;
}
.k-status__md.k-status__prepend[data-v-7ae24b76] {
  padding: 4px 12px 4px 4px;
}
.k-status__border[data-v-7ae24b76] {
  border: 1.5px solid var(--2814c0dd);
}
.k-status__main.k-status__title[data-v-7ae24b76]:not(.k-status__border) {
  padding-right: 0;
}
.k-status__main.k-status__clearable[data-v-7ae24b76] {
  padding-right: 4px;
}
.k-status__main label[data-v-7ae24b76] {
  line-height: 100% !important;
}
.k-status__status-badge[data-v-7ae24b76] {
  width: 8px;
  height: 16px;
}
.k-status__clear[data-v-7ae24b76] {
  color: var(--cool-gray-70);
  fill: var(--cool-gray-70);
  margin-left: 4px;
}
.k-status__clear[data-v-7ae24b76]:hover {
  color: var(--amber-100);
  fill: var(--amber-100);
}
.k-status__main:not(.disabled).k-status__outline[data-v-7ae24b76],
.k-status__main:not(.disabled).k-status__title-status[data-v-7ae24b76],
.k-status__main:not(.disabled).k-status__outline[data-v-7ae24b76],
.k-status__main[data-v-7ae24b76]:not(.k-status__disabled):not(.k-status__hoverless):hover {
  background-color: var(--white) !important;
  transition: 0.5s;
}
.k-status__main.k-status__disabled[data-v-7ae24b76] {
  border: 1.5px solid var(--off-white-20) !important;
  color: var(--cool-gray-60) !important;
  background-color: var(--off-white-20) !important;
  transition: 0.5s;
}
.k-status__main.k-status__disabled .k-status__clear[data-v-7ae24b76] {
  color: var(--cool-gray-50) !important;
  fill: var(--cool-gray-50) !important;
  transition: 0.5s;
}
.k-status__main.k-status__disabled .status[data-v-7ae24b76] {
  background-color: var(--cool-gray-50) !important;
}
.k-tab-container[data-v-2d7beb7c] {
  background-color: var(--2466c47c);
  color: var(--7da15ff2);
  border-radius: 12px;
  padding: 4px;
}
[data-v-2d7beb7c] .q-tabs__content {
  border-radius: 0;
  overflow: visible;
}
[data-v-2d7beb7c] .k-tab {
  padding: 0 28px 0 28px;
  height: 32px;
  min-height: 32px !important;
  border-radius: 8px;
}
[data-v-2d7beb7c] .k-tab .q-focus-helper {
  display: none;
}
[data-v-2d7beb7c] .k-tab i path,[data-v-2d7beb7c] .k-tab i rect {
  transition: 0.3s;
}
[data-v-2d7beb7c] .k-tab:not(.disabled):not(.active-tab) i * {
  color: var(--7da15ff2);
  fill: var(--7da15ff2);
}
[data-v-2d7beb7c] .k-tab.active-tab i * {
  color: var(--603749a1);
  fill: var(--603749a1);
}
[data-v-2d7beb7c] .k-tab.disabled i * {
  color: var(--cool-gray-60);
  fill: var(--cool-gray-60);
}
[data-v-2d7beb7c] .k-tab:not(.disabled):hover i * {
  color: var(--0a14fd3a);
  fill: var(--0a14fd3a);
}
.active-tab[data-v-2d7beb7c] {
  background-color: var(--2a86ce48);
  color: var(--603749a1);
  box-shadow: 0 1px 10px 0 rgba(22, 30, 49, 0.1);
}
.tab-separator.k-tab.q-tab--inactive + .tab-separator.k-tab.q-tab--inactive[data-v-2d7beb7c]:not(:first-child)::before {
  content: "";
  height: 20px;
  width: 1px;
  background-color: var(--fb72894c);
  position: absolute;
  left: 0;
}
.k-tab.disabled[data-v-2d7beb7c] {
  color: var(--cool-gray-60);
}
.k-tab[data-v-2d7beb7c]:not(.disabled):hover {
  color: var(--0a14fd3a);
}
.k-tab[data-v-2d7beb7c]:not(.disabled):not(.active-tab):hover {
  background-color: var(--62682fc4);
}
.k-tab-box[data-v-2d7beb7c] {
  all: inherit;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-table[data-v-4d80246e] {
  max-width: 100%;
  border-collapse: collapse;
}
.k-table thead tr[data-v-4d80246e-s] th {
  position: sticky;
  z-index: 10;
  top: 0;
}
.k-table .q-table__top[data-v-4d80246e] {
  padding: 0 !important;
}
.k-table th[data-v-4d80246e]:last-child, .k-table td[data-v-4d80246e]:last-child, .k-table tr[data-v-4d80246e-s] th:last-child, .k-table tr[data-v-4d80246e-s] td:last-child {
  padding-left: 8px !important;
  padding-right: 8px !important;
  right: 0;
}
.k-table td[data-v-4d80246e]:last-child, .k-table tr[data-v-4d80246e-s] td:last-child {
  z-index: 1;
}
.k-table tr th[data-v-4d80246e], .k-table tr[data-v-4d80246e-s] th {
  background: var(--white);
  color: var(--cool-gray-100);
  font-size: 13px;
}
.k-table tr:not(.selected) td[data-v-4d80246e], .k-table tr[data-v-4d80246e-s]:not(.selected) td {
  background: var(--white);
  color: var(--cool-gray-80);
}
.k-table tr:not(.selected) td .table-action-button[data-v-4d80246e], .k-table tr[data-v-4d80246e-s]:not(.selected) td .table-action-button {
  background: var(--white);
  color: var(--cool-gray-70);
}
.k-table tr.selected td[data-v-4d80246e], .k-table tr.selected[data-v-4d80246e-s] td {
  background: var(--teal-white-20);
  color: var(--cool-gray-100);
}
.k-table tr:not(.variant):not(.expanded) td[data-v-4d80246e]:first-child,
.k-table tr[data-v-4d80246e-s]:not(.variant):not(.expanded) td:first-child {
  border-radius: 12px 0 0 12px;
}
.k-table tr:not(.variant):not(.expanded) td[data-v-4d80246e]:last-child,
.k-table tr[data-v-4d80246e-s]:not(.variant):not(.expanded) td:last-child {
  border-radius: 0 12px 12px 0;
}
.k-table tr:not(.variant).expanded td[data-v-4d80246e]:first-child,
.k-table tr:not(.variant).expanded[data-v-4d80246e-s] td:first-child {
  border-radius: 12px 0 0 0;
}
.k-table tr:not(.variant).expanded td[data-v-4d80246e]:last-child,
.k-table tr:not(.variant).expanded[data-v-4d80246e-s] td:last-child {
  border-radius: 0 12px 0 0;
}
.k-table tr.variant.last-variant td[data-v-4d80246e]:first-child,
.k-table tr.variant.last-variant[data-v-4d80246e-s] td:first-child {
  border-radius: 0 0 0 12px;
}
.k-table tr.variant.last-variant td[data-v-4d80246e]:last-child,
.k-table tr.variant.last-variant[data-v-4d80246e-s] td:last-child {
  border-radius: 0 0 12px 0;
}
.k-table tr.variant td[data-v-4d80246e]:last-child,
.k-table tr.variant[data-v-4d80246e-s] td:last-child,
.k-table tr.expanded td[data-v-4d80246e]:last-child,
.k-table tr.expanded[data-v-4d80246e-s] td:last-child {
  border-right: 2px solid var(--space-b-50);
}
.k-table tr.variant td[data-v-4d80246e]:first-child,
.k-table tr.variant[data-v-4d80246e-s] td:first-child,
.k-table tr.expanded td[data-v-4d80246e]:first-child,
.k-table tr.expanded[data-v-4d80246e-s] td:first-child {
  border-left: 2px solid var(--space-b-50);
}
.k-table tr.expanded td[data-v-4d80246e],
.k-table tr.expanded[data-v-4d80246e-s] td {
  border-top: 2px solid var(--space-b-50);
  border-bottom: 2px solid var(--space-b-50);
}
.k-table tr.last-variant td[data-v-4d80246e],
.k-table tr.last-variant[data-v-4d80246e-s] td {
  border-bottom: 2px solid var(--space-b-50);
}
.k-table tr[data-v-4d80246e], .k-table tr[data-v-4d80246e-s] {
  height: 66px;
  position: relative;
}
.k-table tbody tr td[data-v-4d80246e]:not(.separator),
.k-table tbody tr[data-v-4d80246e-s] td:not(.separator) {
  height: 52px;
}
.k-table tbody tr td[data-v-4d80246e]:first-child:not(.separator),
.k-table tbody tr[data-v-4d80246e-s] td:first-child:not(.separator),
.k-table thead tr th[data-v-4d80246e]:first-child,
.k-table thead tr[data-v-4d80246e-s] th:first-child {
  padding: 4px 8px !important;
}
.k-table tbody tr td[data-v-4d80246e]:last-child:not(.separator),
.k-table tbody tr[data-v-4d80246e-s] td:last-child:not(.separator),
.k-table thead tr th[data-v-4d80246e]:last-child,
.k-table thead tr[data-v-4d80246e-s] th:last-child {
  padding: 4px 8px 4px 12px !important;
}
.k-table tbody tr td[data-v-4d80246e]:not(:last-child):not(:first-child):not(.separator),
.k-table tbody tr[data-v-4d80246e-s] td:not(:last-child):not(:first-child):not(.separator),
.k-table thead tr th[data-v-4d80246e]:not(:last-child):not(:first-child),
.k-table thead tr[data-v-4d80246e-s] th:not(:last-child):not(:first-child) {
  padding: 4px 12px 4px 12px !important;
}
.k-table tbody tr:not(:first-child) td.separator[data-v-4d80246e],
.k-table tbody tr[data-v-4d80246e-s]:not(:first-child) td.separator {
  height: 25px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.k-table tbody tr:first-child td.separator[data-v-4d80246e],
.k-table tbody tr[data-v-4d80246e-s]:first-child td.separator {
  height: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
tr:last-child td.separator[data-v-4d80246e],tr[data-v-4d80246e-s]:last-child td.separator {
  display: none;
}
thead th[data-v-4d80246e], thead tr[data-v-4d80246e-s] th {
  border-top: 2px solid var(--cool-gray-30);
  border-bottom: 2px solid var(--cool-gray-30);
  height: 40px;
}
.k-table tbody tr[data-v-4d80246e-s] td:after,
.k-table tbody tr[data-v-4d80246e-s] td:before,
.k-table tbody td[data-v-4d80246e]:after,
.k-table tbody td[data-v-4d80246e]:before {
  display: none;
  content: none;
}
.table-default-image[data-v-4d80246e],tr[data-v-4d80246e-s] .table-default-image {
  width: 82px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
}
.k-table .table-header-separator[data-v-4d80246e], .k-table tr[data-v-4d80246e-s] .table-header-separator {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-right: 1px solid var(--cool-gray-30);
  height: 12px;
}
.k-table .table-body-separator[data-v-4d80246e], .k-table tr[data-v-4d80246e-s] .table-body-separator {
  height: 12px;
}
.k-table__pagination-root[data-v-4d80246e] {
  border-top: 2px solid var(--cool-gray-30);
  position: sticky;
  bottom: 0;
  z-index: 20;
  min-width: 600px;
  overflow-x: auto;
}
.k-table[data-v-4d80246e] .q-table__bottom--nodata {
  height: calc(100% - 41px);
  border-top: none;
  justify-content: center;
  align-items: center;
}
.k-table[data-v-4d80246e] .q-table__progress {
  height: 2px !important;
}
.k-table__index-td[data-v-4d80246e] {
  width: 30px;
  display: flex;
}
[data-v-4d80246e] .k-table {
  /* height or max-height is important */
  max-height: 100vh;
}
[data-v-4d80246e] .k-table .q-table__top,[data-v-4d80246e] .k-table .q-table__bottom,[data-v-4d80246e] .k-table thead tr:first-child th {
  /* bg color is important for th; just specify one */
  background-color: var(--fa375c2c);
}
[data-v-4d80246e] .k-table thead tr th {
  position: sticky;
  z-index: 10;
  top: 0;
}
[data-v-4d80246e] .k-table.q-table--loading thead tr:last-child th {
  /* height of all previous header rows */
  top: 48px;
}
[data-v-4d80246e] .k-table tbody {
  /* height of all previous header rows */
  scroll-margin-top: 48px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-toggle[data-v-6b87df1e] {
  padding: 2px;
  width: 36px;
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
.k-toggle__bullet[data-v-6b87df1e] {
  width: 16px;
  height: 16px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.25);
  transform: translateX(0) rotate(0);
  transition: all 0.2s ease-in-out;
}
.k-toggle__bullet--active[data-v-6b87df1e] {
  transform: translateX(100%) rotate(0);
}
.k-toggle__bullet--active-iconed[data-v-6b87df1e] {
  transform: translateX(100%) rotate(360deg);
}
.k-tooltip {
  background-color: currentColor;
  border-radius: 6px;
  overflow-x: visible;
  overflow-y: visible;
  font-size: 13px;
}
.k-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  clear: both;
}
.k-tooltip--top::after {
  left: 50%;
  transform: translate(-50%, 0);
  top: 100%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 4px solid currentColor;
}
.k-tooltip--bottom::after {
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 100%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 4px solid currentColor;
}
.k-tooltip--right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 4px solid currentColor;
}
.k-tooltip--left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 4px solid currentColor;
}
.k-carousel[data-v-501868a9] {
  width: 388px;
}
.k-carousel__box[data-v-501868a9] {
  width: 348px;
}
.k-carousel__box-slides[data-v-501868a9] {
  width: 348px;
  transition: transform 0.3s ease-in-out;
}
.k-carousel__box-slide[data-v-501868a9] {
  width: 88px;
  min-width: 88px;
  height: 56px;
  min-height: 56px;
  border: 1.5px solid var(--cool-gray-30);
}
.k-carousel__box-slide:hover .k-carousel__box-image-overlay[data-v-501868a9] {
  opacity: 1;
}
.k-carousel__box-slide img[data-v-501868a9] {
  width: 88px;
  min-width: 88px;
  height: 56px;
  min-height: 56px;
}
.k-carousel__box-slide[data-v-501868a9]:hover {
  border: 1.5px solid var(--space-b-50);
}
.k-carousel__box-slide--selected[data-v-501868a9] {
  border: 1.5px solid var(--space-b-70);
}
.k-carousel__box-image-overlay[data-v-501868a9] {
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: opacity 0.3s;
}
.k-carousel__box-image-overlay-reorder[data-v-501868a9] {
  height: 57px;
  background-color: rgba(255, 255, 255, 0.9);
}
.k-carousel__navigation-bullets-container-bullet[data-v-501868a9] {
  width: 6px;
  height: 6px;
  transition: background-color 0.3s ease-in-out;
}
.k-uploader[data-v-18882d2c]:not(.k-uploader__bill) {
  min-width: 388px;
  max-width: 388px;
}
.k-uploader__bill[data-v-18882d2c] {
  width: 100%;
  padding-left: none !important;
  padding-right: none !important;
}
.k-uploader__image-place-holder[data-v-18882d2c] {
  border: 1.5px dashed var(--cool-gray-40);
  width: 120px;
  height: 120px;
}
.k-uploader__max-width-avatar[data-v-18882d2c] {
  width: 120px;
  height: 120px;
  border: 1.5px solid var(--cool-gray-30);
}
.k-uploader__max-width-item[data-v-18882d2c] {
  width: 188px;
  height: 120px;
}
.k-uploader__max-width-bill[data-v-18882d2c] {
  width: 100%;
  height: 136px;
}
.k-uploader__button-container[data-v-18882d2c] {
  min-width: 85%;
}
.k-uploader__button-upload-container[data-v-18882d2c] {
  top: 0;
  z-index: 10;
}
.k-uploader__button-delete[data-v-18882d2c] {
  border: 1.5px solid var(--cool-gray-40);
}
.k-uploader__button-delete--avatar[data-v-18882d2c] {
  width: 32px;
  height: 32px;
  top: -120px;
  right: 74px;
}
.k-uploader__button-delete--bill[data-v-18882d2c] {
  width: 32px;
  height: 32px;
  top: -137px;
  right: -9px;
}
.k-uploader__button-delete--two-items[data-v-18882d2c] {
  width: 32px;
  height: 32px;
  top: -125px;
  right: 60px;
}
.k-uploader__bill-placeholder-icon[data-v-18882d2c] {
  margin-top: -5px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.k-working-hours__label[data-v-56430714] {
  min-width: 35px;
  max-width: 35px;
  text-align: end;
}
.k-working-hours__input[data-v-56430714] {
  max-width: 146px;
  min-width: 146px;
}
.k-bill-button__payment[data-v-86b70de4] {
  width: 217.5px;
  border: 1.5px solid var(--transparent);
}
.k-bill-button__payment[data-v-86b70de4]:not(.k-bill-button--disable):hover {
  border: 1.5px solid var(--space-b-50);
}
.k-bill-button__payment:not(.k-bill-button--disable):hover .k-bill-button__payment--right[data-v-86b70de4] {
  background-color: var(--space-b-100) !important;
}
.k-bill-button__payment:not(.k-bill-button--disable):hover .k-bill-button__payment--left[data-v-86b70de4] {
  background-color: var(--teal-white-20) !important;
}
.k-bill-button__payment--left[data-v-86b70de4] {
  flex-basis: 64px;
  height: 88px;
  border-radius: 16px 0 0 16px;
}
.k-bill-button__payment--right[data-v-86b70de4] {
  flex-basis: 152px;
  height: 88px;
  border-radius: 0 16px 16px 0;
}
.k-bill-button__icon--disabled[data-v-86b70de4] {
  opacity: 0.5;
  filter: grayscale(1);
}
.k-checkout-button[data-v-3afca4f2] {
  border: 1.5px solid var(--transparent);
}
.k-checkout-button--lg[data-v-3afca4f2] {
  width: 216px;
  height: 178px;
}
.k-checkout-button--sm[data-v-3afca4f2] {
  width: 88px;
  height: 88px;
}
.k-checkout-button[data-v-3afca4f2]:not(.k-checkout-button__hoverless):not(.k-checkout-button__disable):not(.k-checkout-button__active):hover {
  border: 1.5px solid var(--space-b-50);
  background-color: var(--teal-white-20) !important;
}
.k-checkout-button__active[data-v-3afca4f2] {
  border-color: var(--space-b-70);
  background-color: var(--teal-white-20) !important;
}
.k-glass-card[data-v-1bae20ca] {
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 2px 15px 0px rgba(95, 101, 155, 0.15), inset 3px 3px 3px rgba(255, 255, 255, 0.25);
  border: 1px solid transparent;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.k-glass-card[data-v-1bae20ca]:not(.k-glass-card__hoverless):hover {
  border: 1px solid var(--space-b-50);
  background: var(--teal-white-20);
}
.k-item-pos-card[data-v-7378f4eb] {
  border: 1.5px solid transparent;
  -webkit-user-select: none;
          user-select: none;
}
.k-item-pos-card--size-sm[data-v-7378f4eb] {
  max-width: 162px;
  min-height: 196px;
}
.k-item-pos-card--size-md[data-v-7378f4eb] {
  max-width: 188px;
  min-height: 228px;
}
.k-item-pos-card--size-lg[data-v-7378f4eb] {
  max-width: 226px;
  min-height: 270px;
}
.k-item-pos-card--imageless-size-sm[data-v-7378f4eb] {
  max-width: 162px;
  min-height: 128px;
}
.k-item-pos-card--imageless-size-md[data-v-7378f4eb] {
  max-width: 188px;
  min-height: 128px;
}
.k-item-pos-card--imageless-size-lg[data-v-7378f4eb] {
  max-width: 226px;
  min-height: 128px;
}
.k-item-pos-card--paused[data-v-7378f4eb] {
  border-color: var(--caution-100) !important;
  background-color: var(--caution-20) !important;
}
.k-item-pos-card--selected[data-v-7378f4eb] {
  border-color: var(--space-b-70);
}
.k-item-pos-card[data-v-7378f4eb]:hover {
  border-color: var(--space-b-50);
}
.k-item-pos-card__image--paused[data-v-7378f4eb] {
  opacity: 0.5;
}
.k-item-pos-card__item-info[data-v-7378f4eb] {
  background-color: rgba(255, 255, 255, 0.9);
  background-blend-mode: luminosity;
  top: 4px;
  left: 4px;
  max-height: 24px;
}
.k-item-pos-card__color[data-v-7378f4eb] {
  width: 16px;
  height: 16px;
  background-color: var(--46296645);
}
.k-item-pos-card__price-container[data-v-7378f4eb] {
  min-height: 32px;
}
.k-item-pos-card__price[data-v-7378f4eb] {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.k-item-pos-card__price.has-count[data-v-7378f4eb] {
  left: 8px;
  transform: translate(0, -50%);
}
.k-item-pos-card__selected-count[data-v-7378f4eb] {
  min-height: 24px;
  min-width: 45px;
  opacity: 0;
  transform: translateX(-50px);
}
.k-item-pos-card__selected-count.show[data-v-7378f4eb] {
  opacity: 1;
  transform: translateX(0);
}
.k-item-pos-card__pause-container[data-v-7378f4eb] {
  bottom: 8px;
  right: 50%;
  transform: translateX(50%);
  z-index: 2;
  transition-timing-function: ease-in-out;
}
.k-item-pos-card__callout[data-v-7378f4eb] {
  top: 4px;
  right: 4px;
  border: 1px solid var(--cool-gray-40);
}
.k-item-pos-card__callout[data-v-7378f4eb]:hover {
  background-color: var(--space-b-10) !important;
  border-color: var(--space-b-50);
}
.k-item-pos-card--imageless .k-item-pos-card__pause-container[data-v-7378f4eb] {
  bottom: 100%;
  right: 0;
  transform: translate(0, 100%);
}
.k-item-pos-card--imageless .k-item-pos-card__item-info[data-v-7378f4eb] {
  top: 0;
  left: 0;
}
.k-item-pos-card--imageless .k-item-pos-card__callout[data-v-7378f4eb] {
  top: 0;
  right: 0;
}
.k-item-pos-card[data-v-7378f4eb] .k-item-pos-card__pause-badge {
  padding: 0 8px 0 3px !important;
  min-height: 22px;
}
.k-pos-button__active-order[data-v-1948f0a6] {
  top: -15px;
  right: 8px;
}
.k-pos-button__coming-soon[data-v-1948f0a6] {
  width: 89px;
  height: 34px;
  background: linear-gradient(#3F4472 8%, #1A2B4C 41%, #1B72A4 76%, #2C4471 100%);
  clip-path: path("M1.74505 0.581562L4.05446e-07 0L89 1.06131e-06L86.0609 1.2249C80.5585 3.51805 76.9361 8.8518 76.8334 14.812L76.7736 18.2758C76.6232 27.0036 69.5051 34 60.776 34L44.0025 34L28.0025 34C19.166 34 12.0025 26.8366 12.0025 18L12.0025 14.8121C12.0025 8.3553 7.87065 2.62299 1.74505 0.581562Z");
  right: 24px;
  top: -1px;
}
.k-pos-button__coming-soon--text[data-v-1948f0a6] {
  word-break: break-word;
  line-height: 100% !important;
}
[data-v-1948f0a6] .glass-card-width {
  width: 208px;
}
[data-v-1948f0a6] .glass-card-width.take-order {
  padding: 8px !important;
}
.k-basic-popup__btn[data-v-9173db70] {
  min-width: 160px;
}
.k-basic-popup__wrapper[data-v-9173db70] {
  max-width: 552px;
  border-radius: 48px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.q-dialog__backdrop {
  background: rgba(16, 31, 59, 0.1);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.k-basic-popup__container[data-v-9173db70] {
  box-shadow: 0 6px 15px 0 rgba(24, 40, 77, 0.12), inset 2px 2px 0 rgba(255, 255, 255, 0.4);
  background: rgba(189, 189, 189, 0.3);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  background-blend-mode: color-dodge;
  max-width: 552px;
  width: 100%;
  background: linear-gradient(0deg, #F2F2F7 4.76%, rgba(242, 242, 247, 0) 100%);
  box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.4) !important;
}
.k-file-uploader__image-placeholder[data-v-2b52201a], .k-file-uploader__image[data-v-2b52201a] {
  width: 160px;
  height: 222px;
}
.k-file-uploader__slide-footer-container[data-v-2b52201a] {
  bottom: 4px;
  right: 0px;
  height: 32px;
  opacity: 0;
}
.k-file-uploader__image[data-v-2b52201a] {
  position: relative !important;
}
.k-file-uploader__file-container:hover .k-file-uploader__active-slide-footer[data-v-2b52201a] {
  opacity: 1 !important;
}
.k-file-uploader__slide-footer[data-v-2b52201a] {
  background-color: rgba(243, 243, 243, 0.7);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.k-file-uploader__placeholder-border[data-v-2b52201a] {
  border: 1.5px dashed var(--cool-gray-40);
}
.k-file-uploader__image-border[data-v-2b52201a] {
  border: 1.5px solid var(--space-b-50);
}
.k-file-uploader__video-cover[data-v-2b52201a] {
  position: relative;
  width: 160px;
  height: 222px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.k-file-uploader__video[data-v-2b52201a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.k-memo-line[data-v-35ec792c] > * {
  position: relative;
}
.k-memo-line[data-v-35ec792c] > *:not(:first-child):before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: var(--cool-gray-60);
  border-radius: 50%;
  top: 12px;
  left: -6px;
}
.k-memo-line[data-v-35ec792c] > *:not(:first-child):after {
  content: "";
  position: absolute;
  width: 16px;
  border-top: 2px solid var(--cool-gray-60);
  left: -20px;
}
.k-memo-line[data-v-35ec792c] > *:first-child:before {
  content: "";
  width: 14px;
  height: 14px;
  background-color: var(--cool-gray-60);
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: -26px;
}
.k-memo-line[data-v-35ec792c] > *:not(:last-child):after {
  content: "";
  position: absolute;
  width: 24px;
  height: calc(100% + 16px);
  border-left: 2px solid var(--cool-gray-60);
  left: -20px;
  top: 16px;
}
.k-memo-line[data-v-35ec792c] > *:last-child {
  position: relative;
}
.k-memo-line[data-v-35ec792c] > *:last-child:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 20px;
  border: 2px solid var(--cool-gray-60);
  border-color: transparent transparent var(--cool-gray-60) var(--cool-gray-60);
  border-radius: 0 0 0 8px;
  left: -20px;
  top: 5px;
  top: 2px;
}
.k-memo-line[data-v-35ec792c] > *:last-child:before {
  content: "";
  position: absolute;
  top: 15px;
}
/* ---------------------------------- Font ---------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                  Poppins                                   */
/* -------------------------------------------------------------------------- */
/* -------------------------------- Variables ------------------------------- */
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* --------------------------------- Mixins --------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* --------------------------------- Global --------------------------------- * */
:root {
  --inherit: inherit;
  --transparent: transparent;
  --navy-100: #1D2E66;
  --navy-70: #495EA8;
  --navy-50: #B5C1EA;
  --amber-xd: #51222D;
  --amber-d: #8A3F4C;
  --amber-10: #FAF1F2;
  --black: #000000;
  --space-b-xd: #032446;
  --space-b-d: #0D5598;
  --space-b-10: #EEF7FF;
  --space-b-100: #1A75C0;
  --space-b-70: #449CE8;
  --space-b-50: #C0DEF7;
  --space-b-20: #E2F2FF;
  --amber-100: #E17577;
  --amber-70: #F29092;
  --amber-50: #F3C7C4;
  --amber-20: #F5E3E2;
  --dark-bg-20: #152336;
  --dark-bg-30: #0C1828;
  --dark-bg-15: #2A3546;
  --dark-bg-10: #37435C;
  --off-white-20: #F1F4F8;
  --off-white-10: #F6F8FA;
  --extra-off-white: #FAFBFC;
  --teal-white-20: #F6FBFF;
  --teal-white-10: #F8FCFF;
  --white: #FFFFFF;
  --white-shadow: #FEFFFF;
  --cool-gray-100: #15191D;
  --cool-gray-90: #26323D;
  --cool-gray-80: #4A5665;
  --cool-gray-70: #7C8B99;
  --cool-gray-60: #A9B7C3;
  --cool-gray-50: #CAD3DD;
  --cool-gray-40: #DBE2EA;
  --cool-gray-30: #E8ECF2;
  --static-light: #FEFFFF;
  --info-100: #009CE4;
  --info-70: #00AFFF;
  --info-50: #E9F7FF;
  --info-20: #F5FBFF;
  --success-100: #00AF85;
  --success-70: #12D48E;
  --success-50: #D9FFEA;
  --success-20: #EEFFF7;
  --error-100: #F4422A;
  --error-70: #FE7B69;
  --error-50: #FFEDEB;
  --error-20: #FFF6F5;
  --caution-100: #F99500;
  --caution-70: #FFB46F;
  --caution-50: #FCF4E4;
  --caution-20: #FCF9F3;
  --mariner-100: #1361D4;
  --mariner-50: #74A8F5;
  --mariner-20: #E4EFFF;
  --casper-100: #616C95;
  --casper-50: #A3B1D6;
  --casper-20: #E6EBF5;
  --casper-10: #F2F5FB;
  --lime-100: #98E000;
  --lime-50: #BAEC69;
  --lime-20: #E8F6C8;
  --orchid-100: #652EDA;
  --orchid-50: #AB9AEF;
  --orchid-20: #F0E9FF;
  --canary-100: #FCC500;
  --canary-50: #FFE4A8;
  --canary-20: #FFF3D7;
  --rose-100: #D92AB2;
  --rose-50: #F398DF;
  --rose-20: #FFEEFB;
  --rajah-100-dark: #DE6640;
  --rajah-100: #FF845D;
  --rajah-50: #FFB78F;
  --rajah-20: #FFE3D2;
  --burgundy-100: #A71C4E;
  --burgundy-50: #E9688C;
  --burgundy-20: #FAE3E9;
  --turquoise-100: #0FC7F0;
  --turquoise-50: #7BE7FF;
  --turquoise-20: #DFF9FF;
  --olive-100: #8DB852;
  --olive-50: #CDDF98;
  --olive-20: #DFEFBA;
  --blue-gray-100: #D5E1EB;
  --neon-blue-100: #7987FF;
  --neon-blue-50: #95ACFF;
  --neon-blue-20: #C8D7FF;
}

/* -------------------------------------------------------------------------- */
/*                                  Overwrite                                 */
/* -------------------------------------------------------------------------- */
body {
  font-family: "Poppins", sans-serif;
}

.body--dark {
  --inherit: inherit;
  --transparent: transparent;
  --navy-100: #2642A0;
  --navy-70: #232D83;
  --navy-50: #171D53;
  --amber-xd: #51222D;
  --amber-d: #8A3F4C;
  --amber-10: #432327;
  --black: #FFFFFF;
  --space-b-xd: #1B2F4E;
  --space-b-d: #214F79;
  --space-b-10: #071F35;
  --space-b-100: #15608A;
  --space-b-70: #163959;
  --space-b-50: #152E44;
  --space-b-20: #0F2F4C;
  --amber-100: #CA646B;
  --amber-70: #AC5459;
  --amber-50: #883D46;
  --amber-20: #5F2B31;
  --dark-bg-20: #161E2A;
  --dark-bg-30: #0C111A;
  --dark-bg-15: #1E2632;
  --dark-bg-10: #262F3D;
  --off-white-20: #1F2732;
  --off-white-10: #111825;
  --extra-off-white: #FAFBFC;
  --teal-white-20: #15202E;
  --teal-white-10: #192330;
  --white: #0E1420;
  --white-shadow: #141A27;
  --cool-gray-100: #A9B6BE;
  --cool-gray-90: #83919D;
  --cool-gray-80: #717F8C;
  --cool-gray-70: #5E6F7E;
  --cool-gray-60: #536473;
  --cool-gray-50: #3E4C5B;
  --cool-gray-40: #2E3A47;
  --cool-gray-30: #1A2532;
  --static-light: #DFE3E7;
  --info-100: #008BB7;
  --info-70: #037296;
  --info-50: #14242E;
  --info-20: #0E1B23;
  --success-100: #1D8D72;
  --success-70: #009571;
  --success-50: #153038;
  --success-20: #111D21;
  --error-100: #BC352C;
  --error-70: #9F3029;
  --error-50: #261F25;
  --error-20: #1C1A1F;
  --caution-100: #90631F;
  --caution-70: #603E0B;
  --caution-50: #232220;
  --caution-20: #1A1B1D;
  --mariner-100: #3552EA;
  --mariner-50: #182E64;
  --mariner-20: #12224A;
  --casper-100: #616C95;
  --casper-50: #2C3346;
  --casper-20: #1B2436;
  --casper-10: #F2F5FB;
  --lime-100: #5A8515;
  --lime-50: #27330A;
  --lime-20: #1E2805;
  --orchid-100: #652EDA;
  --orchid-50: #331B64;
  --orchid-20: #200E46;
  --canary-100: #9C7719;
  --canary-50: #372B10;
  --canary-20: #271E09;
  --rose-100: #8F397C;
  --rose-50: #47163B;
  --rose-20: #2D0924;
  --rajah-100-dark: #DE6640;
  --rajah-100: #8A451E;
  --rajah-50: #4B2610;
  --rajah-20: #301607;
  --burgundy-100: #841A47;
  --burgundy-50: #38091A;
  --burgundy-20: #240913;
  --turquoise-100: #008F98;
  --turquoise-50: #1A474E;
  --turquoise-20: #0F2A2E;
  --olive-100: #5F5502;
  --olive-50: #2F2D0C;
  --olive-20: #201F07;
  --blue-gray-100: #ECF3FA;
  --neon-blue-100: #7987FF;
  --neon-blue-50: #95ACFF;
  --neon-blue-20: #C8D7FF;
}

pre {
  font-family: "Poppins", sans-serif;
}

* {
  line-height: 150% !important;
}

/* -------------------------------------------------------------------------- */
/*                                   Classes                                  */
/* -------------------------------------------------------------------------- */
.text-inherit {
  color: var(--inherit) !important;
  fill: var(--inherit);
}

.bg-inherit {
  background-color: var(--inherit) !important;
}

.svg-icon--inherit *:not([cant-change]) {
  fill: var(--inherit);
}
.svg-icon--inherit svg:not([cant-change]) {
  fill: var(--inherit);
}

.svg-icon--stroke-inherit *:not([cant-change]) {
  stroke: var(--inherit);
}
.svg-icon--stroke-inherit svg:not([cant-change]) {
  stroke: var(--inherit);
}

.text-transparent {
  color: var(--transparent) !important;
  fill: var(--transparent);
}

.bg-transparent {
  background-color: var(--transparent) !important;
}

.svg-icon--transparent *:not([cant-change]) {
  fill: var(--transparent);
}
.svg-icon--transparent svg:not([cant-change]) {
  fill: var(--transparent);
}

.svg-icon--stroke-transparent *:not([cant-change]) {
  stroke: var(--transparent);
}
.svg-icon--stroke-transparent svg:not([cant-change]) {
  stroke: var(--transparent);
}

.text-navy-100 {
  color: var(--navy-100) !important;
  fill: var(--navy-100);
}

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

.svg-icon--navy-100 *:not([cant-change]) {
  fill: var(--navy-100);
}
.svg-icon--navy-100 svg:not([cant-change]) {
  fill: var(--navy-100);
}

.svg-icon--stroke-navy-100 *:not([cant-change]) {
  stroke: var(--navy-100);
}
.svg-icon--stroke-navy-100 svg:not([cant-change]) {
  stroke: var(--navy-100);
}

.text-navy-70 {
  color: var(--navy-70) !important;
  fill: var(--navy-70);
}

.bg-navy-70 {
  background-color: var(--navy-70) !important;
}

.svg-icon--navy-70 *:not([cant-change]) {
  fill: var(--navy-70);
}
.svg-icon--navy-70 svg:not([cant-change]) {
  fill: var(--navy-70);
}

.svg-icon--stroke-navy-70 *:not([cant-change]) {
  stroke: var(--navy-70);
}
.svg-icon--stroke-navy-70 svg:not([cant-change]) {
  stroke: var(--navy-70);
}

.text-navy-50 {
  color: var(--navy-50) !important;
  fill: var(--navy-50);
}

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

.svg-icon--navy-50 *:not([cant-change]) {
  fill: var(--navy-50);
}
.svg-icon--navy-50 svg:not([cant-change]) {
  fill: var(--navy-50);
}

.svg-icon--stroke-navy-50 *:not([cant-change]) {
  stroke: var(--navy-50);
}
.svg-icon--stroke-navy-50 svg:not([cant-change]) {
  stroke: var(--navy-50);
}

.text-amber-xd {
  color: var(--amber-xd) !important;
  fill: var(--amber-xd);
}

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

.svg-icon--amber-xd *:not([cant-change]) {
  fill: var(--amber-xd);
}
.svg-icon--amber-xd svg:not([cant-change]) {
  fill: var(--amber-xd);
}

.svg-icon--stroke-amber-xd *:not([cant-change]) {
  stroke: var(--amber-xd);
}
.svg-icon--stroke-amber-xd svg:not([cant-change]) {
  stroke: var(--amber-xd);
}

.text-amber-d {
  color: var(--amber-d) !important;
  fill: var(--amber-d);
}

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

.svg-icon--amber-d *:not([cant-change]) {
  fill: var(--amber-d);
}
.svg-icon--amber-d svg:not([cant-change]) {
  fill: var(--amber-d);
}

.svg-icon--stroke-amber-d *:not([cant-change]) {
  stroke: var(--amber-d);
}
.svg-icon--stroke-amber-d svg:not([cant-change]) {
  stroke: var(--amber-d);
}

.text-amber-10 {
  color: var(--amber-10) !important;
  fill: var(--amber-10);
}

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

.svg-icon--amber-10 *:not([cant-change]) {
  fill: var(--amber-10);
}
.svg-icon--amber-10 svg:not([cant-change]) {
  fill: var(--amber-10);
}

.svg-icon--stroke-amber-10 *:not([cant-change]) {
  stroke: var(--amber-10);
}
.svg-icon--stroke-amber-10 svg:not([cant-change]) {
  stroke: var(--amber-10);
}

.text-black {
  color: var(--black) !important;
  fill: var(--black);
}

.bg-black {
  background-color: var(--black) !important;
}

.svg-icon--black *:not([cant-change]) {
  fill: var(--black);
}
.svg-icon--black svg:not([cant-change]) {
  fill: var(--black);
}

.svg-icon--stroke-black *:not([cant-change]) {
  stroke: var(--black);
}
.svg-icon--stroke-black svg:not([cant-change]) {
  stroke: var(--black);
}

.text-space-b-xd {
  color: var(--space-b-xd) !important;
  fill: var(--space-b-xd);
}

.bg-space-b-xd {
  background-color: var(--space-b-xd) !important;
}

.svg-icon--space-b-xd *:not([cant-change]) {
  fill: var(--space-b-xd);
}
.svg-icon--space-b-xd svg:not([cant-change]) {
  fill: var(--space-b-xd);
}

.svg-icon--stroke-space-b-xd *:not([cant-change]) {
  stroke: var(--space-b-xd);
}
.svg-icon--stroke-space-b-xd svg:not([cant-change]) {
  stroke: var(--space-b-xd);
}

.text-space-b-d {
  color: var(--space-b-d) !important;
  fill: var(--space-b-d);
}

.bg-space-b-d {
  background-color: var(--space-b-d) !important;
}

.svg-icon--space-b-d *:not([cant-change]) {
  fill: var(--space-b-d);
}
.svg-icon--space-b-d svg:not([cant-change]) {
  fill: var(--space-b-d);
}

.svg-icon--stroke-space-b-d *:not([cant-change]) {
  stroke: var(--space-b-d);
}
.svg-icon--stroke-space-b-d svg:not([cant-change]) {
  stroke: var(--space-b-d);
}

.text-space-b-10 {
  color: var(--space-b-10) !important;
  fill: var(--space-b-10);
}

.bg-space-b-10 {
  background-color: var(--space-b-10) !important;
}

.svg-icon--space-b-10 *:not([cant-change]) {
  fill: var(--space-b-10);
}
.svg-icon--space-b-10 svg:not([cant-change]) {
  fill: var(--space-b-10);
}

.svg-icon--stroke-space-b-10 *:not([cant-change]) {
  stroke: var(--space-b-10);
}
.svg-icon--stroke-space-b-10 svg:not([cant-change]) {
  stroke: var(--space-b-10);
}

.text-space-b-100 {
  color: var(--space-b-100) !important;
  fill: var(--space-b-100);
}

.bg-space-b-100 {
  background-color: var(--space-b-100) !important;
}

.svg-icon--space-b-100 *:not([cant-change]) {
  fill: var(--space-b-100);
}
.svg-icon--space-b-100 svg:not([cant-change]) {
  fill: var(--space-b-100);
}

.svg-icon--stroke-space-b-100 *:not([cant-change]) {
  stroke: var(--space-b-100);
}
.svg-icon--stroke-space-b-100 svg:not([cant-change]) {
  stroke: var(--space-b-100);
}

.text-space-b-70 {
  color: var(--space-b-70) !important;
  fill: var(--space-b-70);
}

.bg-space-b-70 {
  background-color: var(--space-b-70) !important;
}

.svg-icon--space-b-70 *:not([cant-change]) {
  fill: var(--space-b-70);
}
.svg-icon--space-b-70 svg:not([cant-change]) {
  fill: var(--space-b-70);
}

.svg-icon--stroke-space-b-70 *:not([cant-change]) {
  stroke: var(--space-b-70);
}
.svg-icon--stroke-space-b-70 svg:not([cant-change]) {
  stroke: var(--space-b-70);
}

.text-space-b-50 {
  color: var(--space-b-50) !important;
  fill: var(--space-b-50);
}

.bg-space-b-50 {
  background-color: var(--space-b-50) !important;
}

.svg-icon--space-b-50 *:not([cant-change]) {
  fill: var(--space-b-50);
}
.svg-icon--space-b-50 svg:not([cant-change]) {
  fill: var(--space-b-50);
}

.svg-icon--stroke-space-b-50 *:not([cant-change]) {
  stroke: var(--space-b-50);
}
.svg-icon--stroke-space-b-50 svg:not([cant-change]) {
  stroke: var(--space-b-50);
}

.text-space-b-20 {
  color: var(--space-b-20) !important;
  fill: var(--space-b-20);
}

.bg-space-b-20 {
  background-color: var(--space-b-20) !important;
}

.svg-icon--space-b-20 *:not([cant-change]) {
  fill: var(--space-b-20);
}
.svg-icon--space-b-20 svg:not([cant-change]) {
  fill: var(--space-b-20);
}

.svg-icon--stroke-space-b-20 *:not([cant-change]) {
  stroke: var(--space-b-20);
}
.svg-icon--stroke-space-b-20 svg:not([cant-change]) {
  stroke: var(--space-b-20);
}

.text-amber-100 {
  color: var(--amber-100) !important;
  fill: var(--amber-100);
}

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

.svg-icon--amber-100 *:not([cant-change]) {
  fill: var(--amber-100);
}
.svg-icon--amber-100 svg:not([cant-change]) {
  fill: var(--amber-100);
}

.svg-icon--stroke-amber-100 *:not([cant-change]) {
  stroke: var(--amber-100);
}
.svg-icon--stroke-amber-100 svg:not([cant-change]) {
  stroke: var(--amber-100);
}

.text-amber-70 {
  color: var(--amber-70) !important;
  fill: var(--amber-70);
}

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

.svg-icon--amber-70 *:not([cant-change]) {
  fill: var(--amber-70);
}
.svg-icon--amber-70 svg:not([cant-change]) {
  fill: var(--amber-70);
}

.svg-icon--stroke-amber-70 *:not([cant-change]) {
  stroke: var(--amber-70);
}
.svg-icon--stroke-amber-70 svg:not([cant-change]) {
  stroke: var(--amber-70);
}

.text-amber-50 {
  color: var(--amber-50) !important;
  fill: var(--amber-50);
}

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

.svg-icon--amber-50 *:not([cant-change]) {
  fill: var(--amber-50);
}
.svg-icon--amber-50 svg:not([cant-change]) {
  fill: var(--amber-50);
}

.svg-icon--stroke-amber-50 *:not([cant-change]) {
  stroke: var(--amber-50);
}
.svg-icon--stroke-amber-50 svg:not([cant-change]) {
  stroke: var(--amber-50);
}

.text-amber-20 {
  color: var(--amber-20) !important;
  fill: var(--amber-20);
}

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

.svg-icon--amber-20 *:not([cant-change]) {
  fill: var(--amber-20);
}
.svg-icon--amber-20 svg:not([cant-change]) {
  fill: var(--amber-20);
}

.svg-icon--stroke-amber-20 *:not([cant-change]) {
  stroke: var(--amber-20);
}
.svg-icon--stroke-amber-20 svg:not([cant-change]) {
  stroke: var(--amber-20);
}

.text-dark-bg-20 {
  color: var(--dark-bg-20) !important;
  fill: var(--dark-bg-20);
}

.bg-dark-bg-20 {
  background-color: var(--dark-bg-20) !important;
}

.svg-icon--dark-bg-20 *:not([cant-change]) {
  fill: var(--dark-bg-20);
}
.svg-icon--dark-bg-20 svg:not([cant-change]) {
  fill: var(--dark-bg-20);
}

.svg-icon--stroke-dark-bg-20 *:not([cant-change]) {
  stroke: var(--dark-bg-20);
}
.svg-icon--stroke-dark-bg-20 svg:not([cant-change]) {
  stroke: var(--dark-bg-20);
}

.text-dark-bg-30 {
  color: var(--dark-bg-30) !important;
  fill: var(--dark-bg-30);
}

.bg-dark-bg-30 {
  background-color: var(--dark-bg-30) !important;
}

.svg-icon--dark-bg-30 *:not([cant-change]) {
  fill: var(--dark-bg-30);
}
.svg-icon--dark-bg-30 svg:not([cant-change]) {
  fill: var(--dark-bg-30);
}

.svg-icon--stroke-dark-bg-30 *:not([cant-change]) {
  stroke: var(--dark-bg-30);
}
.svg-icon--stroke-dark-bg-30 svg:not([cant-change]) {
  stroke: var(--dark-bg-30);
}

.text-dark-bg-15 {
  color: var(--dark-bg-15) !important;
  fill: var(--dark-bg-15);
}

.bg-dark-bg-15 {
  background-color: var(--dark-bg-15) !important;
}

.svg-icon--dark-bg-15 *:not([cant-change]) {
  fill: var(--dark-bg-15);
}
.svg-icon--dark-bg-15 svg:not([cant-change]) {
  fill: var(--dark-bg-15);
}

.svg-icon--stroke-dark-bg-15 *:not([cant-change]) {
  stroke: var(--dark-bg-15);
}
.svg-icon--stroke-dark-bg-15 svg:not([cant-change]) {
  stroke: var(--dark-bg-15);
}

.text-dark-bg-10 {
  color: var(--dark-bg-10) !important;
  fill: var(--dark-bg-10);
}

.bg-dark-bg-10 {
  background-color: var(--dark-bg-10) !important;
}

.svg-icon--dark-bg-10 *:not([cant-change]) {
  fill: var(--dark-bg-10);
}
.svg-icon--dark-bg-10 svg:not([cant-change]) {
  fill: var(--dark-bg-10);
}

.svg-icon--stroke-dark-bg-10 *:not([cant-change]) {
  stroke: var(--dark-bg-10);
}
.svg-icon--stroke-dark-bg-10 svg:not([cant-change]) {
  stroke: var(--dark-bg-10);
}

.text-off-white-20 {
  color: var(--off-white-20) !important;
  fill: var(--off-white-20);
}

.bg-off-white-20 {
  background-color: var(--off-white-20) !important;
}

.svg-icon--off-white-20 *:not([cant-change]) {
  fill: var(--off-white-20);
}
.svg-icon--off-white-20 svg:not([cant-change]) {
  fill: var(--off-white-20);
}

.svg-icon--stroke-off-white-20 *:not([cant-change]) {
  stroke: var(--off-white-20);
}
.svg-icon--stroke-off-white-20 svg:not([cant-change]) {
  stroke: var(--off-white-20);
}

.text-off-white-10 {
  color: var(--off-white-10) !important;
  fill: var(--off-white-10);
}

.bg-off-white-10 {
  background-color: var(--off-white-10) !important;
}

.svg-icon--off-white-10 *:not([cant-change]) {
  fill: var(--off-white-10);
}
.svg-icon--off-white-10 svg:not([cant-change]) {
  fill: var(--off-white-10);
}

.svg-icon--stroke-off-white-10 *:not([cant-change]) {
  stroke: var(--off-white-10);
}
.svg-icon--stroke-off-white-10 svg:not([cant-change]) {
  stroke: var(--off-white-10);
}

.text-extra-off-white {
  color: var(--extra-off-white) !important;
  fill: var(--extra-off-white);
}

.bg-extra-off-white {
  background-color: var(--extra-off-white) !important;
}

.svg-icon--extra-off-white *:not([cant-change]) {
  fill: var(--extra-off-white);
}
.svg-icon--extra-off-white svg:not([cant-change]) {
  fill: var(--extra-off-white);
}

.svg-icon--stroke-extra-off-white *:not([cant-change]) {
  stroke: var(--extra-off-white);
}
.svg-icon--stroke-extra-off-white svg:not([cant-change]) {
  stroke: var(--extra-off-white);
}

.text-teal-white-20 {
  color: var(--teal-white-20) !important;
  fill: var(--teal-white-20);
}

.bg-teal-white-20 {
  background-color: var(--teal-white-20) !important;
}

.svg-icon--teal-white-20 *:not([cant-change]) {
  fill: var(--teal-white-20);
}
.svg-icon--teal-white-20 svg:not([cant-change]) {
  fill: var(--teal-white-20);
}

.svg-icon--stroke-teal-white-20 *:not([cant-change]) {
  stroke: var(--teal-white-20);
}
.svg-icon--stroke-teal-white-20 svg:not([cant-change]) {
  stroke: var(--teal-white-20);
}

.text-teal-white-10 {
  color: var(--teal-white-10) !important;
  fill: var(--teal-white-10);
}

.bg-teal-white-10 {
  background-color: var(--teal-white-10) !important;
}

.svg-icon--teal-white-10 *:not([cant-change]) {
  fill: var(--teal-white-10);
}
.svg-icon--teal-white-10 svg:not([cant-change]) {
  fill: var(--teal-white-10);
}

.svg-icon--stroke-teal-white-10 *:not([cant-change]) {
  stroke: var(--teal-white-10);
}
.svg-icon--stroke-teal-white-10 svg:not([cant-change]) {
  stroke: var(--teal-white-10);
}

.text-white {
  color: var(--white) !important;
  fill: var(--white);
}

.bg-white {
  background-color: var(--white) !important;
}

.svg-icon--white *:not([cant-change]) {
  fill: var(--white);
}
.svg-icon--white svg:not([cant-change]) {
  fill: var(--white);
}

.svg-icon--stroke-white *:not([cant-change]) {
  stroke: var(--white);
}
.svg-icon--stroke-white svg:not([cant-change]) {
  stroke: var(--white);
}

.text-white-shadow {
  color: var(--white-shadow) !important;
  fill: var(--white-shadow);
}

.bg-white-shadow {
  background-color: var(--white-shadow) !important;
}

.svg-icon--white-shadow *:not([cant-change]) {
  fill: var(--white-shadow);
}
.svg-icon--white-shadow svg:not([cant-change]) {
  fill: var(--white-shadow);
}

.svg-icon--stroke-white-shadow *:not([cant-change]) {
  stroke: var(--white-shadow);
}
.svg-icon--stroke-white-shadow svg:not([cant-change]) {
  stroke: var(--white-shadow);
}

.text-cool-gray-100 {
  color: var(--cool-gray-100) !important;
  fill: var(--cool-gray-100);
}

.bg-cool-gray-100 {
  background-color: var(--cool-gray-100) !important;
}

.svg-icon--cool-gray-100 *:not([cant-change]) {
  fill: var(--cool-gray-100);
}
.svg-icon--cool-gray-100 svg:not([cant-change]) {
  fill: var(--cool-gray-100);
}

.svg-icon--stroke-cool-gray-100 *:not([cant-change]) {
  stroke: var(--cool-gray-100);
}
.svg-icon--stroke-cool-gray-100 svg:not([cant-change]) {
  stroke: var(--cool-gray-100);
}

.text-cool-gray-90 {
  color: var(--cool-gray-90) !important;
  fill: var(--cool-gray-90);
}

.bg-cool-gray-90 {
  background-color: var(--cool-gray-90) !important;
}

.svg-icon--cool-gray-90 *:not([cant-change]) {
  fill: var(--cool-gray-90);
}
.svg-icon--cool-gray-90 svg:not([cant-change]) {
  fill: var(--cool-gray-90);
}

.svg-icon--stroke-cool-gray-90 *:not([cant-change]) {
  stroke: var(--cool-gray-90);
}
.svg-icon--stroke-cool-gray-90 svg:not([cant-change]) {
  stroke: var(--cool-gray-90);
}

.text-cool-gray-80 {
  color: var(--cool-gray-80) !important;
  fill: var(--cool-gray-80);
}

.bg-cool-gray-80 {
  background-color: var(--cool-gray-80) !important;
}

.svg-icon--cool-gray-80 *:not([cant-change]) {
  fill: var(--cool-gray-80);
}
.svg-icon--cool-gray-80 svg:not([cant-change]) {
  fill: var(--cool-gray-80);
}

.svg-icon--stroke-cool-gray-80 *:not([cant-change]) {
  stroke: var(--cool-gray-80);
}
.svg-icon--stroke-cool-gray-80 svg:not([cant-change]) {
  stroke: var(--cool-gray-80);
}

.text-cool-gray-70 {
  color: var(--cool-gray-70) !important;
  fill: var(--cool-gray-70);
}

.bg-cool-gray-70 {
  background-color: var(--cool-gray-70) !important;
}

.svg-icon--cool-gray-70 *:not([cant-change]) {
  fill: var(--cool-gray-70);
}
.svg-icon--cool-gray-70 svg:not([cant-change]) {
  fill: var(--cool-gray-70);
}

.svg-icon--stroke-cool-gray-70 *:not([cant-change]) {
  stroke: var(--cool-gray-70);
}
.svg-icon--stroke-cool-gray-70 svg:not([cant-change]) {
  stroke: var(--cool-gray-70);
}

.text-cool-gray-60 {
  color: var(--cool-gray-60) !important;
  fill: var(--cool-gray-60);
}

.bg-cool-gray-60 {
  background-color: var(--cool-gray-60) !important;
}

.svg-icon--cool-gray-60 *:not([cant-change]) {
  fill: var(--cool-gray-60);
}
.svg-icon--cool-gray-60 svg:not([cant-change]) {
  fill: var(--cool-gray-60);
}

.svg-icon--stroke-cool-gray-60 *:not([cant-change]) {
  stroke: var(--cool-gray-60);
}
.svg-icon--stroke-cool-gray-60 svg:not([cant-change]) {
  stroke: var(--cool-gray-60);
}

.text-cool-gray-50 {
  color: var(--cool-gray-50) !important;
  fill: var(--cool-gray-50);
}

.bg-cool-gray-50 {
  background-color: var(--cool-gray-50) !important;
}

.svg-icon--cool-gray-50 *:not([cant-change]) {
  fill: var(--cool-gray-50);
}
.svg-icon--cool-gray-50 svg:not([cant-change]) {
  fill: var(--cool-gray-50);
}

.svg-icon--stroke-cool-gray-50 *:not([cant-change]) {
  stroke: var(--cool-gray-50);
}
.svg-icon--stroke-cool-gray-50 svg:not([cant-change]) {
  stroke: var(--cool-gray-50);
}

.text-cool-gray-40 {
  color: var(--cool-gray-40) !important;
  fill: var(--cool-gray-40);
}

.bg-cool-gray-40 {
  background-color: var(--cool-gray-40) !important;
}

.svg-icon--cool-gray-40 *:not([cant-change]) {
  fill: var(--cool-gray-40);
}
.svg-icon--cool-gray-40 svg:not([cant-change]) {
  fill: var(--cool-gray-40);
}

.svg-icon--stroke-cool-gray-40 *:not([cant-change]) {
  stroke: var(--cool-gray-40);
}
.svg-icon--stroke-cool-gray-40 svg:not([cant-change]) {
  stroke: var(--cool-gray-40);
}

.text-cool-gray-30 {
  color: var(--cool-gray-30) !important;
  fill: var(--cool-gray-30);
}

.bg-cool-gray-30 {
  background-color: var(--cool-gray-30) !important;
}

.svg-icon--cool-gray-30 *:not([cant-change]) {
  fill: var(--cool-gray-30);
}
.svg-icon--cool-gray-30 svg:not([cant-change]) {
  fill: var(--cool-gray-30);
}

.svg-icon--stroke-cool-gray-30 *:not([cant-change]) {
  stroke: var(--cool-gray-30);
}
.svg-icon--stroke-cool-gray-30 svg:not([cant-change]) {
  stroke: var(--cool-gray-30);
}

.text-static-light {
  color: var(--static-light) !important;
  fill: var(--static-light);
}

.bg-static-light {
  background-color: var(--static-light) !important;
}

.svg-icon--static-light *:not([cant-change]) {
  fill: var(--static-light);
}
.svg-icon--static-light svg:not([cant-change]) {
  fill: var(--static-light);
}

.svg-icon--stroke-static-light *:not([cant-change]) {
  stroke: var(--static-light);
}
.svg-icon--stroke-static-light svg:not([cant-change]) {
  stroke: var(--static-light);
}

.text-info-100 {
  color: var(--info-100) !important;
  fill: var(--info-100);
}

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

.svg-icon--info-100 *:not([cant-change]) {
  fill: var(--info-100);
}
.svg-icon--info-100 svg:not([cant-change]) {
  fill: var(--info-100);
}

.svg-icon--stroke-info-100 *:not([cant-change]) {
  stroke: var(--info-100);
}
.svg-icon--stroke-info-100 svg:not([cant-change]) {
  stroke: var(--info-100);
}

.text-info-70 {
  color: var(--info-70) !important;
  fill: var(--info-70);
}

.bg-info-70 {
  background-color: var(--info-70) !important;
}

.svg-icon--info-70 *:not([cant-change]) {
  fill: var(--info-70);
}
.svg-icon--info-70 svg:not([cant-change]) {
  fill: var(--info-70);
}

.svg-icon--stroke-info-70 *:not([cant-change]) {
  stroke: var(--info-70);
}
.svg-icon--stroke-info-70 svg:not([cant-change]) {
  stroke: var(--info-70);
}

.text-info-50 {
  color: var(--info-50) !important;
  fill: var(--info-50);
}

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

.svg-icon--info-50 *:not([cant-change]) {
  fill: var(--info-50);
}
.svg-icon--info-50 svg:not([cant-change]) {
  fill: var(--info-50);
}

.svg-icon--stroke-info-50 *:not([cant-change]) {
  stroke: var(--info-50);
}
.svg-icon--stroke-info-50 svg:not([cant-change]) {
  stroke: var(--info-50);
}

.text-info-20 {
  color: var(--info-20) !important;
  fill: var(--info-20);
}

.bg-info-20 {
  background-color: var(--info-20) !important;
}

.svg-icon--info-20 *:not([cant-change]) {
  fill: var(--info-20);
}
.svg-icon--info-20 svg:not([cant-change]) {
  fill: var(--info-20);
}

.svg-icon--stroke-info-20 *:not([cant-change]) {
  stroke: var(--info-20);
}
.svg-icon--stroke-info-20 svg:not([cant-change]) {
  stroke: var(--info-20);
}

.text-success-100 {
  color: var(--success-100) !important;
  fill: var(--success-100);
}

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

.svg-icon--success-100 *:not([cant-change]) {
  fill: var(--success-100);
}
.svg-icon--success-100 svg:not([cant-change]) {
  fill: var(--success-100);
}

.svg-icon--stroke-success-100 *:not([cant-change]) {
  stroke: var(--success-100);
}
.svg-icon--stroke-success-100 svg:not([cant-change]) {
  stroke: var(--success-100);
}

.text-success-70 {
  color: var(--success-70) !important;
  fill: var(--success-70);
}

.bg-success-70 {
  background-color: var(--success-70) !important;
}

.svg-icon--success-70 *:not([cant-change]) {
  fill: var(--success-70);
}
.svg-icon--success-70 svg:not([cant-change]) {
  fill: var(--success-70);
}

.svg-icon--stroke-success-70 *:not([cant-change]) {
  stroke: var(--success-70);
}
.svg-icon--stroke-success-70 svg:not([cant-change]) {
  stroke: var(--success-70);
}

.text-success-50 {
  color: var(--success-50) !important;
  fill: var(--success-50);
}

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

.svg-icon--success-50 *:not([cant-change]) {
  fill: var(--success-50);
}
.svg-icon--success-50 svg:not([cant-change]) {
  fill: var(--success-50);
}

.svg-icon--stroke-success-50 *:not([cant-change]) {
  stroke: var(--success-50);
}
.svg-icon--stroke-success-50 svg:not([cant-change]) {
  stroke: var(--success-50);
}

.text-success-20 {
  color: var(--success-20) !important;
  fill: var(--success-20);
}

.bg-success-20 {
  background-color: var(--success-20) !important;
}

.svg-icon--success-20 *:not([cant-change]) {
  fill: var(--success-20);
}
.svg-icon--success-20 svg:not([cant-change]) {
  fill: var(--success-20);
}

.svg-icon--stroke-success-20 *:not([cant-change]) {
  stroke: var(--success-20);
}
.svg-icon--stroke-success-20 svg:not([cant-change]) {
  stroke: var(--success-20);
}

.text-error-100 {
  color: var(--error-100) !important;
  fill: var(--error-100);
}

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

.svg-icon--error-100 *:not([cant-change]) {
  fill: var(--error-100);
}
.svg-icon--error-100 svg:not([cant-change]) {
  fill: var(--error-100);
}

.svg-icon--stroke-error-100 *:not([cant-change]) {
  stroke: var(--error-100);
}
.svg-icon--stroke-error-100 svg:not([cant-change]) {
  stroke: var(--error-100);
}

.text-error-70 {
  color: var(--error-70) !important;
  fill: var(--error-70);
}

.bg-error-70 {
  background-color: var(--error-70) !important;
}

.svg-icon--error-70 *:not([cant-change]) {
  fill: var(--error-70);
}
.svg-icon--error-70 svg:not([cant-change]) {
  fill: var(--error-70);
}

.svg-icon--stroke-error-70 *:not([cant-change]) {
  stroke: var(--error-70);
}
.svg-icon--stroke-error-70 svg:not([cant-change]) {
  stroke: var(--error-70);
}

.text-error-50 {
  color: var(--error-50) !important;
  fill: var(--error-50);
}

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

.svg-icon--error-50 *:not([cant-change]) {
  fill: var(--error-50);
}
.svg-icon--error-50 svg:not([cant-change]) {
  fill: var(--error-50);
}

.svg-icon--stroke-error-50 *:not([cant-change]) {
  stroke: var(--error-50);
}
.svg-icon--stroke-error-50 svg:not([cant-change]) {
  stroke: var(--error-50);
}

.text-error-20 {
  color: var(--error-20) !important;
  fill: var(--error-20);
}

.bg-error-20 {
  background-color: var(--error-20) !important;
}

.svg-icon--error-20 *:not([cant-change]) {
  fill: var(--error-20);
}
.svg-icon--error-20 svg:not([cant-change]) {
  fill: var(--error-20);
}

.svg-icon--stroke-error-20 *:not([cant-change]) {
  stroke: var(--error-20);
}
.svg-icon--stroke-error-20 svg:not([cant-change]) {
  stroke: var(--error-20);
}

.text-caution-100 {
  color: var(--caution-100) !important;
  fill: var(--caution-100);
}

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

.svg-icon--caution-100 *:not([cant-change]) {
  fill: var(--caution-100);
}
.svg-icon--caution-100 svg:not([cant-change]) {
  fill: var(--caution-100);
}

.svg-icon--stroke-caution-100 *:not([cant-change]) {
  stroke: var(--caution-100);
}
.svg-icon--stroke-caution-100 svg:not([cant-change]) {
  stroke: var(--caution-100);
}

.text-caution-70 {
  color: var(--caution-70) !important;
  fill: var(--caution-70);
}

.bg-caution-70 {
  background-color: var(--caution-70) !important;
}

.svg-icon--caution-70 *:not([cant-change]) {
  fill: var(--caution-70);
}
.svg-icon--caution-70 svg:not([cant-change]) {
  fill: var(--caution-70);
}

.svg-icon--stroke-caution-70 *:not([cant-change]) {
  stroke: var(--caution-70);
}
.svg-icon--stroke-caution-70 svg:not([cant-change]) {
  stroke: var(--caution-70);
}

.text-caution-50 {
  color: var(--caution-50) !important;
  fill: var(--caution-50);
}

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

.svg-icon--caution-50 *:not([cant-change]) {
  fill: var(--caution-50);
}
.svg-icon--caution-50 svg:not([cant-change]) {
  fill: var(--caution-50);
}

.svg-icon--stroke-caution-50 *:not([cant-change]) {
  stroke: var(--caution-50);
}
.svg-icon--stroke-caution-50 svg:not([cant-change]) {
  stroke: var(--caution-50);
}

.text-caution-20 {
  color: var(--caution-20) !important;
  fill: var(--caution-20);
}

.bg-caution-20 {
  background-color: var(--caution-20) !important;
}

.svg-icon--caution-20 *:not([cant-change]) {
  fill: var(--caution-20);
}
.svg-icon--caution-20 svg:not([cant-change]) {
  fill: var(--caution-20);
}

.svg-icon--stroke-caution-20 *:not([cant-change]) {
  stroke: var(--caution-20);
}
.svg-icon--stroke-caution-20 svg:not([cant-change]) {
  stroke: var(--caution-20);
}

.text-mariner-100 {
  color: var(--mariner-100) !important;
  fill: var(--mariner-100);
}

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

.svg-icon--mariner-100 *:not([cant-change]) {
  fill: var(--mariner-100);
}
.svg-icon--mariner-100 svg:not([cant-change]) {
  fill: var(--mariner-100);
}

.svg-icon--stroke-mariner-100 *:not([cant-change]) {
  stroke: var(--mariner-100);
}
.svg-icon--stroke-mariner-100 svg:not([cant-change]) {
  stroke: var(--mariner-100);
}

.text-mariner-50 {
  color: var(--mariner-50) !important;
  fill: var(--mariner-50);
}

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

.svg-icon--mariner-50 *:not([cant-change]) {
  fill: var(--mariner-50);
}
.svg-icon--mariner-50 svg:not([cant-change]) {
  fill: var(--mariner-50);
}

.svg-icon--stroke-mariner-50 *:not([cant-change]) {
  stroke: var(--mariner-50);
}
.svg-icon--stroke-mariner-50 svg:not([cant-change]) {
  stroke: var(--mariner-50);
}

.text-mariner-20 {
  color: var(--mariner-20) !important;
  fill: var(--mariner-20);
}

.bg-mariner-20 {
  background-color: var(--mariner-20) !important;
}

.svg-icon--mariner-20 *:not([cant-change]) {
  fill: var(--mariner-20);
}
.svg-icon--mariner-20 svg:not([cant-change]) {
  fill: var(--mariner-20);
}

.svg-icon--stroke-mariner-20 *:not([cant-change]) {
  stroke: var(--mariner-20);
}
.svg-icon--stroke-mariner-20 svg:not([cant-change]) {
  stroke: var(--mariner-20);
}

.text-casper-100 {
  color: var(--casper-100) !important;
  fill: var(--casper-100);
}

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

.svg-icon--casper-100 *:not([cant-change]) {
  fill: var(--casper-100);
}
.svg-icon--casper-100 svg:not([cant-change]) {
  fill: var(--casper-100);
}

.svg-icon--stroke-casper-100 *:not([cant-change]) {
  stroke: var(--casper-100);
}
.svg-icon--stroke-casper-100 svg:not([cant-change]) {
  stroke: var(--casper-100);
}

.text-casper-50 {
  color: var(--casper-50) !important;
  fill: var(--casper-50);
}

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

.svg-icon--casper-50 *:not([cant-change]) {
  fill: var(--casper-50);
}
.svg-icon--casper-50 svg:not([cant-change]) {
  fill: var(--casper-50);
}

.svg-icon--stroke-casper-50 *:not([cant-change]) {
  stroke: var(--casper-50);
}
.svg-icon--stroke-casper-50 svg:not([cant-change]) {
  stroke: var(--casper-50);
}

.text-casper-20 {
  color: var(--casper-20) !important;
  fill: var(--casper-20);
}

.bg-casper-20 {
  background-color: var(--casper-20) !important;
}

.svg-icon--casper-20 *:not([cant-change]) {
  fill: var(--casper-20);
}
.svg-icon--casper-20 svg:not([cant-change]) {
  fill: var(--casper-20);
}

.svg-icon--stroke-casper-20 *:not([cant-change]) {
  stroke: var(--casper-20);
}
.svg-icon--stroke-casper-20 svg:not([cant-change]) {
  stroke: var(--casper-20);
}

.text-casper-10 {
  color: var(--casper-10) !important;
  fill: var(--casper-10);
}

.bg-casper-10 {
  background-color: var(--casper-10) !important;
}

.svg-icon--casper-10 *:not([cant-change]) {
  fill: var(--casper-10);
}
.svg-icon--casper-10 svg:not([cant-change]) {
  fill: var(--casper-10);
}

.svg-icon--stroke-casper-10 *:not([cant-change]) {
  stroke: var(--casper-10);
}
.svg-icon--stroke-casper-10 svg:not([cant-change]) {
  stroke: var(--casper-10);
}

.text-lime-100 {
  color: var(--lime-100) !important;
  fill: var(--lime-100);
}

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

.svg-icon--lime-100 *:not([cant-change]) {
  fill: var(--lime-100);
}
.svg-icon--lime-100 svg:not([cant-change]) {
  fill: var(--lime-100);
}

.svg-icon--stroke-lime-100 *:not([cant-change]) {
  stroke: var(--lime-100);
}
.svg-icon--stroke-lime-100 svg:not([cant-change]) {
  stroke: var(--lime-100);
}

.text-lime-50 {
  color: var(--lime-50) !important;
  fill: var(--lime-50);
}

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

.svg-icon--lime-50 *:not([cant-change]) {
  fill: var(--lime-50);
}
.svg-icon--lime-50 svg:not([cant-change]) {
  fill: var(--lime-50);
}

.svg-icon--stroke-lime-50 *:not([cant-change]) {
  stroke: var(--lime-50);
}
.svg-icon--stroke-lime-50 svg:not([cant-change]) {
  stroke: var(--lime-50);
}

.text-lime-20 {
  color: var(--lime-20) !important;
  fill: var(--lime-20);
}

.bg-lime-20 {
  background-color: var(--lime-20) !important;
}

.svg-icon--lime-20 *:not([cant-change]) {
  fill: var(--lime-20);
}
.svg-icon--lime-20 svg:not([cant-change]) {
  fill: var(--lime-20);
}

.svg-icon--stroke-lime-20 *:not([cant-change]) {
  stroke: var(--lime-20);
}
.svg-icon--stroke-lime-20 svg:not([cant-change]) {
  stroke: var(--lime-20);
}

.text-orchid-100 {
  color: var(--orchid-100) !important;
  fill: var(--orchid-100);
}

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

.svg-icon--orchid-100 *:not([cant-change]) {
  fill: var(--orchid-100);
}
.svg-icon--orchid-100 svg:not([cant-change]) {
  fill: var(--orchid-100);
}

.svg-icon--stroke-orchid-100 *:not([cant-change]) {
  stroke: var(--orchid-100);
}
.svg-icon--stroke-orchid-100 svg:not([cant-change]) {
  stroke: var(--orchid-100);
}

.text-orchid-50 {
  color: var(--orchid-50) !important;
  fill: var(--orchid-50);
}

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

.svg-icon--orchid-50 *:not([cant-change]) {
  fill: var(--orchid-50);
}
.svg-icon--orchid-50 svg:not([cant-change]) {
  fill: var(--orchid-50);
}

.svg-icon--stroke-orchid-50 *:not([cant-change]) {
  stroke: var(--orchid-50);
}
.svg-icon--stroke-orchid-50 svg:not([cant-change]) {
  stroke: var(--orchid-50);
}

.text-orchid-20 {
  color: var(--orchid-20) !important;
  fill: var(--orchid-20);
}

.bg-orchid-20 {
  background-color: var(--orchid-20) !important;
}

.svg-icon--orchid-20 *:not([cant-change]) {
  fill: var(--orchid-20);
}
.svg-icon--orchid-20 svg:not([cant-change]) {
  fill: var(--orchid-20);
}

.svg-icon--stroke-orchid-20 *:not([cant-change]) {
  stroke: var(--orchid-20);
}
.svg-icon--stroke-orchid-20 svg:not([cant-change]) {
  stroke: var(--orchid-20);
}

.text-canary-100 {
  color: var(--canary-100) !important;
  fill: var(--canary-100);
}

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

.svg-icon--canary-100 *:not([cant-change]) {
  fill: var(--canary-100);
}
.svg-icon--canary-100 svg:not([cant-change]) {
  fill: var(--canary-100);
}

.svg-icon--stroke-canary-100 *:not([cant-change]) {
  stroke: var(--canary-100);
}
.svg-icon--stroke-canary-100 svg:not([cant-change]) {
  stroke: var(--canary-100);
}

.text-canary-50 {
  color: var(--canary-50) !important;
  fill: var(--canary-50);
}

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

.svg-icon--canary-50 *:not([cant-change]) {
  fill: var(--canary-50);
}
.svg-icon--canary-50 svg:not([cant-change]) {
  fill: var(--canary-50);
}

.svg-icon--stroke-canary-50 *:not([cant-change]) {
  stroke: var(--canary-50);
}
.svg-icon--stroke-canary-50 svg:not([cant-change]) {
  stroke: var(--canary-50);
}

.text-canary-20 {
  color: var(--canary-20) !important;
  fill: var(--canary-20);
}

.bg-canary-20 {
  background-color: var(--canary-20) !important;
}

.svg-icon--canary-20 *:not([cant-change]) {
  fill: var(--canary-20);
}
.svg-icon--canary-20 svg:not([cant-change]) {
  fill: var(--canary-20);
}

.svg-icon--stroke-canary-20 *:not([cant-change]) {
  stroke: var(--canary-20);
}
.svg-icon--stroke-canary-20 svg:not([cant-change]) {
  stroke: var(--canary-20);
}

.text-rose-100 {
  color: var(--rose-100) !important;
  fill: var(--rose-100);
}

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

.svg-icon--rose-100 *:not([cant-change]) {
  fill: var(--rose-100);
}
.svg-icon--rose-100 svg:not([cant-change]) {
  fill: var(--rose-100);
}

.svg-icon--stroke-rose-100 *:not([cant-change]) {
  stroke: var(--rose-100);
}
.svg-icon--stroke-rose-100 svg:not([cant-change]) {
  stroke: var(--rose-100);
}

.text-rose-50 {
  color: var(--rose-50) !important;
  fill: var(--rose-50);
}

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

.svg-icon--rose-50 *:not([cant-change]) {
  fill: var(--rose-50);
}
.svg-icon--rose-50 svg:not([cant-change]) {
  fill: var(--rose-50);
}

.svg-icon--stroke-rose-50 *:not([cant-change]) {
  stroke: var(--rose-50);
}
.svg-icon--stroke-rose-50 svg:not([cant-change]) {
  stroke: var(--rose-50);
}

.text-rose-20 {
  color: var(--rose-20) !important;
  fill: var(--rose-20);
}

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

.svg-icon--rose-20 *:not([cant-change]) {
  fill: var(--rose-20);
}
.svg-icon--rose-20 svg:not([cant-change]) {
  fill: var(--rose-20);
}

.svg-icon--stroke-rose-20 *:not([cant-change]) {
  stroke: var(--rose-20);
}
.svg-icon--stroke-rose-20 svg:not([cant-change]) {
  stroke: var(--rose-20);
}

.text-rajah-100-dark {
  color: var(--rajah-100-dark) !important;
  fill: var(--rajah-100-dark);
}

.bg-rajah-100-dark {
  background-color: var(--rajah-100-dark) !important;
}

.svg-icon--rajah-100-dark *:not([cant-change]) {
  fill: var(--rajah-100-dark);
}
.svg-icon--rajah-100-dark svg:not([cant-change]) {
  fill: var(--rajah-100-dark);
}

.svg-icon--stroke-rajah-100-dark *:not([cant-change]) {
  stroke: var(--rajah-100-dark);
}
.svg-icon--stroke-rajah-100-dark svg:not([cant-change]) {
  stroke: var(--rajah-100-dark);
}

.text-rajah-100 {
  color: var(--rajah-100) !important;
  fill: var(--rajah-100);
}

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

.svg-icon--rajah-100 *:not([cant-change]) {
  fill: var(--rajah-100);
}
.svg-icon--rajah-100 svg:not([cant-change]) {
  fill: var(--rajah-100);
}

.svg-icon--stroke-rajah-100 *:not([cant-change]) {
  stroke: var(--rajah-100);
}
.svg-icon--stroke-rajah-100 svg:not([cant-change]) {
  stroke: var(--rajah-100);
}

.text-rajah-50 {
  color: var(--rajah-50) !important;
  fill: var(--rajah-50);
}

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

.svg-icon--rajah-50 *:not([cant-change]) {
  fill: var(--rajah-50);
}
.svg-icon--rajah-50 svg:not([cant-change]) {
  fill: var(--rajah-50);
}

.svg-icon--stroke-rajah-50 *:not([cant-change]) {
  stroke: var(--rajah-50);
}
.svg-icon--stroke-rajah-50 svg:not([cant-change]) {
  stroke: var(--rajah-50);
}

.text-rajah-20 {
  color: var(--rajah-20) !important;
  fill: var(--rajah-20);
}

.bg-rajah-20 {
  background-color: var(--rajah-20) !important;
}

.svg-icon--rajah-20 *:not([cant-change]) {
  fill: var(--rajah-20);
}
.svg-icon--rajah-20 svg:not([cant-change]) {
  fill: var(--rajah-20);
}

.svg-icon--stroke-rajah-20 *:not([cant-change]) {
  stroke: var(--rajah-20);
}
.svg-icon--stroke-rajah-20 svg:not([cant-change]) {
  stroke: var(--rajah-20);
}

.text-burgundy-100 {
  color: var(--burgundy-100) !important;
  fill: var(--burgundy-100);
}

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

.svg-icon--burgundy-100 *:not([cant-change]) {
  fill: var(--burgundy-100);
}
.svg-icon--burgundy-100 svg:not([cant-change]) {
  fill: var(--burgundy-100);
}

.svg-icon--stroke-burgundy-100 *:not([cant-change]) {
  stroke: var(--burgundy-100);
}
.svg-icon--stroke-burgundy-100 svg:not([cant-change]) {
  stroke: var(--burgundy-100);
}

.text-burgundy-50 {
  color: var(--burgundy-50) !important;
  fill: var(--burgundy-50);
}

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

.svg-icon--burgundy-50 *:not([cant-change]) {
  fill: var(--burgundy-50);
}
.svg-icon--burgundy-50 svg:not([cant-change]) {
  fill: var(--burgundy-50);
}

.svg-icon--stroke-burgundy-50 *:not([cant-change]) {
  stroke: var(--burgundy-50);
}
.svg-icon--stroke-burgundy-50 svg:not([cant-change]) {
  stroke: var(--burgundy-50);
}

.text-burgundy-20 {
  color: var(--burgundy-20) !important;
  fill: var(--burgundy-20);
}

.bg-burgundy-20 {
  background-color: var(--burgundy-20) !important;
}

.svg-icon--burgundy-20 *:not([cant-change]) {
  fill: var(--burgundy-20);
}
.svg-icon--burgundy-20 svg:not([cant-change]) {
  fill: var(--burgundy-20);
}

.svg-icon--stroke-burgundy-20 *:not([cant-change]) {
  stroke: var(--burgundy-20);
}
.svg-icon--stroke-burgundy-20 svg:not([cant-change]) {
  stroke: var(--burgundy-20);
}

.text-turquoise-100 {
  color: var(--turquoise-100) !important;
  fill: var(--turquoise-100);
}

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

.svg-icon--turquoise-100 *:not([cant-change]) {
  fill: var(--turquoise-100);
}
.svg-icon--turquoise-100 svg:not([cant-change]) {
  fill: var(--turquoise-100);
}

.svg-icon--stroke-turquoise-100 *:not([cant-change]) {
  stroke: var(--turquoise-100);
}
.svg-icon--stroke-turquoise-100 svg:not([cant-change]) {
  stroke: var(--turquoise-100);
}

.text-turquoise-50 {
  color: var(--turquoise-50) !important;
  fill: var(--turquoise-50);
}

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

.svg-icon--turquoise-50 *:not([cant-change]) {
  fill: var(--turquoise-50);
}
.svg-icon--turquoise-50 svg:not([cant-change]) {
  fill: var(--turquoise-50);
}

.svg-icon--stroke-turquoise-50 *:not([cant-change]) {
  stroke: var(--turquoise-50);
}
.svg-icon--stroke-turquoise-50 svg:not([cant-change]) {
  stroke: var(--turquoise-50);
}

.text-turquoise-20 {
  color: var(--turquoise-20) !important;
  fill: var(--turquoise-20);
}

.bg-turquoise-20 {
  background-color: var(--turquoise-20) !important;
}

.svg-icon--turquoise-20 *:not([cant-change]) {
  fill: var(--turquoise-20);
}
.svg-icon--turquoise-20 svg:not([cant-change]) {
  fill: var(--turquoise-20);
}

.svg-icon--stroke-turquoise-20 *:not([cant-change]) {
  stroke: var(--turquoise-20);
}
.svg-icon--stroke-turquoise-20 svg:not([cant-change]) {
  stroke: var(--turquoise-20);
}

.text-olive-100 {
  color: var(--olive-100) !important;
  fill: var(--olive-100);
}

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

.svg-icon--olive-100 *:not([cant-change]) {
  fill: var(--olive-100);
}
.svg-icon--olive-100 svg:not([cant-change]) {
  fill: var(--olive-100);
}

.svg-icon--stroke-olive-100 *:not([cant-change]) {
  stroke: var(--olive-100);
}
.svg-icon--stroke-olive-100 svg:not([cant-change]) {
  stroke: var(--olive-100);
}

.text-olive-50 {
  color: var(--olive-50) !important;
  fill: var(--olive-50);
}

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

.svg-icon--olive-50 *:not([cant-change]) {
  fill: var(--olive-50);
}
.svg-icon--olive-50 svg:not([cant-change]) {
  fill: var(--olive-50);
}

.svg-icon--stroke-olive-50 *:not([cant-change]) {
  stroke: var(--olive-50);
}
.svg-icon--stroke-olive-50 svg:not([cant-change]) {
  stroke: var(--olive-50);
}

.text-olive-20 {
  color: var(--olive-20) !important;
  fill: var(--olive-20);
}

.bg-olive-20 {
  background-color: var(--olive-20) !important;
}

.svg-icon--olive-20 *:not([cant-change]) {
  fill: var(--olive-20);
}
.svg-icon--olive-20 svg:not([cant-change]) {
  fill: var(--olive-20);
}

.svg-icon--stroke-olive-20 *:not([cant-change]) {
  stroke: var(--olive-20);
}
.svg-icon--stroke-olive-20 svg:not([cant-change]) {
  stroke: var(--olive-20);
}

.text-blue-gray-100 {
  color: var(--blue-gray-100) !important;
  fill: var(--blue-gray-100);
}

.bg-blue-gray-100 {
  background-color: var(--blue-gray-100) !important;
}

.svg-icon--blue-gray-100 *:not([cant-change]) {
  fill: var(--blue-gray-100);
}
.svg-icon--blue-gray-100 svg:not([cant-change]) {
  fill: var(--blue-gray-100);
}

.svg-icon--stroke-blue-gray-100 *:not([cant-change]) {
  stroke: var(--blue-gray-100);
}
.svg-icon--stroke-blue-gray-100 svg:not([cant-change]) {
  stroke: var(--blue-gray-100);
}

.text-neon-blue-100 {
  color: var(--neon-blue-100) !important;
  fill: var(--neon-blue-100);
}

.bg-neon-blue-100 {
  background-color: var(--neon-blue-100) !important;
}

.svg-icon--neon-blue-100 *:not([cant-change]) {
  fill: var(--neon-blue-100);
}
.svg-icon--neon-blue-100 svg:not([cant-change]) {
  fill: var(--neon-blue-100);
}

.svg-icon--stroke-neon-blue-100 *:not([cant-change]) {
  stroke: var(--neon-blue-100);
}
.svg-icon--stroke-neon-blue-100 svg:not([cant-change]) {
  stroke: var(--neon-blue-100);
}

.text-neon-blue-50 {
  color: var(--neon-blue-50) !important;
  fill: var(--neon-blue-50);
}

.bg-neon-blue-50 {
  background-color: var(--neon-blue-50) !important;
}

.svg-icon--neon-blue-50 *:not([cant-change]) {
  fill: var(--neon-blue-50);
}
.svg-icon--neon-blue-50 svg:not([cant-change]) {
  fill: var(--neon-blue-50);
}

.svg-icon--stroke-neon-blue-50 *:not([cant-change]) {
  stroke: var(--neon-blue-50);
}
.svg-icon--stroke-neon-blue-50 svg:not([cant-change]) {
  stroke: var(--neon-blue-50);
}

.text-neon-blue-20 {
  color: var(--neon-blue-20) !important;
  fill: var(--neon-blue-20);
}

.bg-neon-blue-20 {
  background-color: var(--neon-blue-20) !important;
}

.svg-icon--neon-blue-20 *:not([cant-change]) {
  fill: var(--neon-blue-20);
}
.svg-icon--neon-blue-20 svg:not([cant-change]) {
  fill: var(--neon-blue-20);
}

.svg-icon--stroke-neon-blue-20 *:not([cant-change]) {
  stroke: var(--neon-blue-20);
}
.svg-icon--stroke-neon-blue-20 svg:not([cant-change]) {
  stroke: var(--neon-blue-20);
}

.svg-icon--inherit *:not([cant-change]) {
  fill: currentColor;
}
.svg-icon--inherit svg:not([cant-change]) {
  fill: currentColor;
}

.svg-icon--stroke-inherit *:not([cant-change]) {
  stroke: currentColor;
}
.svg-icon--stroke-inherit svg:not([cant-change]) {
  stroke: currentColor;
}

.gap-auto {
  gap: auto;
}

.gap-row-auto {
  row-gap: auto;
}

.gap-col-auto {
  column-gap: auto;
}

.gap-none {
  gap: 0;
}

.gap-row-none {
  row-gap: 0;
}

.gap-col-none {
  column-gap: 0;
}

.gap-xs {
  gap: 4px;
}

.gap-row-xs {
  row-gap: 4px;
}

.gap-col-xs {
  column-gap: 4px;
}

.gap-sm {
  gap: 8px;
}

.gap-row-sm {
  row-gap: 8px;
}

.gap-col-sm {
  column-gap: 8px;
}

.gap-md {
  gap: 16px;
}

.gap-row-md {
  row-gap: 16px;
}

.gap-col-md {
  column-gap: 16px;
}

.gap-lg {
  gap: 24px;
}

.gap-row-lg {
  row-gap: 24px;
}

.gap-col-lg {
  column-gap: 24px;
}

.gap-xl {
  gap: 32px;
}

.gap-row-xl {
  row-gap: 32px;
}

.gap-col-xl {
  column-gap: 32px;
}

.gap-40 {
  gap: 40px;
}

.gap-row-40 {
  row-gap: 40px;
}

.gap-col-40 {
  column-gap: 40px;
}

.gap-48 {
  gap: 48px;
}

.gap-row-48 {
  row-gap: 48px;
}

.gap-col-48 {
  column-gap: 48px;
}

.gap-56 {
  gap: 56px;
}

.gap-row-56 {
  row-gap: 56px;
}

.gap-col-56 {
  column-gap: 56px;
}

.gap-64 {
  gap: 64px;
}

.gap-row-64 {
  row-gap: 64px;
}

.gap-col-64 {
  column-gap: 64px;
}

.gap-72 {
  gap: 72px;
}

.gap-row-72 {
  row-gap: 72px;
}

.gap-col-72 {
  column-gap: 72px;
}

.gap-12 {
  gap: 12px;
}

.gap-row-12 {
  row-gap: 12px;
}

.gap-col-12 {
  column-gap: 12px;
}

.gap-20 {
  gap: 20px;
}

.gap-row-20 {
  row-gap: 20px;
}

.gap-col-20 {
  column-gap: 20px;
}

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

.rounded-4 {
  border-radius: 4px;
}

.rounded-8 {
  border-radius: 8px;
}

.rounded-12 {
  border-radius: 12px;
}

.rounded-16 {
  border-radius: 16px;
}

.rounded-20 {
  border-radius: 20px;
}

.rounded-24 {
  border-radius: 24px;
}

.rounded-32 {
  border-radius: 32px;
}

.rounded-48 {
  border-radius: 48px;
}

.rounded-56 {
  border-radius: 56px;
}

@media only screen and (max-width: 360px) {
  .gap-xs-auto {
    gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-auto {
    row-gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-auto {
    column-gap: auto;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-none {
    gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-none {
    row-gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-none {
    column-gap: 0;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-xs {
    gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-xs {
    row-gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-xs {
    column-gap: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-sm {
    gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-sm {
    row-gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-sm {
    column-gap: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-md {
    gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-md {
    row-gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-md {
    column-gap: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-lg {
    gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-lg {
    row-gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-lg {
    column-gap: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-xl {
    gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-xl {
    row-gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-xl {
    column-gap: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-40 {
    gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-40 {
    row-gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-40 {
    column-gap: 40px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-48 {
    gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-48 {
    row-gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-48 {
    column-gap: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-56 {
    gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-56 {
    row-gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-56 {
    column-gap: 56px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-64 {
    gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-64 {
    row-gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-64 {
    column-gap: 64px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-72 {
    gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-72 {
    row-gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-72 {
    column-gap: 72px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-12 {
    gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-12 {
    row-gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-12 {
    column-gap: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-xs-20 {
    gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-row-xs-20 {
    row-gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .gap-col-xs-20 {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-circle {
    border-radius: 50%;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-4 {
    border-radius: 4px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-8 {
    border-radius: 8px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-12 {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-16 {
    border-radius: 16px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-20 {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-24 {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-32 {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-48 {
    border-radius: 48px;
  }
}

@media only screen and (max-width: 360px) {
  .rounded-xs-56 {
    border-radius: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-auto {
    gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-auto {
    row-gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-auto {
    column-gap: auto;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-none {
    gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-none {
    row-gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-none {
    column-gap: 0;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-xs {
    gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-xs {
    row-gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-xs {
    column-gap: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-sm {
    gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-sm {
    row-gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-sm {
    column-gap: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-md {
    gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-md {
    row-gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-md {
    column-gap: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-lg {
    gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-lg {
    row-gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-lg {
    column-gap: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-xl {
    gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-xl {
    row-gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-xl {
    column-gap: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-40 {
    gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-40 {
    row-gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-40 {
    column-gap: 40px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-48 {
    gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-48 {
    row-gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-48 {
    column-gap: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-56 {
    gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-56 {
    row-gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-56 {
    column-gap: 56px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-64 {
    gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-64 {
    row-gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-64 {
    column-gap: 64px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-72 {
    gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-72 {
    row-gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-72 {
    column-gap: 72px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-12 {
    gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-12 {
    row-gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-12 {
    column-gap: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-sm-20 {
    gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-row-sm-20 {
    row-gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .gap-col-sm-20 {
    column-gap: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-circle {
    border-radius: 50%;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-4 {
    border-radius: 4px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-8 {
    border-radius: 8px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-12 {
    border-radius: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-16 {
    border-radius: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-20 {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-24 {
    border-radius: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-32 {
    border-radius: 32px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-48 {
    border-radius: 48px;
  }
}

@media only screen and (max-width: 599px) {
  .rounded-sm-56 {
    border-radius: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-md-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-row-md-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .gap-col-md-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  .rounded-md-56 {
    border-radius: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-lg-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-row-lg-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .gap-col-lg-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1440px) {
  .rounded-lg-56 {
    border-radius: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-auto {
    gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-auto {
    row-gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-auto {
    column-gap: auto;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-none {
    gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-none {
    row-gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-none {
    column-gap: 0;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-xs {
    gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-xs {
    row-gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-xs {
    column-gap: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-sm {
    gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-sm {
    row-gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-sm {
    column-gap: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-md {
    gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-md {
    row-gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-md {
    column-gap: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-lg {
    gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-lg {
    row-gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-lg {
    column-gap: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-xl {
    gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-xl {
    row-gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-xl {
    column-gap: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-40 {
    gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-40 {
    row-gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-40 {
    column-gap: 40px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-48 {
    gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-48 {
    row-gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-48 {
    column-gap: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-56 {
    gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-56 {
    row-gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-56 {
    column-gap: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-64 {
    gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-64 {
    row-gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-64 {
    column-gap: 64px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-72 {
    gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-72 {
    row-gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-72 {
    column-gap: 72px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-12 {
    gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-12 {
    row-gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-12 {
    column-gap: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-xl-20 {
    gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-row-xl-20 {
    row-gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .gap-col-xl-20 {
    column-gap: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-circle {
    border-radius: 50%;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-4 {
    border-radius: 4px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-8 {
    border-radius: 8px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-12 {
    border-radius: 12px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-16 {
    border-radius: 16px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-20 {
    border-radius: 20px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-24 {
    border-radius: 24px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-32 {
    border-radius: 32px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-48 {
    border-radius: 48px;
  }
}

@media only screen and (min-width: 1920px) {
  .rounded-xl-56 {
    border-radius: 56px;
  }
}

.fw-normal {
  font-weight: normal;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-10px {
  font-size: 0.625rem;
}

.fs-11px {
  font-size: 0.6875rem;
}

.fs-13px {
  font-size: 0.8125rem;
}

.fs-15px {
  font-size: 0.9375rem;
}

.fs-17px {
  font-size: 1.0625rem;
}

.fs-19px {
  font-size: 1.1875rem;
}

.fs-20px {
  font-size: 1.25rem;
}

.fs-23px {
  font-size: 1.4375rem;
}

.fs-28px {
  font-size: 1.75rem;
}

.fs-33px {
  font-size: 2.0625rem;
}

.fs-40px {
  font-size: 2.5rem;
}

.fs-46px {
  font-size: 2.875rem;
}

.fs-58px {
  font-size: 3.625rem;
}

.fs-70px {
  font-size: 4.375rem;
}

.fs-93px {
  font-size: 5.8125rem;
}

@media only screen and (max-width: 360px) {
  .fs-xs-10px {
    font-size: 0.625rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-11px {
    font-size: 0.6875rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-13px {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-15px {
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-17px {
    font-size: 1.0625rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-19px {
    font-size: 1.1875rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-20px {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-23px {
    font-size: 1.4375rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-28px {
    font-size: 1.75rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-33px {
    font-size: 2.0625rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-40px {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-46px {
    font-size: 2.875rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-58px {
    font-size: 3.625rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-70px {
    font-size: 4.375rem;
  }
}

@media only screen and (max-width: 360px) {
  .fs-xs-93px {
    font-size: 5.8125rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-10px {
    font-size: 0.625rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-11px {
    font-size: 0.6875rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-13px {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-15px {
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-17px {
    font-size: 1.0625rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-19px {
    font-size: 1.1875rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-20px {
    font-size: 1.25rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-23px {
    font-size: 1.4375rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-28px {
    font-size: 1.75rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-33px {
    font-size: 2.0625rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-40px {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-46px {
    font-size: 2.875rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-58px {
    font-size: 3.625rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-70px {
    font-size: 4.375rem;
  }
}

@media only screen and (max-width: 599px) {
  .fs-sm-93px {
    font-size: 5.8125rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-10px {
    font-size: 0.625rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-11px {
    font-size: 0.6875rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-13px {
    font-size: 0.8125rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-15px {
    font-size: 0.9375rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-17px {
    font-size: 1.0625rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-19px {
    font-size: 1.1875rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-20px {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-23px {
    font-size: 1.4375rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-28px {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-33px {
    font-size: 2.0625rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-40px {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-46px {
    font-size: 2.875rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-58px {
    font-size: 3.625rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-70px {
    font-size: 4.375rem;
  }
}

@media only screen and (min-width: 1024px) {
  .fs-md-93px {
    font-size: 5.8125rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-10px {
    font-size: 0.625rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-11px {
    font-size: 0.6875rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-13px {
    font-size: 0.8125rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-15px {
    font-size: 0.9375rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-17px {
    font-size: 1.0625rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-19px {
    font-size: 1.1875rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-20px {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-23px {
    font-size: 1.4375rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-28px {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-33px {
    font-size: 2.0625rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-40px {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-46px {
    font-size: 2.875rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-58px {
    font-size: 3.625rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-70px {
    font-size: 4.375rem;
  }
}

@media only screen and (min-width: 1440px) {
  .fs-lg-93px {
    font-size: 5.8125rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-10px {
    font-size: 0.625rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-11px {
    font-size: 0.6875rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-13px {
    font-size: 0.8125rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-15px {
    font-size: 0.9375rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-17px {
    font-size: 1.0625rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-19px {
    font-size: 1.1875rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-20px {
    font-size: 1.25rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-23px {
    font-size: 1.4375rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-28px {
    font-size: 1.75rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-33px {
    font-size: 2.0625rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-40px {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-46px {
    font-size: 2.875rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-58px {
    font-size: 3.625rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-70px {
    font-size: 4.375rem;
  }
}

@media only screen and (min-width: 1920px) {
  .fs-xl-93px {
    font-size: 5.8125rem;
  }
}

.flex-1 {
  flex: 1;
}

.high-zIndex {
  z-index: 999999999;
}

.text-decoration-none {
  text-decoration: none;
}

.list-style-type-none {
  list-style-type: none;
}

.list-style-position-inside {
  list-style-position: inside;
}

.transition {
  transition: 0.3s ease;
}

.container {
  width: 100%;
  max-width: 1150px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
}

.custom-scrollbar::-webkit-scrollbar {
  -webkit-appearance: none;
}
.custom-scrollbar::-webkit-scrollbar:vertical {
  width: 7px;
}
.custom-scrollbar::-webkit-scrollbar:horizontal {
  height: 7px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #DBE2EA;
  border-radius: 10px !important;
  border: 2px solid #FFFFFF;
}

.disabled, [disabled] {
  opacity: 1 !important;
}

.table-column-fit-content {
  width: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.cursor-grab {
  cursor: grab;
}

.opacity-50 {
  opacity: 0.5;
}

.fullscreen {
  z-index: 6010;
}

.q-virtual-scroll__padding {
  visibility: hidden !important;
  pointer-events: none !important;
}
[id^=q-portal--menu--] > div.k-dynamic-left {
  left: var(--k-portal-left) !important;
}
.BaseContactNumber__input-code[data-v-b7dabfd8] {
  border-color: transparent;
  outline: none;
  width: 34px;
}
.BaseContactNumber__input-code[data-v-b7dabfd8]::placeholder {
  color: var(--cool-gray-60) !important;
}
.BaseContactNumber__separator[data-v-b7dabfd8] {
  height: 70%;
  width: 2px;
  background-color: var(--cool-gray-30);
  margin: auto 10px auto 16px;
  border-radius: 2px;
}
.CallToAction[data-v-47384c2b] {
  height: 92px;
  border-bottom: 2px solid var(--cool-gray-30);
  position: sticky;
  top: 0;
  z-index: 13;
  background-color: var(--white);
}
.CallToAction__btn[data-v-47384c2b] {
  width: 120px;
}
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.SettingCell__dot[data-v-1fea9e4d] {
  width: 8px;
  height: 8px;
}
.SettingCell[data-v-1fea9e4d]:hover {
  color: var(--cool-gray-100);
}
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.SettingPage[data-v-d31f9b8c] {
  height: 79px;
}
.LandingListFilterItem__datepicker {
  z-index: 6020;
}
.LandingListFilters .LandingListFilters-container {
  min-width: 300px;
  max-width: 300px;
  border-left: 4px solid var(--space-b-20);
}
.LandingListFilters .LandingListFilters-container > div:first-child {
  padding-left: 0;
  padding-right: 0;
}
.LandingListFilters .LandingListFilters-content {
  padding: 0;
  background-color: transparent !important;
}
[data-v-0b2c119f] .q-field {
  background-color: var(--white);
}
[data-v-0b2c119f] .q-field--readonly .q-field__inner {
  border: 1px solid var(--cool-gray-40) !important;
}
[data-v-0b2c119f] .q-field--readonly .q-field__inner:hover {
  border: 1px solid var(--space-b-50) !important;
}
[data-v-0b2c119f] .LandingListFilters__apply-btn {
  min-width: 76px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.LandingListHeader[data-v-646e557c] {
  position: sticky;
  top: 0;
  z-index: 20;
}
.LandingListHeader__filters-count[data-v-646e557c] {
  top: -8px;
  right: -8px;
  z-index: 1;
  min-height: 25px;
  min-width: 25px;
}
[data-v-646e557c] .LandingListHeader__search {
  transition: width 0.3s ease, transform 0.3s ease !important;
  transform: translateX(0);
  width: 150px;
}
@media only screen and (min-width: 1440px) {
[data-v-646e557c] .LandingListHeader__search {
    width: 260px;
}
}
[data-v-646e557c] .LandingListHeader__search-inactive {
  width: 0;
  transform: translateX(-44px);
}
[data-v-646e557c] .LandingListHeader__search-inactive .q-field__inner {
  border-color: transparent !important;
  box-shadow: none !important;
}
[data-v-646e557c] .LandingListHeader__search-inactive .q-field__control {
  padding: 0 !important;
}
[data-v-646e557c] .LandingListHeader__search-inactive .q-field__append {
  display: none !important;
}
.LandingListTableLayoutMenu {
  z-index: 6010;
}
.LandingListTableLayoutMenu__wrapper[data-v-1171d787] {
  min-width: 220px;
  min-height: 100px;
}
.LandingListTableLayoutMenu__column-label[data-v-1171d787] {
  transform: translateX(-32px);
}
.LandingListTableLayoutMenu__column-handle[data-v-1171d787] {
  opacity: 0;
  transform: translateX(-10px);
}
.LandingListTableLayoutMenu__column[data-v-1171d787]:hover {
  background-color: var(--teal-white-10);
}
.LandingListTableLayoutMenu__column:hover .LandingListTableLayoutMenu__column-handle[data-v-1171d787] {
  opacity: 1;
  transform: translateX(0);
}
.LandingListTableLayoutMenu__column:hover .LandingListTableLayoutMenu__column-label[data-v-1171d787] {
  transform: translateX(0);
}
.LandingListTableLayoutMenu__reset[data-v-1171d787]:hover {
  background-color: var(--teal-white-10);
}
[data-v-1171d787] .k-checkbox__input {
  margin: 0;
}
.LandingListTable__top-tr[data-v-64cbd328] {
  height: 8px !important;
}
.LandingListTable__bottom-tr[data-v-64cbd328] {
  height: 17px !important;
}
.LandingListTable__draggable-td[data-v-64cbd328] {
  width: 40px;
  display: flex;
}
[data-v-64cbd328] .q-table__bottom--nodata {
  height: calc(100% - 41px);
  border-top: none;
  justify-content: center;
  align-items: center;
}
[data-v-64cbd328] .LandingListTable__tr td {
  height: 40px !important;
}
[data-v-64cbd328] .LandingListTable__tr:not(.disable) td {
  transition: 0.3s ease;
}
[data-v-64cbd328] .LandingListTable__tr:not(.disable):hover td {
  background: var(--teal-white-10) !important;
}
[data-v-64cbd328] .LandingListTable__tr--click-style td {
  background: var(--teal-white-20) !important;
  color: var(--cool-gray-100) !important;
}
[data-v-64cbd328] .q-table__progress {
  height: 2px !important;
}
[data-v-64cbd328] .LandingListTable__layout-btn:hover i * {
  color: var(--space-b-100) !important;
  fill: var(--space-b-100) !important;
}

.BaseActionMenu__main[data-v-580db9be] {
  min-width: 212px;
}
.BaseSidePanel[data-v-76df3c74] {
  height: 100%;
  overflow: hidden;
  flex: 1;
}
div:has(>.BaseSidePanel) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
[data-v-76df3c74] .q-tab-panels .q-tab-panel,[data-v-76df3c74] .q-tab-panels .q-panel,[data-v-76df3c74] .q-tab-panels {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.BaseSidePanelSection__section-header[data-v-228cb7f6] {
  position: sticky;
  top: 0;
  z-index: 1;
}
.BaseSidePanelRecord--fixed-height {
  min-height: 24px;
}
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseTableHeaderInfo[data-v-68392162] {
  -webkit-user-select: none;
          user-select: none;
  min-height: 64px;
}
.BaseTableHeaderInfo__status[data-v-68392162] {
  width: 8px;
  height: 24px;
  border-radius: 8px;
  background-color: var(--38f1296f);
}
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseTableHeaderSlider[data-v-2997f82f] {
  -webkit-user-select: none;
          user-select: none;
}
.BaseTableHeaderSlider__vertical-divider[data-v-2997f82f] {
  width: 2px;
  height: 32px;
  border-radius: 2px;
}
.BaseTableHeaderSlider__title[data-v-2997f82f] {
  min-height: 32px;
  position: relative;
  border: 1px solid transparent;
}
.BaseTableHeaderSlider__title[data-v-2997f82f]:not(.BaseTableHeaderSlider__title--active):hover {
  background-color: var(--teal-white-20) !important;
  border-color: var(--space-b-50);
}
.BaseTableHeaderSlider__title--active[data-v-2997f82f] {
  background-color: var(--space-b-20) !important;
  border-color: var(--space-b-70);
}
.BaseTableHeaderSlider__divider[data-v-2997f82f] {
  width: 2px;
  height: 32px;
  border-radius: 2px;
}
.BaseTableHeaderSlider__controls[data-v-2997f82f] {
  min-width: 32px;
  min-height: 32px;
}
.BaseTableHeaderSlider[data-v-2997f82f] .q-carousel__control {
  margin-top: -7px;
}
/* -------------------------------------------------------------------------- */
/*                               Primary Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Secondary Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             Background Colour                              */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Base Colour                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                Accent Colour                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* ---- quasar breakpoints --> ref: https://quasar.dev/style/breakpoints ---- */
/* -------------------------------------------------------------------------- */
/*                                 BEM Helpers                                */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                                 Breakpoints                                */
/* -------------------------------------------------------------------------- */
/* --------------------------- media query mixins --------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                             media query mixins                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                         Breakpoints Class Generator                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.BaseTableDialogWrapper .k-dialog__container,div:has(>.BaseTableDialog) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.BaseTableDialogWrapper .BaseTableDialog__header-btn {
  min-width: 120px;
}
.BaseTableDialog[data-v-8abb647c] {
  height: calc(var(--calculated-full-height) - 108px);
  max-height: 650px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.BaseTableDialog[data-v-8abb647c] .BaseLandingList {
  padding: 0;
}
.BaseTableDialog[data-v-8abb647c] .BaseLandingList .k-checkbox__input {
  margin-right: 0;
}
.BaseTableDialog[data-v-8abb647c] div:has(.BaseTableDialog__table) {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.BaseTableDialog[data-v-8abb647c] div:has(.BaseTableDialog__table) .BaseTableDialog__table {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__dropdown {
  max-width: 370px;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search {
  transition: width 0.3s ease, transform 0.3s ease !important;
  width: 150px;
  transform: translateX(0);
}
@media only screen and (min-width: 1440px) {
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search {
    width: 260px;
}
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search .q-field__inner, .BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search .q-field__control {
  transition: all 0.3s ease;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search .q-field__inner {
  box-shadow: none !important;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search--inactive {
  width: 0;
  transform: translateX(-40px);
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search--inactive .q-field__inner {
  border-color: transparent !important;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search--inactive .q-field__control {
  padding: 0 !important;
}
.BaseTableDialog[data-v-8abb647c] .BaseTableDialog__search--inactive .q-field__append {
  display: none !important;
}
[data-v-8abb647c] .k-status .k-status__main {
  padding: 0 !important;
}
[data-v-8abb647c] .k-status label {
  cursor: pointer;
}
[data-v-8abb647c] .k-pagination[rootclass=table-pagination] {
  justify-content: flex-end;
}
[data-v-733c82ac] .AvailabilityTable.hide-header thead {
  display: none;
}
[data-v-733c82ac] .AvailabilityTable.hide-header .q-td:has(.k-dropdown) {
  width: 50%;
}
[data-v-733c82ac] .k-table tbody tr td:last-child:not(.separator) {
  padding: 6px 0 !important;
}
[data-v-733c82ac] .k-table tbody tr td:first-child:not(.separator) {
  padding: 6px 8px !important;
  height: 60px;
}
[data-v-733c82ac] tr.table-body-separator {
  height: 18px !important;
}
[data-v-733c82ac] .q-field .q-field__control {
  padding-right: 8px !important;
}
.AvailabilityDialog {
  max-width: 636px !important;
}
[data-v-0a1168f2] .BaseLandingList {
  padding: 0;
}
.Popup__btn[data-v-2399e1b6] {
  min-width: 160px;
}
.lottie-wrapper[data-v-56c9fb8d] {
  max-width: var(--bb69f43c);
}
.BaseGuard__content--access-denied[data-v-ddc6a7a0] {
  filter: blur(2px);
}
.BaseGuard__overlay[data-v-ddc6a7a0] {
  z-index: 2;
}
.BaseGuard__message[data-v-ddc6a7a0] {
  opacity: 0;
  transform: translateY(10px);
}
.BaseGuard:hover .BaseGuard__message[data-v-ddc6a7a0] {
  opacity: 1;
  transform: translateY(0);
}
.sticky-sidebar {
  position: sticky;
  top: 0;
}

html, body, #q-app, .q-layout, .q-page, main {
  height: 100%;
}

.layout__main {
  height: 100% !important;
}

.k-table {
  max-height: unset !important;
}

[id^=q-portal--dialog--] > div {
  min-width: 100%;
  min-height: 100%;
}

:root {
  --zoom: 0.3;
  --calculated-full-height: calc(100vh / var(--zoom));
}
@media (min-width: 551px) and (max-width: 700px) {
  :root {
    --zoom: 0.4;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 701px) and (max-width: 820px) {
  :root {
    --zoom: 0.5;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 821px) and (max-width: 960px) {
  :root {
    --zoom: 0.6;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 961px) and (max-width: 1300px) {
  :root {
    --zoom: 0.63;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 1301px) and (max-width: 1440px) {
  :root {
    --zoom: 0.8;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 1441px) and (max-width: 1920px) {
  :root {
    --zoom: 0.9;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}
@media (min-width: 1921px) {
  :root {
    --zoom: 1;
    --calculated-full-height: calc(100vh / var(--zoom));
  }
}

#q-app, #q-notify, [id^=q-portal--dialog--], .user-profile, .dynamic-zoom, [id^=q-portal--menu--] .q-date, [id^=q-portal--tooltip--] > div > * {
  zoom: var(--zoom);
}

/* ---------------------------- z-index document ---------------------------- */
/* -------------------------------------------------------------------------- */

/*# sourceMappingURL=app.5a1c8947.css.map*/