@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";

/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}

/* src/styles.scss */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.custom-web-form {
  border: none !important;
}
.custom-web-form .mat-mdc-icon-button {
  margin-top: -30px;
}
.custom-web-form .mdc-text-field--outlined .mat-mdc-form-field-infix,
.custom-web-form .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding-top: 5.5px;
  padding-bottom: 3.5px;
}
.custom-web-form .mat-mdc-table {
  background-color: #ffffff;
}
.custom-web-form .mat-mdc-dialog-container .mat-mdc-dialog-content {
  padding: 0;
}
.custom-web-form .mat-mdc-dialog-content {
  max-height: 90vh !important;
}
.custom-web-form .mat-mdc-tab-body-content {
  overflow-x: hidden;
}
.custom-web-form .mat-mdc-text-field-wrapper {
  height: 37px;
  padding-top: 3.5px;
}
.custom-web-form {
  --mat-form-field-container-vertical-padding: 11px;
}
app-web-add-new-bill {
  --mat-badge-background-color: #f97316;
  --mat-badge-text-color: #fff;
}
app-web-claims-vec {
  --mat-tooltip-container-color: orange;
  --mat-tooltip-supporting-text-color: red;
}
:host {
  --sapButton_Emphasized_Background: #f97316 !important;
  --mat-sys-primary: #f97316 !important;
  --sapButton_Emphasized_Hover_Background: #f97316 !important;
  --sapButton_Emphasized_Hover_BorderColor: #f97316 !important;
  --sapButton_Emphasized_Active_BorderColor: #f97316 !important;
  --sapButton_Emphasized_Active_TextColor: #f97316 !important;
  --sapButton_IconColor: #f97316 !important;
  --sapButton_TextColor: #f97316 !important;
  --mat-sys-level1: none !important;
}
:root {
  --sapButton_Emphasized_Background: #f97316 !important;
  --mat-button-filled-container-color: #f97316;
  --ion-color-primary: #f97316;
  --sapBackgroundColor: #ffffff;
  --mat-table-background-color: #ffffff;
  --mat-sys-primary: #f97316 !important;
  --sapButton_Emphasized_Hover_Background: #f97316 !important;
  --sapButton_Emphasized_Hover_BorderColor: #f97316 !important;
  --sapButton_Emphasized_Active_BorderColor: #f97316 !important;
  --sapButton_Emphasized_Active_TextColor: #f97316 !important;
  --sapButton_IconColor: #f97316 !important;
  --sapButton_TextColor: #f97316 !important;
  --mat-sys-level1: none !important;
  --mat-chip-outline-color: #f5f5f5;
  --mat-chip-elevated-selected-container-color: #fefce8;
  --mat-chip-selected-label-text-color: #f97316;
  --mat-chip-with-icon-selected-icon-color: #f97316;
}
:root .primary-chip-dark {
  --mat-chip-outline-color: #f5f5f5;
  --mat-chip-elevated-selected-container-color: #f97316;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
}
:root .secondary-chip {
  --mat-chip-outline-color: #e0e9f4;
  --mat-chip-elevated-selected-container-color: #abd0fd;
  --mat-chip-selected-label-text-color: #00458f;
  --mat-chip-with-icon-selected-icon-color: #00458f;
}
:root .secondary-chip-dark {
  --mat-chip-outline-color: #e0e9f4;
  --mat-chip-elevated-selected-container-color: #00458f;
  --mat-chip-selected-label-text-color: #ffffff;
  --mat-chip-with-icon-selected-icon-color: #ffffff;
}
:root {
  --mat-tooltip-container-color: #ffffff;
  --mat-tooltip-supporting-text-color: #333333;
  --mat-table-row-item-outline-color: #e3e3e3;
  --mat-button-filled-container-shape: 6px;
  --mat-button-outlined-container-shape: 6px;
  --mat-dialog-container-shape: 6px;
  --mat-dialog-content-padding: 0;
  --mat-card-elevated-container-color: #ffffff;
  --mat-divider-color: #e3e3e3;
  --mat-select-enabled-trigger-text-color: #0f151a;
  --mat-card-outlined-container-color: #ffffff;
  --mat-form-field-subscript-text-line-height: 0rem;
  --mat-button-toggle-shape: 6px;
  --mat-button-toggle-selected-state-background-color: #f97316;
  --mat-button-toggle-selected-state-text-color: #ffffff;
}
:root .primary-button-toggle {
  --mat-button-toggle-shape: 6px;
  --mat-button-toggle-selected-state-background-color: #00458f;
  --mat-button-toggle-selected-state-text-color: #ffffff;
  --mat-button-toggle-divider-color: none;
  --mat-button-toggle-background-color: #bed8f9;
}
:root .secondary-button-toggle {
  --mat-button-toggle-shape: 6px;
  --mat-button-toggle-selected-state-background-color: #f97316;
  --mat-button-toggle-selected-state-text-color: #ffffff;
  --mat-button-toggle-divider-color: none;
  --mat-button-toggle-background-color: #f7f2c6;
}
.badge {
  display: inline-block;
  padding: 0em 0.6em;
  font-size: 0.775rem;
  font-weight: 600;
  color: #f97316;
  background-color: #fde3ba;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.mat-mdc-dialog-content {
  max-height: 90vh !important;
}
.color-primary.mat-mdc-flat-button {
  --mat-button-filled-container-color: #1976d2;
  --mat-button-filled-label-text-color: #fff;
}
.color-secondary.mat-mdc-flat-button {
  --mat-button-filled-container-color: #ff9800;
  --mat-button-filled-label-text-color: #fff;
}
.color-warn.mat-mdc-flat-button {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: #fff;
}
.color-danger.mat-mdc-flat-button {
  --mat-button-filled-container-color: #d81b60;
  --mat-button-filled-label-text-color: #fff;
}
.color-primary.mat-mdc-raised-button {
  --mat-button-protected-container-color: #1976d2;
  --mat-button-protected-label-text-color: #fff;
}
.color-secondary.mat-mdc-raised-button {
  --mat-button-protected-container-color: #ff9800;
  --mat-button-protected-label-text-color: #fff;
}
.color-warn.mat-mdc-raised-button {
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: #fff;
}
.color-danger.mat-mdc-raised-button {
  --mat-button-protected-container-color: #d81b60;
  --mat-button-protected-label-text-color: #fff;
}
.color-primary.mat-mdc-outlined-button {
  --mat-button-outlined-outline-color: #1976d2;
  --mat-button-outlined-label-text-color: #1976d2;
}
.color-secondary.mat-mdc-outlined-button {
  --mat-button-outlined-outline-color: #ff9800;
  --mat-button-outlined-label-text-color: #ff9800;
}
.color-warn.mat-mdc-outlined-button {
  --mat-button-outlined-outline-color: #f44336;
  --mat-button-outlined-label-text-color: #f44336;
}
.color-danger.mat-mdc-outlined-button {
  --mat-button-outlined-outline-color: #d81b60;
  --mat-button-outlined-label-text-color: #d81b60;
}
.color-primary.mat-mdc-button {
  --mat-button-text-label-text-color: #1976d2;
}
.color-secondary.mat-mdc-button {
  --mat-button-text-label-text-color: #ff9800;
}
.color-warn.mat-mdc-button {
  --mat-button-text-label-text-color: #f44336;
}
.color-danger.mat-mdc-button {
  --mat-button-text-label-text-color: #d81b60;
}
.color-primary.mat-mdc-icon-button {
  --mat-icon-button-icon-color: #1976d2;
}
.color-secondary.mat-mdc-icon-button {
  --mat-icon-button-icon-color: #ff9800;
}
.color-warn.mat-mdc-icon-button {
  --mat-icon-button-icon-color: #f44336;
}
.color-danger.mat-mdc-icon-button {
  --mat-icon-button-icon-color: #d81b60;
}
.color-primary.mat-mdc-fab,
.color-primary.mat-mdc-mini-fab {
  --mat-fab-container-color: #1976d2;
  --mat-fab-icon-color: #fff;
}
.color-secondary.mat-mdc-fab,
.color-secondary.mat-mdc-mini-fab {
  --mat-fab-container-color: #ff9800;
  --mat-fab-icon-color: #fff;
}
.color-warn.mat-mdc-fab,
.color-warn.mat-mdc-mini-fab {
  --mat-fab-container-color: #f44336;
  --mat-fab-icon-color: #fff;
}
.color-danger.mat-mdc-fab,
.color-danger.mat-mdc-mini-fab {
  --mat-fab-container-color: #d81b60;
  --mat-fab-icon-color: #fff;
}
.balance-money-style {
  background-color: aliceblue !important;
}
.mgt-large-avatar {
  --person-avatar-size: 80px;
}
.ms-36p {
  margin-left: 36px !important;
}
.shadow-soft-1 {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px !important;
}
.shadow-soft-2 {
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.06) !important;
}
#left-menu ion-content::part(scroll) {
  padding: 0;
}
.navbar .navbar-brand {
  padding-bottom: 0.2rem;
  padding-top: 0;
}
.navbar .navbar-toggler {
  padding: 4px 5px 0px 6px;
}
.navbar .navbar-toggler:focus {
  box-shadow: none;
  outline: 0;
}
.navbar .navbar-collapse .navbar-toggler {
  position: absolute;
  right: 0.5rem;
  top: 0.6rem;
  z-index: 1;
}
@media (max-width: 992px) {
  .navbar .navbar-nav .nav-item .nav-link {
    color: #595c5f;
    padding: 11px 0 !important;
  }
  .navbar .navbar-nav .nav-item .nav-link:after {
    float: right;
    margin-top: 7px;
  }
  .navbar .offcanvas {
    overflow: auto;
  }
}
.navbar .dropdown-fullwidth {
  position: static;
}
.navbar .dropdown-fullwidth .dropdown-menu {
  left: 0;
  margin: auto;
  max-width: 1290px;
  padding: 1rem 0;
  right: 0;
}
.navbar .dropdown .dropdown-toggle:after {
  background-repeat: no-repeat;
  border: none;
  content: "\eb11";
  font: normal normal normal 0.9em/1 "lineicons";
  margin-left: 0.375rem;
  vertical-align: middle;
}
.navbar .dropdown-menu {
  border-radius: 0.5rem;
  box-shadow: 0 0 2px rgba(145, 158, 171, 0.2), 0 12px 24px -4px rgba(145, 158, 171, 0.12);
  color: var(--fc-gray-600);
  line-height: 1.2rem;
  min-width: 12rem;
}
.navbar .dropdown-menu .dropdown-list-group-item {
  min-width: 100%;
}
.navbar .dropdown-menu .dropdown-submenu a:after {
  position: absolute;
  right: 1rem;
  transform: rotate(-90deg);
}
.navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-menu {
  left: 100%;
  min-width: 12rem;
  right: 0;
  top: -18px;
}
.navbar .dropdown-menu .dropdown-submenuBig a:after {
  position: absolute;
  right: 1rem;
  transform: rotate(-90deg);
}
.navbar .dropdown-menu .dropdown-submenuBig.dropend .dropdown-menu {
  left: 105%;
  min-width: 12rem;
  right: 0;
  top: -35px;
}
.navbar .navbar-right-wrap .list-group-item {
  padding: 1rem 1.25rem;
}
.navbar .nav-badge {
  position: absolute;
  right: 3px;
  top: -9px;
}
@media (min-width: 1200px) {
  .navbar-default .dropdown-menu {
    display: block;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease-in;
    visibility: hidden;
  }
  .navbar-default .dropdown-menu-end {
    left: auto;
    right: 0;
  }
  .navbar-default .dropdown-menu-start {
    left: 0;
    right: auto;
  }
  .navbar-default .dropdown-submenu:hover > .dropdown-menu,
  .navbar-default .dropdown-submenuBig:hover > .dropdown-menu,
  .navbar-default .dropdown:hover > .dropdown-menu {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
  }
}
.navbar-nav-offcanvac .nav-item .nav-link {
  border-bottom: 1px solid #eaecef;
}
.navbar-dark .navbar-nav .nav-link {
  border-bottom: transparent;
}
.navbar-toggler-icon {
  height: 1.2em;
}
.navbar.navbar-dark.navbar-default.bg-danger.osahan-second-nav .nav-link {
  color: #fff;
}
.sidenav-profile {
  position: relative;
  z-index: 1;
  background-color: #f59d35 !important;
  text-align: center;
  margin-top: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.sidenav-style1 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: -10;
  opacity: 0.1;
  width: 2rem;
  height: 3.5rem;
  border-radius: 2px 70px;
  background-color: #fff;
}
.sidenav-style1:after {
  content: "";
  width: 2rem;
  height: 0.25rem;
  background-color: #fff;
  position: absolute;
  border-radius: 0.5rem;
  bottom: 0.25rem;
  left: 2.5rem;
}
.sidenav-profile .user-profile {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.sidenav-profile .user-info {
  position: relative;
  z-index: 1;
}
.sidenav-profile .user-info h6 {
  color: #fff;
  font-weight: 600;
}
.sidenav-profile .user-info span {
  font-size: 13px;
  color: #fff;
  opacity: 0.8;
}
img {
  max-width: 100%;
  height: auto;
}
img,
svg {
  vertical-align: middle;
}
.user-profile img {
  border-radius: 50%;
}
.offcanvas-body {
  scroll-behavior: smooth;
  scrollbar-width: thin;
}
.bg-light {
  background-color: #f3f5f6 !important;
}
.offcanvas-start .btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1000;
}
.offcanvas-end .btn-close {
  left: 1rem;
  top: 1rem;
  z-index: 1000;
}
.offcanvas-top .btn-close,
.offcanvas-bottom .btn-close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1000;
}
.sidenav-nav {
  position: relative;
  z-index: 1;
  margin: 1.5rem 0;
  list-style: none;
  padding: 0;
}
.sidenav-nav li a {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.6509803922) !important;
  padding: 0.625rem 1.25rem;
  font-size: 15px;
}
.sidenav-nav li a i {
  margin-right: 0.75rem;
  font-size: 18px;
}
.sidenav-nav li a:hover {
  color: #0d5afd;
  background-color: #f1f2fb;
}
.sidenav-nav li .night-mode-nav {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 1.25rem;
  font-size: 14px;
  font-weight: 500;
}
.sidenav-nav li .night-mode-nav .form-check {
  padding-top: 0.25rem;
  min-height: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.sidenav-nav li .night-mode-nav .form-check input {
  margin: 0;
}
.sidenav-nav li .night-mode-nav i {
  margin-right: 0.75rem;
  font-size: 18px;
}
.sidenav-nav li .night-mode-nav:hover {
  color: #0d5afd;
  background-color: #f1f2fb;
}
.invisible-sub {
  visibility: hidden;
  height: 0.1px;
  width: 0.1px;
  position: absolute;
}
.subitems {
  padding-left: 3rem;
}
.subitems li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nopadding-sub {
  color: rgba(0, 0, 0, 0.6509803922) !important;
  padding: 0.625rem 1.25rem;
  font-size: 15px;
}
.nopadding-sub li {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.sidenav-nav li ul li a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nav-url .dropdown-icon {
  position: relative;
  margin-left: auto;
  z-index: -2;
}
.nav-url .dropdown-icon i {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  font-size: 16px;
  color: #1f0757;
  margin-right: 0;
}
.nav-url.dd-open {
  background-color: #f1f2fb;
}
.nav-url.dd-open .dropdown-icon i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.shadow {
  box-shadow: 0px 4px 10px rgba(0, 77, 255, 0.04) !important;
  background: #fff;
  border-radius: 0.5rem;
}
.text-theme {
  color: #2766ea !important;
}
.border-bot {
  border-bottom: 1px solid #EAF1F5 !important;
  padding-bottom: 10px;
  display: block;
  margin-bottom: 10px;
}
.new-shadow {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 77, 255, 0.04) !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16) !important;
  background: #fff;
  border-radius: 0.5rem;
}
.c1 {
  background-color: #2c62ff !important;
}
.c2 {
  background-color: #2bc999 !important;
}
.c3 {
  background-color: #fbb41a !important;
}
.c4 {
  background-color: #ff5e5b !important;
}
.icon-card {
  color: #fff !important;
  padding: 5px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  font-size: 24px !important;
}
.card-border {
  border-left: 4px solid #2766ea;
  border-right: 4px solid #2766ea;
}
.text-danger-1 {
  --bs-text-opacity: 1;
  color: #dc3545 !important;
}
.bg-danger-1 {
  --bs-bg-opacity: 1;
  background-color: rgba(220, 53, 69, 0.1019607843) !important;
}
@media (max-width: 800px) {
  .srf-dashboard-shell {
    position: relative;
    border: 1px solid #e8eaf0;
    border-radius: 20px;
    background:
      radial-gradient(
        120% 120% at 0% 0%,
        rgba(249, 115, 22, 0.08) 0%,
        transparent 42%),
      linear-gradient(
        180deg,
        #ffffff 0%,
        #f8fafc 100%);
    box-shadow: var(--srf-shadow-md, 0 4px 14px rgba(0, 0, 0, 0.08));
    overflow: hidden;
  }
  .srf-dashboard-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.55) 0%,
        rgba(255, 255, 255, 0) 34%);
  }
  body.dark .srf-dashboard-shell,
  .dark .srf-dashboard-shell {
    border-color: #2d3148;
    background:
      radial-gradient(
        120% 120% at 0% 0%,
        rgba(249, 115, 22, 0.12) 0%,
        transparent 45%),
      linear-gradient(
        180deg,
        #141826 0%,
        #101420 100%);
    box-shadow: var(--srf-shadow-xl, 0 16px 48px rgba(0, 0, 0, 0.5));
  }
  body.dark .srf-dashboard-shell::before,
  .dark .srf-dashboard-shell::before {
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.04) 0%,
        rgba(255, 255, 255, 0) 35%);
  }
  body.dark,
  .dark {
  }
  body.dark ion-app,
  body.dark ion-content,
  .dark ion-app,
  .dark ion-content {
    --ion-background-color: #0f1117;
    --ion-text-color: #e8eaf0;
    --background: #0f1117;
    --color: #e8eaf0;
  }
  body.dark ion-header,
  body.dark ion-toolbar,
  body.dark ion-footer,
  .dark ion-header,
  .dark ion-toolbar,
  .dark ion-footer {
    --background: #141622;
    --color: #e8eaf0;
    --border-color: #2d3148;
    background: #141622;
    color: #e8eaf0;
  }
  body.dark ion-card,
  body.dark ion-list,
  body.dark ion-item,
  body.dark ion-accordion,
  body.dark ion-accordion-group,
  .dark ion-card,
  .dark ion-list,
  .dark ion-item,
  .dark ion-accordion,
  .dark ion-accordion-group {
    --background: #1a1d2a;
    --color: #e8eaf0;
    --border-color: #2d3148;
    --inner-border-width: 0;
    --inner-padding-start: 12px;
    --inner-padding-end: 12px;
    background: #1a1d2a;
    color: #e8eaf0;
  }
  body.dark ion-item,
  .dark ion-item {
    --highlight-color-focused: #f97316;
    --highlight-color-invalid: #dc2626;
    --highlight-color-valid: #16a34a;
  }
  body.dark ion-label,
  body.dark ion-note,
  body.dark ion-text,
  body.dark ion-title,
  body.dark ion-card-title,
  body.dark ion-card-subtitle,
  body.dark ion-card-content,
  .dark ion-label,
  .dark ion-note,
  .dark ion-text,
  .dark ion-title,
  .dark ion-card-title,
  .dark ion-card-subtitle,
  .dark ion-card-content {
    color: #e8eaf0;
  }
  body.dark ion-input,
  body.dark ion-textarea,
  body.dark ion-searchbar,
  body.dark ion-select,
  body.dark ion-datetime,
  .dark ion-input,
  .dark ion-textarea,
  .dark ion-searchbar,
  .dark ion-select,
  .dark ion-datetime {
    --background: #1e2130;
    --color: #e8eaf0;
    --placeholder-color: #9ca3b8;
    --border-color: #3d4260;
    --highlight-color-focused: #f97316;
  }
  body.dark ion-searchbar,
  .dark ion-searchbar {
    --icon-color: #9ca3b8;
    --clear-button-color: #9ca3b8;
  }
  body.dark ion-button,
  .dark ion-button {
    --border-color: #3d4260;
    --color: #e8eaf0;
  }
  body.dark ion-toggle,
  .dark ion-toggle {
    --handle-background: #e8eaf0;
    --handle-background-checked: #ffffff;
    --track-background: #3d4260;
    --track-background-checked: #f97316;
  }
  body.dark ion-segment,
  .dark ion-segment {
    --background: #1e2130;
    border: 1px solid #2d3148;
    border-radius: 10px;
  }
  body.dark ion-segment-button,
  .dark ion-segment-button {
    --color: #9ca3b8;
    --color-checked: #e8eaf0;
    --indicator-color: #f97316;
  }
  body.dark ion-chip,
  .dark ion-chip {
    --background: #1e2130;
    --color: #e8eaf0;
    border: 1px solid #2d3148;
  }
  body.dark ion-badge,
  .dark ion-badge {
    --background: #ef4444;
    --color: #ffffff;
  }
  body.dark ion-tab-bar,
  body.dark .bottom-appbar,
  .dark ion-tab-bar,
  .dark .bottom-appbar {
    --background: #141622;
    --border: 1px solid #2d3148;
    background: #141622;
    border-top: 1px solid #2d3148;
  }
  body.dark ion-tab-button,
  .dark ion-tab-button {
    --color: #9ca3b8;
    --color-selected: #f97316;
  }
  body.dark ion-fab-button,
  .dark ion-fab-button {
    --background: #f97316;
    --color: #ffffff;
  }
  body.dark,
  .dark {
  }
  body.dark ion-modal,
  body.dark ion-popover,
  body.dark ion-action-sheet,
  body.dark ion-alert,
  .dark ion-modal,
  .dark ion-popover,
  .dark ion-action-sheet,
  .dark ion-alert {
    --background: #1a1d2a;
    --color: #e8eaf0;
  }
  body.dark ion-action-sheet .action-sheet-group,
  body.dark ion-alert .alert-wrapper,
  body.dark ion-popover::part(content),
  body.dark ion-modal::part(content),
  .dark ion-action-sheet .action-sheet-group,
  .dark ion-alert .alert-wrapper,
  .dark ion-popover::part(content),
  .dark ion-modal::part(content) {
    background: #1a1d2a;
    color: #e8eaf0;
    border: 1px solid #2d3148;
    height: fit-content;
  }
  body.dark .medium-right::part(content),
  .dark .medium-right::part(content) {
    height: 100%;
  }
  body.dark .small-right::part(content),
  .dark .small-right::part(content) {
    height: 100%;
  }
  body.dark,
  .dark {
  }
  body.dark .bg-white,
  .dark .bg-white {
    background-color: #1a1d2a !important;
  }
  body.dark .bg-gray-50,
  body.dark .bg-gray-100,
  .dark .bg-gray-50,
  .dark .bg-gray-100 {
    background-color: #1e2130 !important;
  }
  body.dark .border-gray-100,
  body.dark .border-gray-200,
  .dark .border-gray-100,
  .dark .border-gray-200 {
    border-color: #2d3148 !important;
  }
  body.dark .text-gray-900,
  body.dark .text-gray-800,
  body.dark .text-gray-700,
  .dark .text-gray-900,
  .dark .text-gray-800,
  .dark .text-gray-700 {
    color: #e8eaf0 !important;
  }
  body.dark .text-gray-600,
  body.dark .text-gray-500,
  body.dark .text-gray-400,
  .dark .text-gray-600,
  .dark .text-gray-500,
  .dark .text-gray-400 {
    color: #9ca3b8 !important;
  }
  body.dark,
  .dark {
  }
  body.dark button:focus-visible,
  body.dark [role=button]:focus-visible,
  body.dark a:focus-visible,
  body.dark ion-button:focus-visible,
  body.dark ion-item:focus-visible,
  body.dark ion-segment-button:focus-visible,
  body.dark ion-tab-button:focus-visible,
  .dark button:focus-visible,
  .dark [role=button]:focus-visible,
  .dark a:focus-visible,
  .dark ion-button:focus-visible,
  .dark ion-item:focus-visible,
  .dark ion-segment-button:focus-visible,
  .dark ion-tab-button:focus-visible {
    outline: 2px solid #f97316;
    outline-offset: 2px;
  }
}
@media (max-width: 800px) and (forced-colors: active) {
  body.dark button:focus-visible,
  body.dark [role=button]:focus-visible,
  body.dark a:focus-visible,
  body.dark ion-button:focus-visible,
  body.dark ion-item:focus-visible,
  .dark button:focus-visible,
  .dark [role=button]:focus-visible,
  .dark a:focus-visible,
  .dark ion-button:focus-visible,
  .dark ion-item:focus-visible {
    outline: 2px solid Highlight;
  }
}
:root {
  --primary-color: #5f57f2;
  --ion-color-base: #5f57f2;
  --srf-brand-orange: #f97316;
  --srf-brand-blue: #02538a;
  --srf-text-primary: #1a1d26;
  --srf-text-secondary: #5a6178;
  --srf-text-tertiary: #8b92a5;
  --srf-surface-page: #f8fafc;
  --srf-surface-card: #ffffff;
  --srf-surface-muted: #f8f9fc;
  --srf-border-light: #e8eaf0;
  --srf-border-medium: #d1d5e0;
  --srf-radius-sm: 8px;
  --srf-radius-md: 12px;
  --srf-radius-lg: 14px;
  --srf-radius-xl: 16px;
  --srf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --srf-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --srf-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
}
:host {
  --primary-color: #eb2525;
  --ion-color-base: #5f57f2;
}
:host {
  --sapFontFamily:
    "Inter",
    -apple-system,
    sans-serif !important;
}
:root {
  --sapFontFamily:
    "Inter",
    -apple-system,
    sans-serif !important;
  --font-display:
    "Inter",
    -apple-system,
    sans-serif;
  --font-body:
    "Inter",
    -apple-system,
    sans-serif;
  --srf-font-display:
    "Inter",
    -apple-system,
    sans-serif;
  --srf-font-body:
    "Inter",
    -apple-system,
    sans-serif;
}
ui5-root,
ui5-shellbar,
ui5-button,
ui5-card,
ui5-input,
ui5-table,
ui5-list,
ui5-list-item {
  --sapFontFamily:
    "Inter",
    -apple-system,
    sans-serif !important;
}
html,
body {
  height: 100%;
  scrollbar-width: thin;
  scroll-behavior: smooth;
}
body {
  margin: 0;
  font-family:
    "Inter",
    -apple-system,
    sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:
    "Inter",
    -apple-system,
    sans-serif !important;
}
.mat-mdc-form-field,
.mat-mdc-floating-label,
.mat-mdc-select,
.mat-mdc-option,
.mat-mdc-button,
.mat-mdc-icon-button,
.mat-mdc-fab,
.mat-mdc-mini-fab,
.mat-mdc-table,
.mat-mdc-header-cell,
.mat-mdc-cell,
.mat-mdc-footer-cell,
.mat-mdc-paginator,
.mat-mdc-tab,
.mat-mdc-tab-link,
.mat-mdc-menu-item,
.mat-mdc-list-item,
.mat-mdc-chip,
.mat-mdc-dialog-title,
.mat-mdc-dialog-content,
.mat-mdc-snack-bar-container,
.mat-mdc-tooltip,
.mdc-tooltip__surface,
.mat-expansion-panel-header-title,
.mat-expansion-panel-body,
.mat-mdc-card-title,
.mat-mdc-card-subtitle,
.mat-mdc-card-content,
.mat-step-label,
.mdc-text-field__input,
.mdc-floating-label,
.mdc-button__label,
.mdc-data-table__cell,
.mdc-data-table__header-cell,
.mdc-list-item__primary-text,
.mdc-snackbar__label,
.mdc-tab__text-label {
  font-family:
    "Inter",
    -apple-system,
    sans-serif !important;
}
.mat-mdc-dialog-title,
.mat-expansion-panel-header-title,
.mat-mdc-card-title {
  font-family:
    "Inter",
    -apple-system,
    sans-serif !important;
}
.mdc-tooltip__surface {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.4 !important;
  padding: 5px 10px !important;
  border-radius: 6px !important;
}
.uk-close-tooltip .mat-mdc-tooltip-surface,
.uk-close-tooltip .mdc-tooltip__surface {
  background: rgba(26, 29, 38, 0.96) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(148, 163, 184, 0.22);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.2);
}
html.dark .uk-close-tooltip .mat-mdc-tooltip-surface,
html.dark .uk-close-tooltip .mdc-tooltip__surface,
body.dark .uk-close-tooltip .mat-mdc-tooltip-surface,
body.dark .uk-close-tooltip .mdc-tooltip__surface {
  background: rgba(15, 23, 42, 0.96) !important;
  color: #e5e7eb !important;
  border-color: rgba(148, 163, 184, 0.18);
  box-shadow: 0 12px 28px rgba(2, 6, 23, 0.4);
}
* {
  scrollbar-width: thin;
}
.mobile ion-toolbar {
  display: inherit !important;
}
ion-tabs ion-router-outlet ion-content,
ion-tabs > ion-content {
  --offset-bottom: 0px !important;
  --padding-bottom: 0px;
}
ion-content.lam-content::part(scroll),
app-leave-attendance-shell ion-content::part(scroll) {
  padding-bottom: 0 !important;
}
.desktop ion-toolbar:not(.header-toolbar) {
  display: none;
}
.desktop ion-tab-bar {
  display: none;
}
.desktop .bottom-appbar {
  display: none;
}
.desktop ion-content:not(ion-modal *)::part(scroll) {
  scrollbar-width: thin;
  height: 90vh;
}
.ng-select .ng-select-container {
  height: 37px;
}
.ng-placeholder {
  padding-top: 0.3rem;
}
.hidden {
  display: inherit !important;
}
* {
  scrollbar-width: thin;
}
@keyframes rotate-out {
  to {
    transform: rotate(90deg);
  }
}
@keyframes rotate-in {
  from {
    transform: rotate(-90deg);
  }
}
::view-transition-old(count),
::view-transition-new(count) {
  animation-duration: 200ms;
  animation-name: -ua-view-transition-fade-in, rotate-in;
}
::view-transition-old(count) {
  animation-name: -ua-view-transition-fade-out, rotate-out;
}
.cdk-overlay-backdrop.hideOverlay {
  display: none !important;
}
.orange-style {
  background-color: #ff5500 !important;
}
.no-shadow-black {
  box-shadow: none !important;
  border: 1px solid black !important;
}
ion-content::part(scroll) {
  scrollbar-width: thin;
}
.expense-popup-dialog {
  --esp-control-bg: #ffffff;
  --esp-control-border: #d7dbe7;
  --esp-control-text: #1a1d26;
  --esp-control-label: #5a6178;
  --esp-control-focus: #f97316;
}
.expense-popup-dialog .mat-mdc-dialog-container {
  --mdc-dialog-container-shape: 4px;
  --mdc-dialog-container-color: #ffffff;
  padding: 0 !important;
  overflow: visible;
}
.expense-popup-dialog .mat-mdc-dialog-surface {
  border-radius: 4px;
  overflow: visible;
}
.expense-popup-dialog .mat-mdc-dialog-content {
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
.expense-popup-dialog .mat-mdc-form-field {
  width: 100%;
}
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  border-radius: 12px !important;
  background: var(--esp-control-bg) !important;
}
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-form-field-flex {
  min-height: 42px !important;
  align-items: center !important;
}
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-form-field-infix {
  padding-top: 10px !important;
  padding-bottom: 8px !important;
  min-height: 42px !important;
}
.expense-popup-dialog .mat-mdc-form-field .mdc-floating-label {
  color: var(--esp-control-label) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase;
}
.expense-popup-dialog .mat-mdc-form-field input,
.expense-popup-dialog .mat-mdc-form-field textarea,
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-select-value {
  color: var(--esp-control-text) !important;
  font-size: 0.875rem !important;
  line-height: 1.4;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif) !important;
}
.expense-popup-dialog .mat-mdc-form-field textarea {
  min-height: 84px;
  resize: vertical;
}
.expense-popup-dialog .mat-mdc-form-field .mat-mdc-select-arrow,
.expense-popup-dialog .mat-mdc-form-field .mat-datepicker-toggle-default-icon {
  color: var(--esp-control-label) !important;
}
.expense-popup-dialog .mat-mdc-form-field .mdc-notched-outline__leading,
.expense-popup-dialog .mat-mdc-form-field .mdc-notched-outline__notch,
.expense-popup-dialog .mat-mdc-form-field .mdc-notched-outline__trailing {
  border-color: var(--esp-control-border) !important;
  border-width: 1.5px !important;
}
.expense-popup-dialog .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.expense-popup-dialog .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.expense-popup-dialog .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: var(--esp-control-focus) !important;
  border-width: 1.5px !important;
}
.expense-popup-dialog .mat-mdc-button,
.expense-popup-dialog .mat-mdc-outlined-button,
.expense-popup-dialog .mat-mdc-unelevated-button {
  height: 36px;
  border-radius: 10px !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif) !important;
}
.expense-popup-dialog .mat-mdc-button .mdc-button__label,
.expense-popup-dialog .mat-mdc-outlined-button .mdc-button__label,
.expense-popup-dialog .mat-mdc-unelevated-button .mdc-button__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  line-height: 1.2;
}
.expense-popup-dialog .mat-mdc-button mat-icon,
.expense-popup-dialog .mat-mdc-button .material-symbols-rounded,
.expense-popup-dialog .mat-mdc-outlined-button mat-icon,
.expense-popup-dialog .mat-mdc-outlined-button .material-symbols-rounded,
.expense-popup-dialog .mat-mdc-unelevated-button mat-icon,
.expense-popup-dialog .mat-mdc-unelevated-button .material-symbols-rounded {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0;
}
.dark .expense-popup-dialog {
  --esp-control-bg: #0f172a;
  --esp-control-border: #334155;
  --esp-control-text: #e5e7eb;
  --esp-control-label: #94a3b8;
  --esp-control-focus: #fb923c;
}
.dark .expense-popup-dialog .mat-mdc-dialog-container {
  --mdc-dialog-container-color: #0f172a;
}
.dark .expense-popup-dialog .mat-mdc-dialog-surface {
  border: 1px solid #334155;
}
.dark .expense-popup-dialog .mat-mdc-dialog-title,
.dark .expense-popup-dialog .mat-mdc-dialog-content,
.dark .expense-popup-dialog .mat-mdc-dialog-actions,
.dark .expense-popup-dialog h1,
.dark .expense-popup-dialog h2,
.dark .expense-popup-dialog h3,
.dark .expense-popup-dialog h4,
.dark .expense-popup-dialog h5,
.dark .expense-popup-dialog h6,
.dark .expense-popup-dialog p,
.dark .expense-popup-dialog label,
.dark .expense-popup-dialog span {
  color: #e5e7eb;
}
.dark .expense-popup-dialog .mat-mdc-button:not([disabled]) {
  color: #cbd5e1 !important;
}
.dark .expense-popup-dialog .mat-mdc-outlined-button:not([disabled]) {
  color: #e2e8f0 !important;
  border-color: #475569 !important;
  background: #1f2937;
}
.dark .expense-popup-dialog .mat-mdc-outlined-button:not([disabled]):hover {
  background: #273449;
  border-color: #64748b !important;
}
.dark .expense-popup-dialog .mat-mdc-unelevated-button:not([disabled]),
.dark .expense-popup-dialog .mat-mdc-raised-button:not([disabled]) {
  color: #ffffff !important;
}
.documentRegisterPopupSection .mat-mdc-dialog-container {
  padding: 0 !important;
}
.documentRegisterPopupSection .mat-mdc-dialog-surface {
  background: #ffffff !important;
  color: #1a1d26 !important;
  border-radius: 14px !important;
  border: 1px solid #eceff6;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.16) !important;
}
.dark .documentRegisterPopupSection .mat-mdc-dialog-surface {
  background: #1a1d2a !important;
  color: #f3f4f6 !important;
  border: 1px solid #2d3148;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45) !important;
}
srf-feedback.feedback-overview {
  --sl-font-sans: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif);
  --sl-panel-background-color: #ffffff;
  --sl-overlay-background-color: rgba(15, 23, 42, 0.48);
  --sl-input-background-color: #ffffff;
  --sl-input-background-color-hover: #ffffff;
  --sl-input-background-color-focus: #ffffff;
  --sl-input-border-color: #cbd5e1;
  --sl-input-border-color-hover: #94a3b8;
  --sl-input-border-color-focus: #2563eb;
  --sl-input-color: #0f172a;
  --sl-input-color-hover: #0f172a;
  --sl-input-color-focus: #0f172a;
  --sl-input-placeholder-color: #64748b;
  color: #0f172a;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif);
}
srf-feedback.feedback-overview::part(panel) {
  border: 1px solid #dbe4f0;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}
srf-feedback.feedback-overview::part(title) {
  color: #0f172a;
  font-family: var(--srf-font-display, "Plus Jakarta Sans", -apple-system, sans-serif);
  font-size: 1.125rem;
  font-weight: 700;
}
srf-feedback.feedback-overview::part(body) {
  color: #334155;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif);
}
html.dark srf-feedback.feedback-overview,
body.dark srf-feedback.feedback-overview {
  --sl-panel-background-color: #111827;
  --sl-overlay-background-color: rgba(2, 6, 23, 0.76);
  --sl-input-background-color: #0f172a;
  --sl-input-background-color-hover: #111c31;
  --sl-input-background-color-focus: #111c31;
  --sl-input-border-color: #334155;
  --sl-input-border-color-hover: #475569;
  --sl-input-border-color-focus: #60a5fa;
  --sl-input-color: #e5e7eb;
  --sl-input-color-hover: #f8fafc;
  --sl-input-color-focus: #f8fafc;
  --sl-input-placeholder-color: #94a3b8;
  color: #e5e7eb;
}
html.dark srf-feedback.feedback-overview::part(panel),
body.dark srf-feedback.feedback-overview::part(panel) {
  border: 1px solid #2d3148;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.52);
}
html.dark srf-feedback.feedback-overview::part(title),
body.dark srf-feedback.feedback-overview::part(title) {
  color: #f8fafc;
}
html.dark srf-feedback.feedback-overview::part(body),
body.dark srf-feedback.feedback-overview::part(body) {
  color: #cbd5e1;
}
html.dark srf-feedback.feedback-overview::part(overlay),
body.dark srf-feedback.feedback-overview::part(overlay) {
  background: rgba(2, 6, 23, 0.76);
}
.mat-mdc-dialog-container srf-feedback.feedback-overview-web {
  position: absolute;
  inset: 0;
  z-index: 1000;
}
html.dark .cdk-overlay-container .mat-mdc-dialog-container,
body.dark .cdk-overlay-container .mat-mdc-dialog-container {
  --mdc-dialog-container-color: #000000 !important;
}
html.dark .cdk-overlay-container .mat-mdc-dialog-surface,
html.dark .cdk-overlay-container .mdc-dialog__surface,
body.dark .cdk-overlay-container .mat-mdc-dialog-surface,
body.dark .cdk-overlay-container .mdc-dialog__surface {
  background: #000000 !important;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu {
  --mat-menu-container-color: #131a2a;
  --mdc-menu-container-color: #131a2a;
  --mat-menu-item-label-text-color: #d6deee;
  --mat-menu-item-icon-color: #a4b0c6;
  --mat-menu-item-hover-state-layer-color: #1b2437;
  --mat-menu-item-focus-state-layer-color: #1b2437;
  background: #131a2a !important;
  border: 1px solid #2f3a54;
  box-shadow: 0 10px 30px rgba(2, 8, 23, 0.55) !important;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-content,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-content {
  background: transparent;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item {
  color: #d6deee !important;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item .mdc-list-item__primary-text,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item .mdc-list-item__primary-text {
  color: inherit !important;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item:hover,
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.cdk-focused,
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.cdk-program-focused,
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.mat-mdc-menu-item-highlighted,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item:hover {
  background: #1b2437 !important;
}
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.cdk-focused,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.cdk-program-focused,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-mdc-menu-item.mat-mdc-menu-item-highlighted {
  background: #1b2437 !important;
}
html.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-icon,
body.dark .cdk-overlay-container .mat-mdc-menu-panel.modern-menu .mat-icon {
  color: #a4b0c6 !important;
}
.has-proxy-user ion-content::part(scroll) {
  height: 79vh;
}
@keyframes spinner {
  0% {
    transform: rotate(0deg) rotateX(-55deg) rotateY(46.5deg);
  }
  100% {
    transform: rotate(0deg) rotateX(-415deg) rotateY(406.5deg);
  }
}
#logo-loader {
  width: 100px;
  --clr: rgb(0, 0, 0);
  --clr-alpha: rgb(0, 0, 0, 0);
  transform-style: preserve-3d;
  perspective: none;
}
html.dark #logo-loader,
body.dark #logo-loader {
  filter: none !important;
}
@keyframes spin3D {
  from {
    transform: rotate3d(0.5, 0.5, 0.5, 360deg);
  }
  to {
    transform: rotate3d(0deg);
  }
}
body.swal2-height-auto {
  display: block !important;
  z-index: 9999999999 !important;
  height: 100vh !important;
}
body.swal2-height-auto {
  height: 100% !important;
}
.h-100vh {
  height: 100vh !important;
}
.tick-before {
  pointer-events: none;
}
.segment-button-checked {
  border-bottom: 2px solid !important;
}
.cab-booking .segment-button-checked {
  border-bottom: none !important;
  color: #0030dd !important;
}
.custom-segment-tab .segment-button-checked {
  border-bottom: none !important;
  color: #0030dd !important;
}
.events-disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
}
.appDownload {
  position: fixed;
  right: 12px;
  bottom: 65px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 14px 6px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 10px;
}
.appDownload ion-icon {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 19px;
  height: 19px;
  color: #ffffff;
  background-color: #F44336;
  border-radius: 50%;
  z-index: 9;
  cursor: pointer;
}
.appDownload .appContent {
  padding: 0px 10px;
}
.appDownload .appContent h4 {
  color: #333;
  font-size: 18px;
  font-weight: 600;
  padding: 0px;
  margin: 0px 0px 2px;
}
.appDownload .appContent p {
  color: #333;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  line-height: 1.2;
}
.appDownloadIOS {
  position: fixed;
  left: 50%;
  bottom: 67px;
  width: 100%;
  min-width: 320px;
  max-width: 360px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #2dd36f;
  border-radius: 6px;
  padding: 6px 10px;
  transform: translate(-50%, 0px);
}
.appDownloadIOS ion-icon {
  width: 60px;
  height: 60px;
  color: #fff;
  margin: 0px 10px 0px 0px;
}
.appDownloadIOS .appContent {
  position: relative;
}
.appDownloadIOS .appContent p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  padding: 0px;
  margin: 0px;
}
.appDownloadIOS .appContent ion-icon {
  width: 22px;
  height: 22px;
  color: #fff;
  margin: 0px 4px 0px 0px;
}
.appDownloadIOS .arrow {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #2dd36f;
  position: absolute;
  bottom: -10px;
  right: 50%;
  animation-name: arrow;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes arrow {
  0% {
    transform: translate(0px, 6px);
  }
  25% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 6px);
  }
  75% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 6px);
  }
}
@media all and (display-mode: standalone) {
  .appDownload,
  .appDownloadIOS {
    display: none;
  }
}
.onlineStatus {
  position: fixed;
  left: 0px;
  bottom: 56px;
  z-index: 999;
}
.onlineStatus.hide {
  display: none;
}
.shk_this {
  transform: translate3d(0, 0, 0);
  animation-name: shakeMe;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes shakeMe {
  2%, 18% {
    transform: translate3d(-5px, 0, 0);
  }
  4%, 16% {
    transform: translate3d(5px, 0, 0);
  }
  6%, 10%, 14% {
    transform: translate3d(-5px, 0, 0);
  }
  8%, 12% {
    transform: translate3d(5px, 0, 0);
  }
  18.1% {
    transform: translate3d(0px, 0, 0);
  }
}
.visibility-hidden {
  visibility: hidden;
  position: absolute;
  height: 0.1px;
  width: 0.1px;
}
.overview-scroll {
  height: 75vh;
  overflow: auto;
}
ion-icon.close-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.red-dot {
  position: absolute;
  top: 50%;
  right: 4px;
  height: 5px;
  width: 5px;
  background: #e73232;
  border-radius: 30px;
}
.user-icon {
  position: relative;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.07) !important;
}
app-view-payslip .tableDesign tr td {
  word-break: break-word;
  padding: 0px 10px;
  vertical-align: baseline;
  padding-top: 5px !important;
}
#top-index-menu {
  z-index: 99999 !important;
}
.notification-hidden {
  visibility: hidden !important;
  position: absolute !important;
  height: 0.1px !important;
  width: 0.1px !important;
}
#left-menu::part(container) {
  width: 100vw;
}
.opacity-half {
  opacity: 0.5 !important;
}
.absolute-soon {
  margin-left: 4px;
  font-size: 8px;
  right: 41px;
  top: 30px;
}
.display-none {
  display: none !important;
}
.no-internet-header {
  position: fixed !important;
  z-index: 999999 !important;
  top: 0;
  right: 0;
  left: 0;
}
.section-dashboards-wrapper {
  height: 88vh;
  overflow: auto;
  padding-bottom: 10rem;
}
.web-dashboard-wrapper {
  height: 90vh;
}
@media (max-width: 1023px) {
  .web-dashboard-wrapper {
    padding-bottom: 2rem;
  }
}
.web-dashboard-wrapper.withAnnouncement {
  height: 85vh;
}
.mobile-notify {
  height: 80vh;
  overflow: auto;
}
.srf-tooltip {
  position: fixed;
  z-index: 9999;
  background: var(--srf-sidenav-bg, #1f2937);
  color: var(--srf-sidenav-text, #f9fafb);
  border: 1px solid var(--srf-sidenav-border, #374151);
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: none;
  animation: srf-tooltip-in 0.15s ease-out;
}
.srf-tooltip--left::before,
.srf-tooltip--right::before,
.srf-tooltip--top::before,
.srf-tooltip--bottom::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--srf-sidenav-bg, #1f2937);
}
.srf-tooltip--left::before {
  left: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-left: 1px solid var(--srf-sidenav-border, #374151);
  border-bottom: 1px solid var(--srf-sidenav-border, #374151);
}
.srf-tooltip--right::before {
  right: -5px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-right: 1px solid var(--srf-sidenav-border, #374151);
  border-top: 1px solid var(--srf-sidenav-border, #374151);
}
.srf-tooltip--top::before {
  top: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-left: 1px solid var(--srf-sidenav-border, #374151);
  border-top: 1px solid var(--srf-sidenav-border, #374151);
}
.srf-tooltip--bottom::before {
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-right: 1px solid var(--srf-sidenav-border, #374151);
  border-bottom: 1px solid var(--srf-sidenav-border, #374151);
}
.srf-tooltip .label {
  font-weight: bold;
}
.srf-tooltip ion-grid {
  padding: 0;
}
.srf-tooltip .text-right {
  display: flex;
  align-items: end;
  flex-direction: column;
}
.srf-tooltip {
}
.srf-tooltip .cardData {
  padding: 8px 4px;
}
.srf-tooltip .cardData ion-icon.mobile-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.srf-tooltip .cardData p {
  margin: 0 0 4px 0;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 500;
}
.srf-tooltip .cardData h4 {
  margin: 0;
  font-size: 15px;
  color: var(--text-heading);
  font-weight: 600;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 4px;
}
.srf-tooltip .cardData h4.linkText {
  color: var(--blue-theme-link-text);
  cursor: pointer;
  text-decoration: underline;
  display: flex;
  justify-content: center;
}
.srf-tooltip .cardData h4.text-lg {
  font-size: 18px;
}
.srf-tooltip .cardData .option-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
}
.srf-tooltip .cardData .option-items .option-items-row {
  display: flex;
  font-size: 15px;
  gap: 0.75rem;
  padding-top: 0.25rem;
  justify-content: space-between;
}
.srf-tooltip .cardData .downloadIcon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  color: var(--blue-theme-link-text);
}
.srf-tooltip .cardData {
}
.srf-tooltip .cardData.highlighted {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 4px;
}
.srf-tooltip .cardData.highlighted .flex-column {
  display: flex;
  flex-direction: column;
}
.srf-tooltip .cardData.highlighted .items-start {
  align-items: flex-start;
}
.srf-tooltip .cardData.highlighted .items-center {
  align-items: center;
}
.srf-tooltip .cardData.highlighted .items-end {
  align-items: flex-end;
}
.srf-tooltip .cardData.highlighted .justify-center {
  justify-content: center;
}
.srf-tooltip .cardData.highlighted .w-50 {
  width: 50%;
}
.srf-tooltip .cardData.highlighted .support-text {
  font-size: 11px;
  font-weight: 500;
  color: var(--text-muted);
}
.srf-tooltip .cardData.highlighted .support-text.whitespace-nowrap {
  white-space: nowrap;
}
.srf-tooltip .cardData.highlighted .support-text.text-right {
  text-align: right;
}
.srf-tooltip .cardData.highlighted .direction-icon {
  font-size: 20px;
  color: var(--blue-theme-orange);
}
.srf-tooltip .cardData.highlighted {
}
.srf-tooltip .cardData.highlighted .moving-arrow {
  width: 60px;
  height: 2px;
  background:
    repeating-linear-gradient(
      to right,
      var(--blue-theme-orange) 0,
      var(--blue-theme-orange) 5px,
      transparent 5px,
      transparent 9px);
  position: relative;
  animation: skyBlueMove 1s linear infinite;
}
.srf-tooltip .cardData.highlighted .moving-arrow::after {
  content: "";
  position: absolute;
  right: -3px;
  top: -3px;
  border-left: 5px solid var(--blue-theme-orange);
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.srf-tooltip .cardData mgt-person {
  --person-line1-font-size: 15px;
}
.srf-tooltip .two-Ways-arrows {
  display: inline-block;
  transform: scaleX(2.5);
  text-align: center;
  font-size: 36px;
  line-height: 0.5;
  vertical-align: middle;
  color: var(--blue-theme-orange);
}
.srf-tooltip .cardButton {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 6px 0px 0px;
  z-index: 2;
}
.srf-tooltip .cardButton .cardButtonData {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.srf-tooltip .cardButton .cardButtonData .icon {
  font-size: 20px;
}
.srf-tooltip .cardButton .cardButtonData p {
  margin: 0px;
  font-size: 12px;
}
@keyframes srf-tooltip-in {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.lam-fab {
  --background:
    linear-gradient(
      135deg,
      #f97316,
      #f59e0b);
  --box-shadow: 0 6px 20px rgba(249, 115, 22, 0.35);
  --border-radius: 16px;
  width: 52px;
  height: 52px;
}
.lam-fab span {
  color: #fff;
}
.angular-web-content {
  height: 73dvh;
  overflow: auto;
}
.cdk-overlay-pane.expense-popup-dialog--fullscreen {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  margin: 0 !important;
}
.cdk-overlay-pane.expense-popup-dialog--fullscreen .mat-mdc-dialog-container {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
}
.cdk-overlay-pane.expense-popup-dialog--fullscreen .mat-mdc-dialog-surface {
  border-radius: 0 !important;
}
.cab-section,
.travel-shell-section {
  border: 1px solid #edf1f6;
  border-radius: 12px;
  padding: 0.625rem 0.75rem 0.75rem;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}
.cab-section + .cab-section,
.travel-shell-section + .travel-shell-section {
  margin-top: 0.5rem;
}
.cab-section--user,
.cab-section--booking,
.cab-section--cost {
  background: #ffffff;
  border-color: #edf1f6;
}
.cab-section__head,
.travel-shell-section__head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid #e8eaf0;
  margin-bottom: 0.75rem;
}
.travel-shell-section__head--between {
  justify-content: space-between;
}
.travel-shell-section__lead {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}
.cab-section__icon,
.travel-shell-section__icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cab-section__icon .material-symbols-rounded,
.travel-shell-section__icon .material-symbols-rounded {
  font-size: 1rem;
}
.cab-section__icon--user,
.travel-shell-section__icon--user {
  background: #eff6ff;
  color: #3b82f6;
}
.cab-section__icon--booking,
.travel-shell-section__icon--booking {
  background: #fef3c7;
  color: #d97706;
}
.cab-section__icon--cost,
.travel-shell-section__icon--cost {
  background: #ecfdf5;
  color: #059669;
}
.cab-section__copy,
.travel-shell-section__copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
  flex: 1;
}
.cab-section__title,
.travel-shell-section__title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1a1d26;
  margin: 0;
  line-height: 1.3;
}
.cab-section__desc,
.travel-shell-section__desc {
  font-size: 0.6875rem;
  color: #8b92a5;
  margin: 0;
  line-height: 1.3;
}
.cab-section__body,
.travel-shell-section__body {
  padding: 0 0 0.25rem;
}
html.dark .cab-section,
html.dark .travel-shell-section {
  background: #161d2d;
  border-color: #1f2937;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}
html.dark .cab-section--user,
html.dark .cab-section--booking,
html.dark .cab-section--cost {
  background: #161d2d;
  border-color: #1f2937;
}
html.dark .cab-section__head,
html.dark .travel-shell-section__head {
  border-bottom-color: #1f2937;
}
html.dark .cab-section__title,
html.dark .travel-shell-section__title {
  color: #e5e7eb;
}
html.dark .cab-section__desc,
html.dark .travel-shell-section__desc {
  color: #6b7280;
}
html.dark .cab-section__icon--user,
html.dark .travel-shell-section__icon--user {
  background: rgba(59, 130, 246, 0.12);
  color: #60a5fa;
}
html.dark .cab-section__icon--booking,
html.dark .travel-shell-section__icon--booking {
  background: rgba(217, 119, 6, 0.12);
  color: #fbbf24;
}
html.dark .cab-section__icon--cost,
html.dark .travel-shell-section__icon--cost {
  background: rgba(5, 150, 105, 0.12);
  color: #34d399;
}
html.dark mgt-person,
html.dark mgt-people,
html.dark mgt-person-card,
body.dark mgt-person,
body.dark mgt-people,
body.dark mgt-person-card {
  --person-card-background-color: #161d2d;
  --person-card-border-color: #2d3148;
  --person-card-box-shadow: 0 20px 40px rgba(2, 6, 23, 0.48);
  --person-card-line1-text-color: #f8fafc;
  --person-card-line2-text-color: #cbd5e1;
  --person-card-line3-text-color: #94a3b8;
  --person-card-icon-color: #fb923c;
  --person-card-icon-hover-color: #fdba74;
  --person-card-show-more-color: #fb923c;
  --person-card-show-more-hover-color: #fed7aa;
  --person-card-fluent-background-color: rgba(255, 255, 255, 0.04);
  --person-card-fluent-background-color-hover: rgba(255, 255, 255, 0.08);
  --person-card-expanded-background-color-hover: rgba(255, 255, 255, 0.06);
  --person-card-chat-input-hover-color: #23283a;
  --person-card-chat-input-border-color: #334155;
  --person-card-chat-input-focus-color: #1f2937;
  --contact-background-color: rgba(255, 255, 255, 0.03);
  --contact-title-color: #94a3b8;
  --contact-value-color: #e2e8f0;
  --contact-link-color: #7dd3fc;
  --contact-link-hover-color: #bae6fd;
  --contact-copy-icon-color: #cbd5e1;
  --message-subject-color: #f8fafc;
  --message-from-color: #cbd5e1;
  --message-color: #94a3b8;
  --message-hover-color: rgba(255, 255, 255, 0.05);
  --message-date-color: #64748b;
  --profile-background-color: rgba(255, 255, 255, 0.03);
  --profile-title-color: #f8fafc;
  --profile-section-title-color: #94a3b8;
  --profile-token-item-color: #e2e8f0;
  --profile-token-item-background-color: rgba(255, 255, 255, 0.06);
  --profile-token-overflow-color: #94a3b8;
  --organization-active-org-member-border-color: #fb923c;
  --organization-active-org-member-target-background-color: rgba(249, 115, 22, 0.18);
  --organization-coworker-hover-color: rgba(255, 255, 255, 0.06);
  --organization-coworker-border-color: #334155;
  --organization-title-color: #f8fafc;
  --organization-sub-title-color: #94a3b8;
  --organization-hover-color: rgba(255, 255, 255, 0.06);
}

/* node_modules/ngx-spinner/animations/square-jelly-box.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-square-jelly-box,
.la-square-jelly-box > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-square-jelly-box {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-square-jelly-box.la-dark {
  color: #333;
}
.la-square-jelly-box > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-square-jelly-box {
  width: 32px;
  height: 32px;
}
.la-square-jelly-box > div:nth-child(1),
.la-square-jelly-box > div:nth-child(2) {
  position: absolute;
  left: 0;
  width: 100%;
}
.la-square-jelly-box > div:nth-child(1) {
  top: -25%;
  z-index: 1;
  height: 100%;
  border-radius: 10%;
  -webkit-animation: square-jelly-box-animate .6s -.1s linear infinite;
  -moz-animation: square-jelly-box-animate .6s -.1s linear infinite;
  -o-animation: square-jelly-box-animate .6s -.1s linear infinite;
  animation: square-jelly-box-animate .6s -.1s linear infinite;
}
.la-square-jelly-box > div:nth-child(2) {
  bottom: -9%;
  height: 10%;
  background: #000;
  border-radius: 50%;
  opacity: .2;
  -webkit-animation: square-jelly-box-shadow .6s -.1s linear infinite;
  -moz-animation: square-jelly-box-shadow .6s -.1s linear infinite;
  -o-animation: square-jelly-box-shadow .6s -.1s linear infinite;
  animation: square-jelly-box-shadow .6s -.1s linear infinite;
}
.la-square-jelly-box.la-sm {
  width: 16px;
  height: 16px;
}
.la-square-jelly-box.la-2x {
  width: 64px;
  height: 64px;
}
.la-square-jelly-box.la-3x {
  width: 96px;
  height: 96px;
}
@-webkit-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -webkit-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
    transform: translateY(50%) scale(1, .9) rotate(45deg);
  }
  75% {
    -webkit-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-moz-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -moz-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
    transform: translateY(50%) scale(1, .9) rotate(45deg);
  }
  75% {
    -moz-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -moz-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-o-keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -o-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
    transform: translateY(50%) scale(1, .9) rotate(45deg);
  }
  75% {
    -o-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -o-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes square-jelly-box-animate {
  17% {
    border-bottom-right-radius: 10%;
  }
  25% {
    -webkit-transform: translateY(25%) rotate(22.5deg);
    -moz-transform: translateY(25%) rotate(22.5deg);
    -o-transform: translateY(25%) rotate(22.5deg);
    transform: translateY(25%) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 100%;
    -webkit-transform: translateY(50%) scale(1, .9) rotate(45deg);
    -moz-transform: translateY(50%) scale(1, .9) rotate(45deg);
    -o-transform: translateY(50%) scale(1, .9) rotate(45deg);
    transform: translateY(50%) scale(1, .9) rotate(45deg);
  }
  75% {
    -webkit-transform: translateY(25%) rotate(67.5deg);
    -moz-transform: translateY(25%) rotate(67.5deg);
    -o-transform: translateY(25%) rotate(67.5deg);
    transform: translateY(25%) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
    -moz-transform: translateY(0) rotate(90deg);
    -o-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes square-jelly-box-shadow {
  50% {
    -webkit-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@-moz-keyframes square-jelly-box-shadow {
  50% {
    -moz-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@-o-keyframes square-jelly-box-shadow {
  50% {
    -o-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}
@keyframes square-jelly-box-shadow {
  50% {
    -webkit-transform: scale(1.25, 1);
    -moz-transform: scale(1.25, 1);
    -o-transform: scale(1.25, 1);
    transform: scale(1.25, 1);
  }
}

/* src/theme/variables.css */

/* src/theme/variables.scss */
:root {
  --ion-color-primary: #f97316;
  --ion-color-primary-rgb:
    249,
    115,
    22;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #ea580c;
  --ion-color-primary-tint: #fb923c;
  --ion-color-warning: #F75C18;
  --ion-font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb:
    61,
    194,
    255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  --ion-text-color: #333333;
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb:
    82,
    96,
    255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb:
    45,
    211,
    111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #F75C18;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb:
    235,
    68,
    90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb:
    146,
    148,
    156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --blue-dark: #1395d3;
  --blue-lite: #55c5ce;
  --srf-primary-light-bgColor: #ffffff;
  --srf-primary-light-fgColor: #02538a;
  --ion-font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-row-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-header-headline-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-footer-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-text-field-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-text-field-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-text-field-input-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-text-field-input-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-form-field-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-form-field-subscript-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-select-trigger-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-option-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-text-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-protected-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-dialog-subhead-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mdc-dialog-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-dialog-headline-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mdc-snackbar-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-tab-header-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-tab-indicator-active-indicator-color: #f97316;
  --mat-paginator-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-paginator-select-trigger-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-checkbox-state-layer-size: 36px;
  --mdc-radio-state-layer-size: 36px;
  --mat-menu-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-chip-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-list-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-expansion-header-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-expansion-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-stepper-header-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-card-title-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-card-subtitle-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-toolbar-title-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-datepicker-calendar-body-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-datepicker-calendar-period-button-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --srf-accent-light-bgColor: #faeae7;
  --srf-accent-light-fgColor: #ba430c;
  --srf-accent-medium-fgColor: #e94103;
  --srf-sidenav-bg: #ffffff;
  --srf-sidenav-text: #374151;
  --srf-sidenav-text-muted: #6b7280;
  --srf-sidenav-border: #e5e7eb;
  --srf-sidenav-hover-bg: #f3f4f6;
  --srf-sidenav-active-bg: rgba(37, 99, 235, 0.08);
  --srf-sidenav-active-color: #2563eb;
  --srf-sidenav-dot-default: #d1d5db;
  --srf-popover-bg: #ffffff;
  --srf-popover-text: #374151;
  --srf-popover-text-muted: #6b7280;
  --srf-popover-border: #ebebeb;
  --srf-popover-hover-bg: #f3f4f6;
  --srf-popover-icon-bg: var(--srf-primary-light-bgColor);
  --srf-popover-icon-color: var(--srf-primary-light-fgColor);
}
.dark {
  --srf-sidenav-bg: #1e1e1e;
  --srf-sidenav-text: #e5e7eb;
  --srf-sidenav-text-muted: #9ca3af;
  --srf-sidenav-border: #2d2d2d;
  --srf-sidenav-hover-bg: #2a2a2a;
  --srf-sidenav-active-bg: rgba(96, 165, 250, 0.12);
  --srf-sidenav-active-color: #60a5fa;
  --srf-sidenav-dot-default: #4b5563;
  --srf-popover-bg: #1e1e1e;
  --srf-popover-text: #e5e7eb;
  --srf-popover-text-muted: #9ca3af;
  --srf-popover-border: #333333;
  --srf-popover-hover-bg: #2a2a2a;
  --srf-popover-icon-bg: #2a2a2a;
  --srf-popover-icon-color: #60a5fa;
}
@media (prefers-color-scheme: none) {
  body {
    --ion-color-primary: #fb923c;
    --ion-color-primary-rgb:
      251,
      146,
      60;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb:
      255,255,255;
    --ion-color-primary-shade: #f97316;
    --ion-color-primary-tint: #fdba74;
    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb:
      80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb:
      255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;
    --ion-color-tertiary: #6a64ff;
    --ion-color-tertiary-rgb:
      106,100,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb:
      255,255,255;
    --ion-color-tertiary-shade: #5d58e0;
    --ion-color-tertiary-tint: #7974ff;
    --ion-color-success: #2fdf75;
    --ion-color-success-rgb:
      47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb:
      0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;
    --ion-color-warning: #F75C18;
    --ion-color-warning-rgb:
      255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb:
      0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;
    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb:
      255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb:
      255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;
    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb:
      244,245,248;
    --ion-color-dark-contrast: #000000;
    --ion-color-dark-contrast-rgb:
      0,0,0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb:
      152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb:
      0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #222428;
    --ion-color-light-rgb:
      34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb:
      255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }
  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb:
      0,0,0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,255,255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }
  .ios ion-modal {
    --ion-background-color: var(--ion-color-step-100);
    --ion-toolbar-background: var(--ion-color-step-150);
    --ion-toolbar-border-color: var(--ion-color-step-250);
  }
  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb:
      18,18,18;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,255,255;
    --ion-border-color: #222222;
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3;
    --ion-item-background: #1e1e1e;
    --ion-toolbar-background: #1f1f1f;
    --ion-tab-bar-background: #1f1f1f;
    --ion-card-background: #1e1e1e;
  }
}
body.dark {
  --ion-color-primary: #fb923c;
  --ion-color-primary-rgb:
    251,
    146,
    60;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,255,255;
  --ion-color-primary-shade: #f97316;
  --ion-color-primary-tint: #fdba74;
  --ion-color-secondary: #50c8ff;
  --ion-color-secondary-rgb:
    80,200,255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,255,255;
  --ion-color-secondary-shade: #46b0e0;
  --ion-color-secondary-tint: #62ceff;
  --ion-color-tertiary: #6a64ff;
  --ion-color-tertiary-rgb:
    106,100,255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,255,255;
  --ion-color-tertiary-shade: #5d58e0;
  --ion-color-tertiary-tint: #7974ff;
  --ion-color-success: #2fdf75;
  --ion-color-success-rgb:
    47,223,117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb:
    0,0,0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;
  --ion-color-warning: #F75C18;
  --ion-color-warning-rgb:
    255,213,52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb:
    0,0,0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;
  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb:
    255,73,97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,255,255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb:
    244,245,248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb:
    0,0,0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb:
    152,154,162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb:
    0,0,0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb:
    34,36,40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb:
    255,255,255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
}
.ios body.dark {
  --ion-background-color: #000000;
  --ion-background-color-rgb:
    0,
    0,
    0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb:
    255,
    255,
    255;
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
  --ion-toolbar-background: #0d0d0d;
  --ion-item-background: #1c1c1c;
  --ion-item-background-activated: #313131;
}
.md body.dark {
  --ion-background-color: #121212;
  --ion-background-color-rgb:
    18,
    18,
    18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb:
    255,
    255,
    255;
  --ion-border-color: #222222;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1a1b1e;
}
ion-item {
  --transition: none;
}
:root {
  --mat-mdc-form-field-padding: 0.5rem;
  --mat-mdc-form-field-border-radius: 0.375rem;
  --mat-mdc-form-field-outline-width: 2px;
  --mat-mdc-form-field-outline-color: var(--srf-blue);
  --mat-mdc-form-field-label-color: var(--text-gray-600);
  --mat-mdc-form-field-label-font-size: 0.875rem;
  --mat-mdc-form-field-label-font-weight: 500;
  --mat-mdc-input-text-color: var(--text-gray-800);
  --mat-mdc-input-placeholder-color: var(--text-gray-400);
  --mat-mdc-input-font-size: 0.875rem;
  --mat-mdc-input-font-weight: 400;
  --mat-mdc-error-text-color: var(--text-red-500);
  --mat-mdc-error-font-size: 0.75rem;
  --mat-mdc-error-font-weight: 500;
  --mat-mdc-form-field-hover-outline-color: var(--srf-orange);
  --mat-mdc-form-field-focus-outline-color: var(--srf-blue);
}

/* node_modules/@ionic/angular/css/core.css */
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb:
    0,
    84,
    233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb:
    1,
    99,
    170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb:
    96,
    48,
    255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb:
    45,
    213,
    91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb:
    0,
    0,
    0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb:
    197,
    0,
    15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb:
    99,
    100,
    105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}
html.ios {
  --ion-default-font:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Roboto",
    sans-serif;
}
html.md {
  --ion-default-font:
    "Roboto",
    "Helvetica Neue",
    sans-serif;
}
html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type,
html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
html.ios ion-modal ion-toolbar,
html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden {
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid,
html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0, 0, 0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}
.menu-content-open ion-content {
  --overflow: hidden;
}
.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, .08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, .08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, .18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
[ion-last-focus],
header[tabindex="-1"]:focus,
[role=banner][tabindex="-1"]:focus,
main[tabindex="-1"]:focus,
[role=main][tabindex="-1"]:focus,
h1[tabindex="-1"]:focus,
[role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}
.popover-viewport:has(> ion-content) {
  overflow: hidden;
}
@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
}

/* src/light.css */
:root,
:host,
.sl-theme-light {
  color-scheme: light;
  --sl-color-gray-50: hsl(0 0% 97.5%);
  --sl-color-gray-100: hsl(240 4.8% 95.9%);
  --sl-color-gray-200: hsl(240 5.9% 90%);
  --sl-color-gray-300: hsl(240 4.9% 83.9%);
  --sl-color-gray-400: hsl(240 5% 64.9%);
  --sl-color-gray-500: hsl(240 3.8% 46.1%);
  --sl-color-gray-600: hsl(240 5.2% 33.9%);
  --sl-color-gray-700: hsl(240 5.3% 26.1%);
  --sl-color-gray-800: hsl(240 3.7% 15.9%);
  --sl-color-gray-900: hsl(240 5.9% 10%);
  --sl-color-gray-950: hsl(240 7.3% 8%);
  --sl-color-red-50: hsl(0 85.7% 97.3%);
  --sl-color-red-100: hsl(0 93.3% 94.1%);
  --sl-color-red-200: hsl(0 96.3% 89.4%);
  --sl-color-red-300: hsl(0 93.5% 81.8%);
  --sl-color-red-400: hsl(0 90.6% 70.8%);
  --sl-color-red-500: hsl(0 84.2% 60.2%);
  --sl-color-red-600: hsl(0 72.2% 50.6%);
  --sl-color-red-700: hsl(0 73.7% 41.8%);
  --sl-color-red-800: hsl(0 70% 35.3%);
  --sl-color-red-900: hsl(0 62.8% 30.6%);
  --sl-color-red-950: hsl(0 60% 19.6%);
  --sl-color-orange-50: hsl(33.3 100% 96.5%);
  --sl-color-orange-100: hsl(34.3 100% 91.8%);
  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
  --sl-color-orange-400: hsl(27 96% 61%);
  --sl-color-orange-500: hsl(24.6 95% 53.1%);
  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
  --sl-color-orange-800: hsl(15 79.1% 33.7%);
  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
  --sl-color-orange-950: hsl(15.2 69.1% 19%);
  --sl-color-amber-50: hsl(48 100% 96.1%);
  --sl-color-amber-100: hsl(48 96.5% 88.8%);
  --sl-color-amber-200: hsl(48 96.6% 76.7%);
  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
  --sl-color-amber-700: hsl(26 90.5% 37.1%);
  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
  --sl-color-lime-50: hsl(78.3 92% 95.1%);
  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
  --sl-color-lime-300: hsl(82 84.5% 67.1%);
  --sl-color-lime-400: hsl(82.7 78% 55.5%);
  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
  --sl-color-lime-800: hsl(86.3 69% 22.7%);
  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
  --sl-color-green-200: hsl(141 78.9% 85.1%);
  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
  --sl-color-green-400: hsl(141.9 69.2% 58%);
  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
  --sl-color-green-950: hsl(144.3 60.7% 12%);
  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
  --sl-color-teal-400: hsl(172.5 66% 50.4%);
  --sl-color-teal-500: hsl(173.4 80.4% 40%);
  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
  --sl-color-teal-900: hsl(175.9 60.8% 19%);
  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
  --sl-color-cyan-300: hsl(187 92.4% 69%);
  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
  --sl-color-sky-50: hsl(208 100% 97.1%);
  --sl-color-sky-100: hsl(208 93.8% 93.7%);
  --sl-color-sky-200: hsl(208 94.4% 86.1%);
  --sl-color-sky-300: hsl(208 95.5% 73.9%);
  --sl-color-sky-400: hsl(208, 97%, 59%);
  --sl-color-sky-500: hsl(208, 97%, 45%);
  --sl-color-sky-600: hsl(208, 97%, 37%);
  --sl-color-sky-700: hsl(208, 97%, 29%);
  --sl-color-sky-800: hsl(208, 97%, 26%);
  --sl-color-sky-900: hsl(208, 97%, 24%);
  --sl-color-sky-950: hsl(208, 97%, 15%);
  --sl-color-blue-50: hsl(213.8 100% 96.9%);
  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
  --sl-color-blue-700: hsl(224.3 76.3% 48%);
  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
  --sl-color-violet-50: hsl(250 100% 97.6%);
  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
  --sl-color-violet-700: hsl(263.4 70% 50.4%);
  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
  --sl-color-purple-50: hsl(270 100% 98%);
  --sl-color-purple-100: hsl(268.7 100% 95.5%);
  --sl-color-purple-200: hsl(268.6 100% 91.8%);
  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
  --sl-color-purple-400: hsl(270 95.2% 75.3%);
  --sl-color-purple-500: hsl(270.7 91% 65.1%);
  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
  --sl-color-purple-900: hsl(273.6 65.6% 32%);
  --sl-color-purple-950: hsl(276 59.5% 16.5%);
  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
  --sl-color-pink-700: hsl(335.1 77.6% 42%);
  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
  --sl-color-pink-900: hsl(335.9 69% 30.4%);
  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
  --sl-color-rose-50: hsl(355.7 100% 97.3%);
  --sl-color-rose-100: hsl(355.6 100% 94.7%);
  --sl-color-rose-200: hsl(352.7 96.1% 90%);
  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
  --sl-border-radius-small: 0.1875rem;
  --sl-border-radius-medium: 0.25rem;
  --sl-border-radius-large: 0.5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
  --sl-spacing-3x-small: 0.125rem;
  --sl-spacing-2x-small: 0.25rem;
  --sl-spacing-x-small: 0.5rem;
  --sl-spacing-small: 0.75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1000ms;
  --sl-transition-slow: 500ms;
  --sl-transition-medium: 250ms;
  --sl-transition-fast: 150ms;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono:
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --sl-font-sans:
    "Roboto",
    Arial,
    sans-serif !important;
  --sl-font-serif:
    Georgia,
    "Times New Roman",
    serif;
  --sl-font-size-2x-small: 0.625rem;
  --sl-font-size-x-small: 0.75rem;
  --sl-font-size-small: 0.875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -0.03em;
  --sl-letter-spacing-dense: -0.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: 0.075em;
  --sl-letter-spacing-looser: 0.15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-600);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-300);
  --sl-input-border-color-hover: var(--sl-color-neutral-400);
  --sl-input-border-color-focus: var(--sl-color-primary-500);
  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-500);
  --sl-toggle-size-small: 0.875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
  --sl-panel-background-color: var(--sl-color-neutral-0);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
  --sapBackgroundColor: #ffffff ;
}

/* src/dark.css */
:host,
.sl-theme-dark {
  color-scheme: dark;
  --sl-color-gray-50: hsl(240 5.1% 15%);
  --sl-color-gray-100: hsl(240 5.7% 18.2%);
  --sl-color-gray-200: hsl(240 4.6% 22%);
  --sl-color-gray-300: hsl(240 5% 27.6%);
  --sl-color-gray-400: hsl(240 5% 35.5%);
  --sl-color-gray-500: hsl(240 3.7% 44%);
  --sl-color-gray-600: hsl(240 5.3% 58%);
  --sl-color-gray-700: hsl(240 5.6% 73%);
  --sl-color-gray-800: hsl(240 7.3% 84%);
  --sl-color-gray-900: hsl(240 9.1% 91.8%);
  --sl-color-gray-950: hsl(0 0% 95%);
  --sl-color-red-50: hsl(0 56% 23.9%);
  --sl-color-red-100: hsl(0.6 60% 33.9%);
  --sl-color-red-200: hsl(0.9 67.2% 37.1%);
  --sl-color-red-300: hsl(1.1 71.3% 43.7%);
  --sl-color-red-400: hsl(1 76% 52.5%);
  --sl-color-red-500: hsl(0.7 89.6% 57.2%);
  --sl-color-red-600: hsl(0 98.6% 67.9%);
  --sl-color-red-700: hsl(0 100% 72.3%);
  --sl-color-red-800: hsl(0 100% 85.6%);
  --sl-color-red-900: hsl(0 100% 90.3%);
  --sl-color-red-950: hsl(0 100% 95.9%);
  --sl-color-orange-50: hsl(15 64.2% 23.3%);
  --sl-color-orange-100: hsl(15.1 70.9% 31.1%);
  --sl-color-orange-200: hsl(15.3 75.7% 35.5%);
  --sl-color-orange-300: hsl(17.1 83.5% 42.7%);
  --sl-color-orange-400: hsl(20.1 88% 50.8%);
  --sl-color-orange-500: hsl(24.3 100% 50.5%);
  --sl-color-orange-600: hsl(27.2 100% 57.7%);
  --sl-color-orange-700: hsl(31.3 100% 68.7%);
  --sl-color-orange-800: hsl(33.8 100% 79.3%);
  --sl-color-orange-900: hsl(38.9 100% 87.7%);
  --sl-color-orange-950: hsl(46.2 100% 95%);
  --sl-color-amber-50: hsl(21.9 66.3% 21.1%);
  --sl-color-amber-100: hsl(21.5 73.6% 29.7%);
  --sl-color-amber-200: hsl(22.3 77.6% 33.3%);
  --sl-color-amber-300: hsl(25.4 84.2% 39.6%);
  --sl-color-amber-400: hsl(31.4 87.4% 46.7%);
  --sl-color-amber-500: hsl(37 96.6% 48.3%);
  --sl-color-amber-600: hsl(43.3 100% 53.4%);
  --sl-color-amber-700: hsl(46.5 100% 61.1%);
  --sl-color-amber-800: hsl(49.3 100% 73%);
  --sl-color-amber-900: hsl(51.8 100% 85%);
  --sl-color-amber-950: hsl(60 100% 94.6%);
  --sl-color-yellow-50: hsl(32.5 60% 18.2%);
  --sl-color-yellow-100: hsl(28.1 68.6% 29%);
  --sl-color-yellow-200: hsl(31.3 75.8% 30.8%);
  --sl-color-yellow-300: hsl(34.7 84.4% 35.3%);
  --sl-color-yellow-400: hsl(40.1 87.3% 43.3%);
  --sl-color-yellow-500: hsl(44.7 88% 46%);
  --sl-color-yellow-600: hsl(47.7 100% 50.9%);
  --sl-color-yellow-700: hsl(51.3 100% 59.9%);
  --sl-color-yellow-800: hsl(54.6 100% 73%);
  --sl-color-yellow-900: hsl(58.9 100% 84.2%);
  --sl-color-yellow-950: hsl(60 100% 94%);
  --sl-color-lime-50: hsl(86.5 54.4% 18%);
  --sl-color-lime-100: hsl(87.6 56.8% 23.3%);
  --sl-color-lime-200: hsl(85.8 63.2% 24.5%);
  --sl-color-lime-300: hsl(86.1 72% 29.4%);
  --sl-color-lime-400: hsl(85.5 76.8% 37.3%);
  --sl-color-lime-500: hsl(84.3 74.2% 42.1%);
  --sl-color-lime-600: hsl(82.8 81.5% 52.6%);
  --sl-color-lime-700: hsl(82 89.9% 64%);
  --sl-color-lime-800: hsl(80.9 97.9% 76.6%);
  --sl-color-lime-900: hsl(77.9 100% 85.8%);
  --sl-color-lime-950: hsl(69.5 100% 93.8%);
  --sl-color-green-50: hsl(144.3 53.6% 16%);
  --sl-color-green-100: hsl(143.2 55.4% 23.5%);
  --sl-color-green-200: hsl(141.5 58.2% 26.3%);
  --sl-color-green-300: hsl(140.8 64.2% 31.8%);
  --sl-color-green-400: hsl(140.3 68% 39.2%);
  --sl-color-green-500: hsl(141.1 64.9% 43%);
  --sl-color-green-600: hsl(141.6 72.4% 55.2%);
  --sl-color-green-700: hsl(141.7 82.7% 70.1%);
  --sl-color-green-800: hsl(141 90.9% 82.1%);
  --sl-color-green-900: hsl(142 100% 89.1%);
  --sl-color-green-950: hsl(144 100% 95.5%);
  --sl-color-emerald-50: hsl(164.3 75% 13.5%);
  --sl-color-emerald-100: hsl(163.5 72.6% 20.1%);
  --sl-color-emerald-200: hsl(162.1 73.7% 22.4%);
  --sl-color-emerald-300: hsl(161.3 77.3% 27.6%);
  --sl-color-emerald-400: hsl(159.6 77.1% 34.3%);
  --sl-color-emerald-500: hsl(159.1 73.5% 37.9%);
  --sl-color-emerald-600: hsl(157.8 66.8% 48.9%);
  --sl-color-emerald-700: hsl(156.2 76.1% 63.8%);
  --sl-color-emerald-800: hsl(152.4 84.4% 77.4%);
  --sl-color-emerald-900: hsl(149.3 100% 87%);
  --sl-color-emerald-950: hsl(158.6 100% 94.8%);
  --sl-color-teal-50: hsl(176.5 51.5% 15.4%);
  --sl-color-teal-100: hsl(175.9 54.7% 22.3%);
  --sl-color-teal-200: hsl(175.9 60.7% 23.9%);
  --sl-color-teal-300: hsl(174.5 67.3% 28.8%);
  --sl-color-teal-400: hsl(174.4 71.9% 34.9%);
  --sl-color-teal-500: hsl(173.1 71% 38.3%);
  --sl-color-teal-600: hsl(172.3 68.2% 48.1%);
  --sl-color-teal-700: hsl(170.5 81.3% 61.5%);
  --sl-color-teal-800: hsl(168.4 92.1% 75.2%);
  --sl-color-teal-900: hsl(168.3 100% 86%);
  --sl-color-teal-950: hsl(180 100% 95.5%);
  --sl-color-cyan-50: hsl(197.1 53.8% 20.3%);
  --sl-color-cyan-100: hsl(196.8 57.3% 27.2%);
  --sl-color-cyan-200: hsl(195.3 62.7% 29.4%);
  --sl-color-cyan-300: hsl(193.5 71.3% 34.1%);
  --sl-color-cyan-400: hsl(192.5 76.8% 40.6%);
  --sl-color-cyan-500: hsl(189.4 78.6% 42.6%);
  --sl-color-cyan-600: hsl(188.2 89.1% 51.7%);
  --sl-color-cyan-700: hsl(187 98.6% 66.2%);
  --sl-color-cyan-800: hsl(184.9 100% 78.3%);
  --sl-color-cyan-900: hsl(180 100% 86.6%);
  --sl-color-cyan-950: hsl(180 100% 94.8%);
  --sl-color-sky-50: hsl(203 63.8% 20.9%);
  --sl-color-sky-100: hsl(203.4 70.4% 28%);
  --sl-color-sky-200: hsl(202.7 75.8% 30.8%);
  --sl-color-sky-300: hsl(203.1 80.4% 36.1%);
  --sl-color-sky-400: hsl(202.1 80.5% 44.3%);
  --sl-color-sky-500: hsl(199.7 85.9% 47.7%);
  --sl-color-sky-600: hsl(198.7 97.9% 57.2%);
  --sl-color-sky-700: hsl(198.7 100% 70.5%);
  --sl-color-sky-800: hsl(198.8 100% 82.5%);
  --sl-color-sky-900: hsl(198.5 100% 89.9%);
  --sl-color-sky-950: hsl(186 100% 95.5%);
  --sl-color-blue-50: hsl(227.1 49.5% 22.7%);
  --sl-color-blue-100: hsl(225.8 58.9% 36.8%);
  --sl-color-blue-200: hsl(227.7 64.4% 42.9%);
  --sl-color-blue-300: hsl(226.1 72.7% 51.2%);
  --sl-color-blue-400: hsl(222.6 86.5% 56.3%);
  --sl-color-blue-500: hsl(217.8 95.8% 57.4%);
  --sl-color-blue-600: hsl(213.3 100% 65%);
  --sl-color-blue-700: hsl(210.9 100% 74.8%);
  --sl-color-blue-800: hsl(211.5 100% 83.4%);
  --sl-color-blue-900: hsl(211 100% 88.9%);
  --sl-color-blue-950: hsl(201.8 100% 95.3%);
  --sl-color-indigo-50: hsl(243.5 40.8% 27%);
  --sl-color-indigo-100: hsl(242.9 45.7% 37.6%);
  --sl-color-indigo-200: hsl(244.7 52.7% 43.1%);
  --sl-color-indigo-300: hsl(245.3 60.5% 52.4%);
  --sl-color-indigo-400: hsl(244.1 79.2% 60.4%);
  --sl-color-indigo-500: hsl(239.6 88.7% 63.8%);
  --sl-color-indigo-600: hsl(234.5 96.7% 70.9%);
  --sl-color-indigo-700: hsl(229.4 100% 78.3%);
  --sl-color-indigo-800: hsl(227.1 100% 85%);
  --sl-color-indigo-900: hsl(223.8 100% 89.9%);
  --sl-color-indigo-950: hsl(220 100% 95.1%);
  --sl-color-violet-50: hsl(265.1 57.3% 25.4%);
  --sl-color-violet-100: hsl(263.5 63.8% 39.4%);
  --sl-color-violet-200: hsl(263.4 66.2% 44.1%);
  --sl-color-violet-300: hsl(263.7 72.8% 52.4%);
  --sl-color-violet-400: hsl(262.5 87.3% 59.8%);
  --sl-color-violet-500: hsl(258.3 95.1% 63.2%);
  --sl-color-violet-600: hsl(255.1 100% 67.2%);
  --sl-color-violet-700: hsl(253 100% 81.5%);
  --sl-color-violet-800: hsl(251.7 100% 87.9%);
  --sl-color-violet-900: hsl(254.1 100% 91.7%);
  --sl-color-violet-950: hsl(257.1 100% 96.1%);
  --sl-color-purple-50: hsl(276 54.3% 20.5%);
  --sl-color-purple-100: hsl(273.6 61.8% 35.4%);
  --sl-color-purple-200: hsl(272.9 64% 41.4%);
  --sl-color-purple-300: hsl(271.9 68.1% 49.2%);
  --sl-color-purple-400: hsl(271.5 85.1% 57.8%);
  --sl-color-purple-500: hsl(270.7 96.4% 62.1%);
  --sl-color-purple-600: hsl(270.5 100% 71.9%);
  --sl-color-purple-700: hsl(270.9 100% 81.3%);
  --sl-color-purple-800: hsl(272.4 100% 87.7%);
  --sl-color-purple-900: hsl(276.7 100% 91.5%);
  --sl-color-purple-950: hsl(300 100% 96.5%);
  --sl-color-fuchsia-50: hsl(297.1 51.2% 18.6%);
  --sl-color-fuchsia-100: hsl(296.7 59.5% 31.5%);
  --sl-color-fuchsia-200: hsl(295.4 65.4% 35.1%);
  --sl-color-fuchsia-300: hsl(294.6 67.4% 42.2%);
  --sl-color-fuchsia-400: hsl(293.3 68.7% 51.2%);
  --sl-color-fuchsia-500: hsl(292.1 88.4% 57.7%);
  --sl-color-fuchsia-600: hsl(292 98.5% 59.5%);
  --sl-color-fuchsia-700: hsl(292.4 100% 79.5%);
  --sl-color-fuchsia-800: hsl(292.9 100% 86.8%);
  --sl-color-fuchsia-900: hsl(300 100% 91.5%);
  --sl-color-fuchsia-950: hsl(300 100% 96.3%);
  --sl-color-pink-50: hsl(336.2 59.6% 20%);
  --sl-color-pink-100: hsl(336.8 63.9% 34%);
  --sl-color-pink-200: hsl(336.8 68.7% 37.6%);
  --sl-color-pink-300: hsl(336.1 71.8% 44.5%);
  --sl-color-pink-400: hsl(333.9 74.9% 53.1%);
  --sl-color-pink-500: hsl(330.7 86.3% 57.7%);
  --sl-color-pink-600: hsl(328.6 91.5% 67.2%);
  --sl-color-pink-700: hsl(327.4 97.6% 78.7%);
  --sl-color-pink-800: hsl(325.1 100% 86.6%);
  --sl-color-pink-900: hsl(322.1 100% 91.3%);
  --sl-color-pink-950: hsl(315 100% 95.9%);
  --sl-color-rose-50: hsl(342.3 62.9% 21.5%);
  --sl-color-rose-100: hsl(342.8 68.9% 34.2%);
  --sl-color-rose-200: hsl(344.8 72.6% 37.3%);
  --sl-color-rose-300: hsl(346.9 75.8% 43.7%);
  --sl-color-rose-400: hsl(348.2 80.1% 52.7%);
  --sl-color-rose-500: hsl(350.4 94.8% 57.5%);
  --sl-color-rose-600: hsl(351.2 100% 58.1%);
  --sl-color-rose-700: hsl(352.3 100% 78.1%);
  --sl-color-rose-800: hsl(352 100% 86.2%);
  --sl-color-rose-900: hsl(354.5 100% 90.7%);
  --sl-color-rose-950: hsl(353.3 100% 95.7%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(240, 5.9%, 11%);
  --sl-color-neutral-1000: hsl(0, 0%, 100%);
  --sl-border-radius-small: 0.1875rem;
  --sl-border-radius-medium: 0.25rem;
  --sl-border-radius-large: 0.5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);
  --sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);
  --sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);
  --sl-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);
  --sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
  --sl-spacing-3x-small: 0.125rem;
  --sl-spacing-2x-small: 0.25rem;
  --sl-spacing-x-small: 0.5rem;
  --sl-spacing-small: 0.75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1000ms;
  --sl-transition-slow: 500ms;
  --sl-transition-medium: 250ms;
  --sl-transition-fast: 150ms;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono:
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --sl-font-sans:
    "Roboto",
    Arial,
    sans-serif !important;
  --sl-font-serif:
    Georgia,
    "Times New Roman",
    serif;
  --sl-font-size-2x-small: 0.625rem;
  --sl-font-size-x-small: 0.75rem;
  --sl-font-size-small: 0.875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -0.03em;
  --sl-letter-spacing-dense: -0.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: 0.075em;
  --sl-letter-spacing-looser: 0.15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-700);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-400);
  --sl-input-border-color-hover: var(--sl-color-neutral-500);
  --sl-input-border-color-focus: var(--sl-color-primary-600);
  --sl-input-border-color-disabled: var(--sl-color-neutral-400);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-600);
  --sl-toggle-size-small: 0.875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(0 0% 0% / 43%);
  --sl-panel-background-color: var(--sl-color-neutral-50);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
}

/* node_modules/@ionic/angular/css/normalize.css */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* node_modules/@ionic/angular/css/structure.css */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* node_modules/@ionic/angular/css/typography.css */
html {
  font-family: var(--ion-font-family);
}
@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}
h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}
h3 {
  font-size: 1.375rem;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.125rem;
}
h6 {
  font-size: 1rem;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* node_modules/@ionic/angular/css/display.css */
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
.ion-display-none {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-display-sm-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-none {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-none {
    display: none !important;
  }
}
.ion-display-inline {
  display: inline !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline {
    display: inline !important;
  }
}
.ion-display-inline-block {
  display: inline-block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-block {
    display: inline-block !important;
  }
}
.ion-display-block {
  display: block !important;
}
@media (min-width: 576px) {
  .ion-display-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-block {
    display: block !important;
  }
}
.ion-display-flex {
  display: flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-flex {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-flex {
    display: flex !important;
  }
}
.ion-display-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-flex {
    display: inline-flex !important;
  }
}
.ion-display-grid {
  display: grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-grid {
    display: grid !important;
  }
}
.ion-display-inline-grid {
  display: inline-grid !important;
}
@media (min-width: 576px) {
  .ion-display-sm-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-inline-grid {
    display: inline-grid !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-inline-grid {
    display: inline-grid !important;
  }
}
.ion-display-table {
  display: table !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table {
    display: table !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table {
    display: table !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table {
    display: table !important;
  }
}
.ion-display-table-cell {
  display: table-cell !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-cell {
    display: table-cell !important;
  }
}
.ion-display-table-row {
  display: table-row !important;
}
@media (min-width: 576px) {
  .ion-display-sm-table-row {
    display: table-row !important;
  }
}
@media (min-width: 768px) {
  .ion-display-md-table-row {
    display: table-row !important;
  }
}
@media (min-width: 992px) {
  .ion-display-lg-table-row {
    display: table-row !important;
  }
}
@media (min-width: 1200px) {
  .ion-display-xl-table-row {
    display: table-row !important;
  }
}

/* node_modules/@ionic/angular/css/padding.css */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  -webkit-padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  -webkit-padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  -webkit-margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  -webkit-margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

/* node_modules/@ionic/angular/css/float-elements.css */
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
[dir=rtl] .ion-float-start {
  float: right !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}
:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
[dir=rtl] .ion-float-end {
  float: left !important;
}
@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
}

/* node_modules/@ionic/angular/css/text-alignment.css */
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}

/* node_modules/@ionic/angular/css/text-transformation.css */
.ion-text-uppercase {
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
}

/* node_modules/@ionic/angular/css/flex-utils.css */
.ion-align-content-start {
  align-content: flex-start !important;
}
.ion-align-content-end {
  align-content: flex-end !important;
}
.ion-align-content-center {
  align-content: center !important;
}
.ion-align-content-between {
  align-content: space-between !important;
}
.ion-align-content-around {
  align-content: space-around !important;
}
.ion-align-content-stretch {
  align-content: stretch !important;
}
@media (min-width: 576px) {
  .ion-align-content-sm-start {
    align-content: flex-start !important;
  }
  .ion-align-content-sm-end {
    align-content: flex-end !important;
  }
  .ion-align-content-sm-center {
    align-content: center !important;
  }
  .ion-align-content-sm-between {
    align-content: space-between !important;
  }
  .ion-align-content-sm-around {
    align-content: space-around !important;
  }
  .ion-align-content-sm-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 768px) {
  .ion-align-content-md-start {
    align-content: flex-start !important;
  }
  .ion-align-content-md-end {
    align-content: flex-end !important;
  }
  .ion-align-content-md-center {
    align-content: center !important;
  }
  .ion-align-content-md-between {
    align-content: space-between !important;
  }
  .ion-align-content-md-around {
    align-content: space-around !important;
  }
  .ion-align-content-md-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 992px) {
  .ion-align-content-lg-start {
    align-content: flex-start !important;
  }
  .ion-align-content-lg-end {
    align-content: flex-end !important;
  }
  .ion-align-content-lg-center {
    align-content: center !important;
  }
  .ion-align-content-lg-between {
    align-content: space-between !important;
  }
  .ion-align-content-lg-around {
    align-content: space-around !important;
  }
  .ion-align-content-lg-stretch {
    align-content: stretch !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-content-xl-start {
    align-content: flex-start !important;
  }
  .ion-align-content-xl-end {
    align-content: flex-end !important;
  }
  .ion-align-content-xl-center {
    align-content: center !important;
  }
  .ion-align-content-xl-between {
    align-content: space-between !important;
  }
  .ion-align-content-xl-around {
    align-content: space-around !important;
  }
  .ion-align-content-xl-stretch {
    align-content: stretch !important;
  }
}
.ion-align-items-start {
  align-items: start !important;
}
.ion-align-items-end {
  align-items: end !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
@media (min-width: 576px) {
  .ion-align-items-sm-start {
    align-items: start !important;
  }
  .ion-align-items-sm-end {
    align-items: end !important;
  }
  .ion-align-items-sm-center {
    align-items: center !important;
  }
  .ion-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-sm-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 768px) {
  .ion-align-items-md-start {
    align-items: start !important;
  }
  .ion-align-items-md-end {
    align-items: end !important;
  }
  .ion-align-items-md-center {
    align-items: center !important;
  }
  .ion-align-items-md-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-md-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 992px) {
  .ion-align-items-lg-start {
    align-items: start !important;
  }
  .ion-align-items-lg-end {
    align-items: end !important;
  }
  .ion-align-items-lg-center {
    align-items: center !important;
  }
  .ion-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-lg-baseline {
    align-items: baseline !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-items-xl-start {
    align-items: start !important;
  }
  .ion-align-items-xl-end {
    align-items: end !important;
  }
  .ion-align-items-xl-center {
    align-items: center !important;
  }
  .ion-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .ion-align-items-xl-baseline {
    align-items: baseline !important;
  }
}
.ion-align-self-start {
  align-self: start !important;
}
.ion-align-self-end {
  align-self: end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
@media (min-width: 576px) {
  .ion-align-self-sm-start {
    align-self: start !important;
  }
  .ion-align-self-sm-end {
    align-self: end !important;
  }
  .ion-align-self-sm-center {
    align-self: center !important;
  }
  .ion-align-self-sm-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-sm-auto {
    align-self: auto !important;
  }
}
@media (min-width: 768px) {
  .ion-align-self-md-start {
    align-self: start !important;
  }
  .ion-align-self-md-end {
    align-self: end !important;
  }
  .ion-align-self-md-center {
    align-self: center !important;
  }
  .ion-align-self-md-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-md-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-md-auto {
    align-self: auto !important;
  }
}
@media (min-width: 992px) {
  .ion-align-self-lg-start {
    align-self: start !important;
  }
  .ion-align-self-lg-end {
    align-self: end !important;
  }
  .ion-align-self-lg-center {
    align-self: center !important;
  }
  .ion-align-self-lg-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-lg-auto {
    align-self: auto !important;
  }
}
@media (min-width: 1200px) {
  .ion-align-self-xl-start {
    align-self: start !important;
  }
  .ion-align-self-xl-end {
    align-self: end !important;
  }
  .ion-align-self-xl-center {
    align-self: center !important;
  }
  .ion-align-self-xl-stretch {
    align-self: stretch !important;
  }
  .ion-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .ion-align-self-xl-auto {
    align-self: auto !important;
  }
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
@media (min-width: 576px) {
  .ion-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-sm-center {
    justify-content: center !important;
  }
  .ion-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 768px) {
  .ion-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-md-center {
    justify-content: center !important;
  }
  .ion-justify-content-md-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-md-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 992px) {
  .ion-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-lg-center {
    justify-content: center !important;
  }
  .ion-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
}
@media (min-width: 1200px) {
  .ion-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .ion-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .ion-justify-content-xl-center {
    justify-content: center !important;
  }
  .ion-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .ion-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .ion-justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
}
.ion-flex-row {
  flex-direction: row !important;
}
.ion-flex-row-reverse {
  flex-direction: row-reverse !important;
}
.ion-flex-column {
  flex-direction: column !important;
}
.ion-flex-column-reverse {
  flex-direction: column-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-row {
    flex-direction: row !important;
  }
  .ion-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-sm-column {
    flex-direction: column !important;
  }
  .ion-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-row {
    flex-direction: row !important;
  }
  .ion-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-md-column {
    flex-direction: column !important;
  }
  .ion-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-row {
    flex-direction: row !important;
  }
  .ion-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-lg-column {
    flex-direction: column !important;
  }
  .ion-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-row {
    flex-direction: row !important;
  }
  .ion-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .ion-flex-xl-column {
    flex-direction: column !important;
  }
  .ion-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-flex-wrap {
  flex-wrap: wrap !important;
}
.ion-flex-nowrap {
  flex-wrap: nowrap !important;
}
.ion-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .ion-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .ion-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.ion-flex-1 {
  flex: 1 !important;
}
.ion-flex-auto {
  flex: auto !important;
}
.ion-flex-initial {
  flex: initial !important;
}
.ion-flex-none {
  flex: none !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-1 {
    flex: 1 !important;
  }
  .ion-flex-sm-auto {
    flex: auto !important;
  }
  .ion-flex-sm-initial {
    flex: initial !important;
  }
  .ion-flex-sm-none {
    flex: none !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-1 {
    flex: 1 !important;
  }
  .ion-flex-md-auto {
    flex: auto !important;
  }
  .ion-flex-md-initial {
    flex: initial !important;
  }
  .ion-flex-md-none {
    flex: none !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-1 {
    flex: 1 !important;
  }
  .ion-flex-lg-auto {
    flex: auto !important;
  }
  .ion-flex-lg-initial {
    flex: initial !important;
  }
  .ion-flex-lg-none {
    flex: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-1 {
    flex: 1 !important;
  }
  .ion-flex-xl-auto {
    flex: auto !important;
  }
  .ion-flex-xl-initial {
    flex: initial !important;
  }
  .ion-flex-xl-none {
    flex: none !important;
  }
}
.ion-flex-grow-0 {
  flex-grow: 0 !important;
}
.ion-flex-grow-1 {
  flex-grow: 1 !important;
}
.ion-flex-shrink-0 {
  flex-shrink: 0 !important;
}
.ion-flex-shrink-1 {
  flex-shrink: 1 !important;
}
@media (min-width: 576px) {
  .ion-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 768px) {
  .ion-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 992px) {
  .ion-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media (min-width: 1200px) {
  .ion-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .ion-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .ion-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .ion-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.ion-order-first {
  order: -1 !important;
}
.ion-order-0 {
  order: 0 !important;
}
.ion-order-1 {
  order: 1 !important;
}
.ion-order-2 {
  order: 2 !important;
}
.ion-order-3 {
  order: 3 !important;
}
.ion-order-4 {
  order: 4 !important;
}
.ion-order-5 {
  order: 5 !important;
}
.ion-order-6 {
  order: 6 !important;
}
.ion-order-7 {
  order: 7 !important;
}
.ion-order-8 {
  order: 8 !important;
}
.ion-order-9 {
  order: 9 !important;
}
.ion-order-10 {
  order: 10 !important;
}
.ion-order-11 {
  order: 11 !important;
}
.ion-order-12 {
  order: 12 !important;
}
.ion-order-last {
  order: 13 !important;
}
@media (min-width: 576px) {
  .ion-order-sm-first {
    order: -1 !important;
  }
  .ion-order-sm-0 {
    order: 0 !important;
  }
  .ion-order-sm-1 {
    order: 1 !important;
  }
  .ion-order-sm-2 {
    order: 2 !important;
  }
  .ion-order-sm-3 {
    order: 3 !important;
  }
  .ion-order-sm-4 {
    order: 4 !important;
  }
  .ion-order-sm-5 {
    order: 5 !important;
  }
  .ion-order-sm-6 {
    order: 6 !important;
  }
  .ion-order-sm-7 {
    order: 7 !important;
  }
  .ion-order-sm-8 {
    order: 8 !important;
  }
  .ion-order-sm-9 {
    order: 9 !important;
  }
  .ion-order-sm-10 {
    order: 10 !important;
  }
  .ion-order-sm-11 {
    order: 11 !important;
  }
  .ion-order-sm-12 {
    order: 12 !important;
  }
  .ion-order-sm-last {
    order: 13 !important;
  }
}
@media (min-width: 768px) {
  .ion-order-md-first {
    order: -1 !important;
  }
  .ion-order-md-0 {
    order: 0 !important;
  }
  .ion-order-md-1 {
    order: 1 !important;
  }
  .ion-order-md-2 {
    order: 2 !important;
  }
  .ion-order-md-3 {
    order: 3 !important;
  }
  .ion-order-md-4 {
    order: 4 !important;
  }
  .ion-order-md-5 {
    order: 5 !important;
  }
  .ion-order-md-6 {
    order: 6 !important;
  }
  .ion-order-md-7 {
    order: 7 !important;
  }
  .ion-order-md-8 {
    order: 8 !important;
  }
  .ion-order-md-9 {
    order: 9 !important;
  }
  .ion-order-md-10 {
    order: 10 !important;
  }
  .ion-order-md-11 {
    order: 11 !important;
  }
  .ion-order-md-12 {
    order: 12 !important;
  }
  .ion-order-md-last {
    order: 13 !important;
  }
}
@media (min-width: 992px) {
  .ion-order-lg-first {
    order: -1 !important;
  }
  .ion-order-lg-0 {
    order: 0 !important;
  }
  .ion-order-lg-1 {
    order: 1 !important;
  }
  .ion-order-lg-2 {
    order: 2 !important;
  }
  .ion-order-lg-3 {
    order: 3 !important;
  }
  .ion-order-lg-4 {
    order: 4 !important;
  }
  .ion-order-lg-5 {
    order: 5 !important;
  }
  .ion-order-lg-6 {
    order: 6 !important;
  }
  .ion-order-lg-7 {
    order: 7 !important;
  }
  .ion-order-lg-8 {
    order: 8 !important;
  }
  .ion-order-lg-9 {
    order: 9 !important;
  }
  .ion-order-lg-10 {
    order: 10 !important;
  }
  .ion-order-lg-11 {
    order: 11 !important;
  }
  .ion-order-lg-12 {
    order: 12 !important;
  }
  .ion-order-lg-last {
    order: 13 !important;
  }
}
@media (min-width: 1200px) {
  .ion-order-xl-first {
    order: -1 !important;
  }
  .ion-order-xl-0 {
    order: 0 !important;
  }
  .ion-order-xl-1 {
    order: 1 !important;
  }
  .ion-order-xl-2 {
    order: 2 !important;
  }
  .ion-order-xl-3 {
    order: 3 !important;
  }
  .ion-order-xl-4 {
    order: 4 !important;
  }
  .ion-order-xl-5 {
    order: 5 !important;
  }
  .ion-order-xl-6 {
    order: 6 !important;
  }
  .ion-order-xl-7 {
    order: 7 !important;
  }
  .ion-order-xl-8 {
    order: 8 !important;
  }
  .ion-order-xl-9 {
    order: 9 !important;
  }
  .ion-order-xl-10 {
    order: 10 !important;
  }
  .ion-order-xl-11 {
    order: 11 !important;
  }
  .ion-order-xl-12 {
    order: 12 !important;
  }
  .ion-order-xl-last {
    order: 13 !important;
  }
}

/* src/assets/fonts/material-icon.css */
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag-44M7GPS2.woff2") format("woff2");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url("./media/flUhRq6tzZclQEJ-Vdg-IuiaDsNc-LEZCGFVT.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

/* node_modules/srf-components-library/dist/style.css */
:root,
:host,
.sl-theme-light {
  color-scheme: light;
  --sl-color-gray-50: hsl(0 0% 97.5%);
  --sl-color-gray-100: hsl(240 4.8% 95.9%);
  --sl-color-gray-200: hsl(240 5.9% 90%);
  --sl-color-gray-300: hsl(240 4.9% 83.9%);
  --sl-color-gray-400: hsl(240 5% 64.9%);
  --sl-color-gray-500: hsl(240 3.8% 46.1%);
  --sl-color-gray-600: hsl(240 5.2% 33.9%);
  --sl-color-gray-700: hsl(240 5.3% 26.1%);
  --sl-color-gray-800: hsl(240 3.7% 15.9%);
  --sl-color-gray-900: hsl(240 5.9% 10%);
  --sl-color-gray-950: hsl(240 7.3% 8%);
  --sl-color-red-50: hsl(0 85.7% 97.3%);
  --sl-color-red-100: hsl(0 93.3% 94.1%);
  --sl-color-red-200: hsl(0 96.3% 89.4%);
  --sl-color-red-300: hsl(0 93.5% 81.8%);
  --sl-color-red-400: hsl(0 90.6% 70.8%);
  --sl-color-red-500: hsl(0 84.2% 60.2%);
  --sl-color-red-600: hsl(0 72.2% 50.6%);
  --sl-color-red-700: hsl(0 73.7% 41.8%);
  --sl-color-red-800: hsl(0 70% 35.3%);
  --sl-color-red-900: hsl(0 62.8% 30.6%);
  --sl-color-red-950: hsl(0 60% 19.6%);
  --sl-color-orange-50: hsl(33.3 100% 96.5%);
  --sl-color-orange-100: hsl(34.3 100% 91.8%);
  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
  --sl-color-orange-400: hsl(27 96% 61%);
  --sl-color-orange-500: hsl(24.6 95% 53.1%);
  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
  --sl-color-orange-800: hsl(15 79.1% 33.7%);
  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
  --sl-color-orange-950: hsl(15.2 69.1% 19%);
  --sl-color-amber-50: hsl(48 100% 96.1%);
  --sl-color-amber-100: hsl(48 96.5% 88.8%);
  --sl-color-amber-200: hsl(48 96.6% 76.7%);
  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
  --sl-color-amber-700: hsl(26 90.5% 37.1%);
  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
  --sl-color-lime-50: hsl(78.3 92% 95.1%);
  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
  --sl-color-lime-300: hsl(82 84.5% 67.1%);
  --sl-color-lime-400: hsl(82.7 78% 55.5%);
  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
  --sl-color-lime-800: hsl(86.3 69% 22.7%);
  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
  --sl-color-green-200: hsl(141 78.9% 85.1%);
  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
  --sl-color-green-400: hsl(141.9 69.2% 58%);
  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
  --sl-color-green-950: hsl(144.3 60.7% 12%);
  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
  --sl-color-teal-400: hsl(172.5 66% 50.4%);
  --sl-color-teal-500: hsl(173.4 80.4% 40%);
  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
  --sl-color-teal-900: hsl(175.9 60.8% 19%);
  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
  --sl-color-cyan-300: hsl(187 92.4% 69%);
  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
  --sl-color-sky-50: hsl(208 100% 97.1%);
  --sl-color-sky-100: hsl(208 93.8% 93.7%);
  --sl-color-sky-200: hsl(208 94.4% 86.1%);
  --sl-color-sky-300: hsl(208 95.5% 73.9%);
  --sl-color-sky-400: hsl(208, 97%, 59%);
  --sl-color-sky-500: hsl(208, 97%, 45%);
  --sl-color-sky-600: hsl(208, 97%, 37%);
  --sl-color-sky-700: hsl(208, 97%, 29%);
  --sl-color-sky-800: hsl(208, 97%, 26%);
  --sl-color-sky-900: hsl(208, 97%, 24%);
  --sl-color-sky-950: hsl(208, 97%, 15%);
  --sl-color-blue-50: hsl(213.8 100% 96.9%);
  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
  --sl-color-blue-700: hsl(224.3 76.3% 48%);
  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
  --sl-color-violet-50: hsl(250 100% 97.6%);
  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
  --sl-color-violet-700: hsl(263.4 70% 50.4%);
  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
  --sl-color-purple-50: hsl(270 100% 98%);
  --sl-color-purple-100: hsl(268.7 100% 95.5%);
  --sl-color-purple-200: hsl(268.6 100% 91.8%);
  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
  --sl-color-purple-400: hsl(270 95.2% 75.3%);
  --sl-color-purple-500: hsl(270.7 91% 65.1%);
  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
  --sl-color-purple-900: hsl(273.6 65.6% 32%);
  --sl-color-purple-950: hsl(276 59.5% 16.5%);
  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
  --sl-color-pink-700: hsl(335.1 77.6% 42%);
  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
  --sl-color-pink-900: hsl(335.9 69% 30.4%);
  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
  --sl-color-rose-50: hsl(355.7 100% 97.3%);
  --sl-color-rose-100: hsl(355.6 100% 94.7%);
  --sl-color-rose-200: hsl(352.7 96.1% 90%);
  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
  --sl-border-radius-small: .1875rem;
  --sl-border-radius-medium: .25rem;
  --sl-border-radius-large: .5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
  --sl-spacing-3x-small: .125rem;
  --sl-spacing-2x-small: .25rem;
  --sl-spacing-x-small: .5rem;
  --sl-spacing-small: .75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1s;
  --sl-transition-slow: .5s;
  --sl-transition-medium: .25s;
  --sl-transition-fast: .15s;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono:
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --sl-font-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --sl-font-serif:
    Georgia,
    "Times New Roman",
    serif;
  --sl-font-size-2x-small: .625rem;
  --sl-font-size-x-small: .75rem;
  --sl-font-size-small: .875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -.03em;
  --sl-letter-spacing-dense: -.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: .075em;
  --sl-letter-spacing-looser: .15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-600);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-300);
  --sl-input-border-color-hover: var(--sl-color-neutral-400);
  --sl-input-border-color-focus: var(--sl-color-primary-500);
  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-500);
  --sl-toggle-size-small: .875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
  --sl-panel-background-color: var(--sl-color-neutral-0);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
}
:host,
.sl-theme-dark {
  color-scheme: dark;
  --sl-color-gray-50: hsl(240 5.1% 15%);
  --sl-color-gray-100: hsl(240 5.7% 18.2%);
  --sl-color-gray-200: hsl(240 4.6% 22%);
  --sl-color-gray-300: hsl(240 5% 27.6%);
  --sl-color-gray-400: hsl(240 5% 35.5%);
  --sl-color-gray-500: hsl(240 3.7% 44%);
  --sl-color-gray-600: hsl(240 5.3% 58%);
  --sl-color-gray-700: hsl(240 5.6% 73%);
  --sl-color-gray-800: hsl(240 7.3% 84%);
  --sl-color-gray-900: hsl(240 9.1% 91.8%);
  --sl-color-gray-950: hsl(0 0% 95%);
  --sl-color-red-50: hsl(0 56% 23.9%);
  --sl-color-red-100: hsl(.6 60% 33.9%);
  --sl-color-red-200: hsl(.9 67.2% 37.1%);
  --sl-color-red-300: hsl(1.1 71.3% 43.7%);
  --sl-color-red-400: hsl(1 76% 52.5%);
  --sl-color-red-500: hsl(.7 89.6% 57.2%);
  --sl-color-red-600: hsl(0 98.6% 67.9%);
  --sl-color-red-700: hsl(0 100% 72.3%);
  --sl-color-red-800: hsl(0 100% 85.6%);
  --sl-color-red-900: hsl(0 100% 90.3%);
  --sl-color-red-950: hsl(0 100% 95.9%);
  --sl-color-orange-50: hsl(15 64.2% 23.3%);
  --sl-color-orange-100: hsl(15.1 70.9% 31.1%);
  --sl-color-orange-200: hsl(15.3 75.7% 35.5%);
  --sl-color-orange-300: hsl(17.1 83.5% 42.7%);
  --sl-color-orange-400: hsl(20.1 88% 50.8%);
  --sl-color-orange-500: hsl(24.3 100% 50.5%);
  --sl-color-orange-600: hsl(27.2 100% 57.7%);
  --sl-color-orange-700: hsl(31.3 100% 68.7%);
  --sl-color-orange-800: hsl(33.8 100% 79.3%);
  --sl-color-orange-900: hsl(38.9 100% 87.7%);
  --sl-color-orange-950: hsl(46.2 100% 95%);
  --sl-color-amber-50: hsl(21.9 66.3% 21.1%);
  --sl-color-amber-100: hsl(21.5 73.6% 29.7%);
  --sl-color-amber-200: hsl(22.3 77.6% 33.3%);
  --sl-color-amber-300: hsl(25.4 84.2% 39.6%);
  --sl-color-amber-400: hsl(31.4 87.4% 46.7%);
  --sl-color-amber-500: hsl(37 96.6% 48.3%);
  --sl-color-amber-600: hsl(43.3 100% 53.4%);
  --sl-color-amber-700: hsl(46.5 100% 61.1%);
  --sl-color-amber-800: hsl(49.3 100% 73%);
  --sl-color-amber-900: hsl(51.8 100% 85%);
  --sl-color-amber-950: hsl(60 100% 94.6%);
  --sl-color-yellow-50: hsl(32.5 60% 18.2%);
  --sl-color-yellow-100: hsl(28.1 68.6% 29%);
  --sl-color-yellow-200: hsl(31.3 75.8% 30.8%);
  --sl-color-yellow-300: hsl(34.7 84.4% 35.3%);
  --sl-color-yellow-400: hsl(40.1 87.3% 43.3%);
  --sl-color-yellow-500: hsl(44.7 88% 46%);
  --sl-color-yellow-600: hsl(47.7 100% 50.9%);
  --sl-color-yellow-700: hsl(51.3 100% 59.9%);
  --sl-color-yellow-800: hsl(54.6 100% 73%);
  --sl-color-yellow-900: hsl(58.9 100% 84.2%);
  --sl-color-yellow-950: hsl(60 100% 94%);
  --sl-color-lime-50: hsl(86.5 54.4% 18%);
  --sl-color-lime-100: hsl(87.6 56.8% 23.3%);
  --sl-color-lime-200: hsl(85.8 63.2% 24.5%);
  --sl-color-lime-300: hsl(86.1 72% 29.4%);
  --sl-color-lime-400: hsl(85.5 76.8% 37.3%);
  --sl-color-lime-500: hsl(84.3 74.2% 42.1%);
  --sl-color-lime-600: hsl(82.8 81.5% 52.6%);
  --sl-color-lime-700: hsl(82 89.9% 64%);
  --sl-color-lime-800: hsl(80.9 97.9% 76.6%);
  --sl-color-lime-900: hsl(77.9 100% 85.8%);
  --sl-color-lime-950: hsl(69.5 100% 93.8%);
  --sl-color-green-50: hsl(144.3 53.6% 16%);
  --sl-color-green-100: hsl(143.2 55.4% 23.5%);
  --sl-color-green-200: hsl(141.5 58.2% 26.3%);
  --sl-color-green-300: hsl(140.8 64.2% 31.8%);
  --sl-color-green-400: hsl(140.3 68% 39.2%);
  --sl-color-green-500: hsl(141.1 64.9% 43%);
  --sl-color-green-600: hsl(141.6 72.4% 55.2%);
  --sl-color-green-700: hsl(141.7 82.7% 70.1%);
  --sl-color-green-800: hsl(141 90.9% 82.1%);
  --sl-color-green-900: hsl(142 100% 89.1%);
  --sl-color-green-950: hsl(144 100% 95.5%);
  --sl-color-emerald-50: hsl(164.3 75% 13.5%);
  --sl-color-emerald-100: hsl(163.5 72.6% 20.1%);
  --sl-color-emerald-200: hsl(162.1 73.7% 22.4%);
  --sl-color-emerald-300: hsl(161.3 77.3% 27.6%);
  --sl-color-emerald-400: hsl(159.6 77.1% 34.3%);
  --sl-color-emerald-500: hsl(159.1 73.5% 37.9%);
  --sl-color-emerald-600: hsl(157.8 66.8% 48.9%);
  --sl-color-emerald-700: hsl(156.2 76.1% 63.8%);
  --sl-color-emerald-800: hsl(152.4 84.4% 77.4%);
  --sl-color-emerald-900: hsl(149.3 100% 87%);
  --sl-color-emerald-950: hsl(158.6 100% 94.8%);
  --sl-color-teal-50: hsl(176.5 51.5% 15.4%);
  --sl-color-teal-100: hsl(175.9 54.7% 22.3%);
  --sl-color-teal-200: hsl(175.9 60.7% 23.9%);
  --sl-color-teal-300: hsl(174.5 67.3% 28.8%);
  --sl-color-teal-400: hsl(174.4 71.9% 34.9%);
  --sl-color-teal-500: hsl(173.1 71% 38.3%);
  --sl-color-teal-600: hsl(172.3 68.2% 48.1%);
  --sl-color-teal-700: hsl(170.5 81.3% 61.5%);
  --sl-color-teal-800: hsl(168.4 92.1% 75.2%);
  --sl-color-teal-900: hsl(168.3 100% 86%);
  --sl-color-teal-950: hsl(180 100% 95.5%);
  --sl-color-cyan-50: hsl(197.1 53.8% 20.3%);
  --sl-color-cyan-100: hsl(196.8 57.3% 27.2%);
  --sl-color-cyan-200: hsl(195.3 62.7% 29.4%);
  --sl-color-cyan-300: hsl(193.5 71.3% 34.1%);
  --sl-color-cyan-400: hsl(192.5 76.8% 40.6%);
  --sl-color-cyan-500: hsl(189.4 78.6% 42.6%);
  --sl-color-cyan-600: hsl(188.2 89.1% 51.7%);
  --sl-color-cyan-700: hsl(187 98.6% 66.2%);
  --sl-color-cyan-800: hsl(184.9 100% 78.3%);
  --sl-color-cyan-900: hsl(180 100% 86.6%);
  --sl-color-cyan-950: hsl(180 100% 94.8%);
  --sl-color-sky-50: hsl(203 63.8% 20.9%);
  --sl-color-sky-100: hsl(203.4 70.4% 28%);
  --sl-color-sky-200: hsl(202.7 75.8% 30.8%);
  --sl-color-sky-300: hsl(203.1 80.4% 36.1%);
  --sl-color-sky-400: hsl(202.1 80.5% 44.3%);
  --sl-color-sky-500: hsl(199.7 85.9% 47.7%);
  --sl-color-sky-600: hsl(198.7 97.9% 57.2%);
  --sl-color-sky-700: hsl(198.7 100% 70.5%);
  --sl-color-sky-800: hsl(198.8 100% 82.5%);
  --sl-color-sky-900: hsl(198.5 100% 89.9%);
  --sl-color-sky-950: hsl(186 100% 95.5%);
  --sl-color-blue-50: hsl(227.1 49.5% 22.7%);
  --sl-color-blue-100: hsl(225.8 58.9% 36.8%);
  --sl-color-blue-200: hsl(227.7 64.4% 42.9%);
  --sl-color-blue-300: hsl(226.1 72.7% 51.2%);
  --sl-color-blue-400: hsl(222.6 86.5% 56.3%);
  --sl-color-blue-500: hsl(217.8 95.8% 57.4%);
  --sl-color-blue-600: hsl(213.3 100% 65%);
  --sl-color-blue-700: hsl(210.9 100% 74.8%);
  --sl-color-blue-800: hsl(211.5 100% 83.4%);
  --sl-color-blue-900: hsl(211 100% 88.9%);
  --sl-color-blue-950: hsl(201.8 100% 95.3%);
  --sl-color-indigo-50: hsl(243.5 40.8% 27%);
  --sl-color-indigo-100: hsl(242.9 45.7% 37.6%);
  --sl-color-indigo-200: hsl(244.7 52.7% 43.1%);
  --sl-color-indigo-300: hsl(245.3 60.5% 52.4%);
  --sl-color-indigo-400: hsl(244.1 79.2% 60.4%);
  --sl-color-indigo-500: hsl(239.6 88.7% 63.8%);
  --sl-color-indigo-600: hsl(234.5 96.7% 70.9%);
  --sl-color-indigo-700: hsl(229.4 100% 78.3%);
  --sl-color-indigo-800: hsl(227.1 100% 85%);
  --sl-color-indigo-900: hsl(223.8 100% 89.9%);
  --sl-color-indigo-950: hsl(220 100% 95.1%);
  --sl-color-violet-50: hsl(265.1 57.3% 25.4%);
  --sl-color-violet-100: hsl(263.5 63.8% 39.4%);
  --sl-color-violet-200: hsl(263.4 66.2% 44.1%);
  --sl-color-violet-300: hsl(263.7 72.8% 52.4%);
  --sl-color-violet-400: hsl(262.5 87.3% 59.8%);
  --sl-color-violet-500: hsl(258.3 95.1% 63.2%);
  --sl-color-violet-600: hsl(255.1 100% 67.2%);
  --sl-color-violet-700: hsl(253 100% 81.5%);
  --sl-color-violet-800: hsl(251.7 100% 87.9%);
  --sl-color-violet-900: hsl(254.1 100% 91.7%);
  --sl-color-violet-950: hsl(257.1 100% 96.1%);
  --sl-color-purple-50: hsl(276 54.3% 20.5%);
  --sl-color-purple-100: hsl(273.6 61.8% 35.4%);
  --sl-color-purple-200: hsl(272.9 64% 41.4%);
  --sl-color-purple-300: hsl(271.9 68.1% 49.2%);
  --sl-color-purple-400: hsl(271.5 85.1% 57.8%);
  --sl-color-purple-500: hsl(270.7 96.4% 62.1%);
  --sl-color-purple-600: hsl(270.5 100% 71.9%);
  --sl-color-purple-700: hsl(270.9 100% 81.3%);
  --sl-color-purple-800: hsl(272.4 100% 87.7%);
  --sl-color-purple-900: hsl(276.7 100% 91.5%);
  --sl-color-purple-950: hsl(300 100% 96.5%);
  --sl-color-fuchsia-50: hsl(297.1 51.2% 18.6%);
  --sl-color-fuchsia-100: hsl(296.7 59.5% 31.5%);
  --sl-color-fuchsia-200: hsl(295.4 65.4% 35.1%);
  --sl-color-fuchsia-300: hsl(294.6 67.4% 42.2%);
  --sl-color-fuchsia-400: hsl(293.3 68.7% 51.2%);
  --sl-color-fuchsia-500: hsl(292.1 88.4% 57.7%);
  --sl-color-fuchsia-600: hsl(292 98.5% 59.5%);
  --sl-color-fuchsia-700: hsl(292.4 100% 79.5%);
  --sl-color-fuchsia-800: hsl(292.9 100% 86.8%);
  --sl-color-fuchsia-900: hsl(300 100% 91.5%);
  --sl-color-fuchsia-950: hsl(300 100% 96.3%);
  --sl-color-pink-50: hsl(336.2 59.6% 20%);
  --sl-color-pink-100: hsl(336.8 63.9% 34%);
  --sl-color-pink-200: hsl(336.8 68.7% 37.6%);
  --sl-color-pink-300: hsl(336.1 71.8% 44.5%);
  --sl-color-pink-400: hsl(333.9 74.9% 53.1%);
  --sl-color-pink-500: hsl(330.7 86.3% 57.7%);
  --sl-color-pink-600: hsl(328.6 91.5% 67.2%);
  --sl-color-pink-700: hsl(327.4 97.6% 78.7%);
  --sl-color-pink-800: hsl(325.1 100% 86.6%);
  --sl-color-pink-900: hsl(322.1 100% 91.3%);
  --sl-color-pink-950: hsl(315 100% 95.9%);
  --sl-color-rose-50: hsl(342.3 62.9% 21.5%);
  --sl-color-rose-100: hsl(342.8 68.9% 34.2%);
  --sl-color-rose-200: hsl(344.8 72.6% 37.3%);
  --sl-color-rose-300: hsl(346.9 75.8% 43.7%);
  --sl-color-rose-400: hsl(348.2 80.1% 52.7%);
  --sl-color-rose-500: hsl(350.4 94.8% 57.5%);
  --sl-color-rose-600: hsl(351.2 100% 58.1%);
  --sl-color-rose-700: hsl(352.3 100% 78.1%);
  --sl-color-rose-800: hsl(352 100% 86.2%);
  --sl-color-rose-900: hsl(354.5 100% 90.7%);
  --sl-color-rose-950: hsl(353.3 100% 95.7%);
  --sl-color-primary-50: var(--sl-color-sky-50);
  --sl-color-primary-100: var(--sl-color-sky-100);
  --sl-color-primary-200: var(--sl-color-sky-200);
  --sl-color-primary-300: var(--sl-color-sky-300);
  --sl-color-primary-400: var(--sl-color-sky-400);
  --sl-color-primary-500: var(--sl-color-sky-500);
  --sl-color-primary-600: var(--sl-color-sky-600);
  --sl-color-primary-700: var(--sl-color-sky-700);
  --sl-color-primary-800: var(--sl-color-sky-800);
  --sl-color-primary-900: var(--sl-color-sky-900);
  --sl-color-primary-950: var(--sl-color-sky-950);
  --sl-color-success-50: var(--sl-color-green-50);
  --sl-color-success-100: var(--sl-color-green-100);
  --sl-color-success-200: var(--sl-color-green-200);
  --sl-color-success-300: var(--sl-color-green-300);
  --sl-color-success-400: var(--sl-color-green-400);
  --sl-color-success-500: var(--sl-color-green-500);
  --sl-color-success-600: var(--sl-color-green-600);
  --sl-color-success-700: var(--sl-color-green-700);
  --sl-color-success-800: var(--sl-color-green-800);
  --sl-color-success-900: var(--sl-color-green-900);
  --sl-color-success-950: var(--sl-color-green-950);
  --sl-color-warning-50: var(--sl-color-amber-50);
  --sl-color-warning-100: var(--sl-color-amber-100);
  --sl-color-warning-200: var(--sl-color-amber-200);
  --sl-color-warning-300: var(--sl-color-amber-300);
  --sl-color-warning-400: var(--sl-color-amber-400);
  --sl-color-warning-500: var(--sl-color-amber-500);
  --sl-color-warning-600: var(--sl-color-amber-600);
  --sl-color-warning-700: var(--sl-color-amber-700);
  --sl-color-warning-800: var(--sl-color-amber-800);
  --sl-color-warning-900: var(--sl-color-amber-900);
  --sl-color-warning-950: var(--sl-color-amber-950);
  --sl-color-danger-50: var(--sl-color-red-50);
  --sl-color-danger-100: var(--sl-color-red-100);
  --sl-color-danger-200: var(--sl-color-red-200);
  --sl-color-danger-300: var(--sl-color-red-300);
  --sl-color-danger-400: var(--sl-color-red-400);
  --sl-color-danger-500: var(--sl-color-red-500);
  --sl-color-danger-600: var(--sl-color-red-600);
  --sl-color-danger-700: var(--sl-color-red-700);
  --sl-color-danger-800: var(--sl-color-red-800);
  --sl-color-danger-900: var(--sl-color-red-900);
  --sl-color-danger-950: var(--sl-color-red-950);
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  --sl-color-neutral-0: hsl(240, 5.9%, 11%);
  --sl-color-neutral-1000: hsl(0, 0%, 100%);
  --sl-border-radius-small: .1875rem;
  --sl-border-radius-medium: .25rem;
  --sl-border-radius-large: .5rem;
  --sl-border-radius-x-large: 1rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  --sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);
  --sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);
  --sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);
  --sl-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);
  --sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
  --sl-spacing-3x-small: .125rem;
  --sl-spacing-2x-small: .25rem;
  --sl-spacing-x-small: .5rem;
  --sl-spacing-small: .75rem;
  --sl-spacing-medium: 1rem;
  --sl-spacing-large: 1.25rem;
  --sl-spacing-x-large: 1.75rem;
  --sl-spacing-2x-large: 2.25rem;
  --sl-spacing-3x-large: 3rem;
  --sl-spacing-4x-large: 4.5rem;
  --sl-transition-x-slow: 1s;
  --sl-transition-slow: .5s;
  --sl-transition-medium: .25s;
  --sl-transition-fast: .15s;
  --sl-transition-x-fast: 50ms;
  --sl-font-mono:
    SFMono-Regular,
    Consolas,
    "Liberation Mono",
    Menlo,
    monospace;
  --sl-font-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  --sl-font-serif:
    Georgia,
    "Times New Roman",
    serif;
  --sl-font-size-2x-small: .625rem;
  --sl-font-size-x-small: .75rem;
  --sl-font-size-small: .875rem;
  --sl-font-size-medium: 1rem;
  --sl-font-size-large: 1.25rem;
  --sl-font-size-x-large: 1.5rem;
  --sl-font-size-2x-large: 2.25rem;
  --sl-font-size-3x-large: 3rem;
  --sl-font-size-4x-large: 4.5rem;
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  --sl-letter-spacing-denser: -.03em;
  --sl-letter-spacing-dense: -.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: .075em;
  --sl-letter-spacing-looser: .15em;
  --sl-line-height-denser: 1;
  --sl-line-height-dense: 1.4;
  --sl-line-height-normal: 1.8;
  --sl-line-height-loose: 2.2;
  --sl-line-height-looser: 2.6;
  --sl-focus-ring-color: var(--sl-color-primary-700);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  --sl-input-height-small: 1.875rem;
  --sl-input-height-medium: 2.5rem;
  --sl-input-height-large: 3.125rem;
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-400);
  --sl-input-border-color-hover: var(--sl-color-neutral-500);
  --sl-input-border-color-focus: var(--sl-color-primary-600);
  --sl-input-border-color-disabled: var(--sl-color-neutral-400);
  --sl-input-border-width: 1px;
  --sl-input-required-content: "*";
  --sl-input-required-content-offset: -2px;
  --sl-input-required-content-color: var(--sl-input-label-color);
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
  --sl-input-focus-ring-offset: 0;
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-600);
  --sl-toggle-size-small: .875rem;
  --sl-toggle-size-medium: 1.125rem;
  --sl-toggle-size-large: 1.375rem;
  --sl-overlay-background-color: hsl(0 0% 0% / 43%);
  --sl-panel-background-color: var(--sl-color-neutral-50);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  --sl-z-index-drawer: 700;
  --sl-z-index-dialog: 800;
  --sl-z-index-dropdown: 900;
  --sl-z-index-toast: 950;
  --sl-z-index-tooltip: 1000;
}

/* src/global.scss */
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.glide * {
  box-sizing: inherit;
}
.glide__track {
  overflow: hidden;
}
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}
.glide__slides--dragging {
  -webkit-user-select: none;
  user-select: none;
}
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.glide--rtl {
  direction: rtl;
}
.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}
.glide__arrow:focus {
  outline: none;
}
.glide__arrow:hover {
  border-color: white;
}
.glide__arrow--left {
  left: 2em;
}
.glide__arrow--right {
  right: 2em;
}
.glide__arrow--disabled {
  opacity: 0.33;
}
.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}
.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}
.glide__bullet:focus {
  outline: none;
}
.glide__bullet:hover,
.glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}
.glide__bullet--active {
  background-color: white;
}
.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
.mt-3r {
  margin-top: 3rem !important;
}
.m-0 {
  margin: 0px !important;
}
.text-right {
  text-align: right !important;
}
.d-inline-block {
  display: inline-block !important;
}
.text-left {
  text-align: left !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-success {
  color: #41910C !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}
.text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}
.text-7xl {
  font-size: 4.5rem !important;
  line-height: 1 !important;
}
.text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important;
}
.text-9xl {
  font-size: 8rem !important;
  line-height: 1 !important;
}
.w-0 {
  width: 0px !important;
}
.w-px {
  width: 1px !important;
}
.w-0p5 {
  width: 0.125rem !important;
}
.w-1 {
  width: 0.25rem !important;
}
.w-1p5 {
  width: 0.375rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-2p5 {
  width: 0.625rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-3p5 {
  width: 0.875rem !important;
}
.w-4 {
  width: 1rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-7 {
  width: 1.75rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-9 {
  width: 2.25rem !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-11 {
  width: 2.75rem !important;
}
.w-12 {
  width: 3rem !important;
}
.w-14 {
  width: 3.5rem !important;
}
.w-16 {
  width: 4rem !important;
}
.w-20 {
  width: 5rem !important;
}
.w-24 {
  width: 6rem !important;
}
.w-28 {
  width: 7rem !important;
}
.w-32 {
  width: 8rem !important;
}
.w-36 {
  width: 9rem !important;
}
.w-40 {
  width: 10rem !important;
}
.w-44 {
  width: 11rem !important;
}
.w-48 {
  width: 12rem !important;
}
.w-52 {
  width: 13rem !important;
}
.w-56 {
  width: 14rem !important;
}
.w-60 {
  width: 15rem !important;
}
.w-64 {
  width: 16rem !important;
}
.w-72 {
  width: 18rem !important;
}
.w-80 {
  width: 20rem !important;
}
.w-96 {
  width: 24rem !important;
}
.w-auto {
  width: auto !important;
}
.w-1_2 {
  width: 50% !important;
}
.w-1_3 {
  width: 33.333333% !important;
}
.w-2_3 {
  width: 66.666667% !important;
}
.w-1_4 {
  width: 25% !important;
}
.w-2_4 {
  width: 50% !important;
}
.w-3_4 {
  width: 75% !important;
}
.w-1_5 {
  width: 20% !important;
}
.w-2_5 {
  width: 40% !important;
}
.w-3_5 {
  width: 60% !important;
}
.w-4_5 {
  width: 80% !important;
}
.w-1_6 {
  width: 16.666667% !important;
}
.w-2_6 {
  width: 33.333333% !important;
}
.w-3_6 {
  width: 50% !important;
}
.w-4_6 {
  width: 66.666667% !important;
}
.w-5_6 {
  width: 83.333333% !important;
}
.w-1_12 {
  width: 8.333333% !important;
}
.w-2_12 {
  width: 16.666667% !important;
}
.w-3_12 {
  width: 25% !important;
}
.w-4_12 {
  width: 33.333333% !important;
}
.w-5_12 {
  width: 41.666667% !important;
}
.w-6_12 {
  width: 50% !important;
}
.w-7_12 {
  width: 58.333333% !important;
}
.w-8_12 {
  width: 66.666667% !important;
}
.w-9_12 {
  width: 75% !important;
}
.w-1_12 {
  width: 91.666667% !important;
}
.w-full {
  width: 100% !important;
}
.w-screen {
  width: 100vw !important;
}
.w-svw {
  width: 100svw !important;
}
.w-lvw {
  width: 100lvw !important;
}
.w-dvw {
  width: 100dvw !important;
}
.w-min {
  width: min-content !important;
}
.w-max {
  width: max-content !important;
}
.w-fit {
  width: fit-content !important;
}
.h-0 {
  height: 0px !important;
}
.h-px {
  height: 1px !important;
}
.h-0p5 {
  height: 0.125rem !important;
}
.h-1 {
  height: 0.25rem !important;
}
.h-1p5 {
  height: 0.375rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-2p5 {
  height: 0.625rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-3p5 {
  height: 0.875rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-11 {
  height: 2.75rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-20 {
  height: 5rem !important;
}
.h-24 {
  height: 6rem !important;
}
.h-28 {
  height: 7rem !important;
}
.h-32 {
  height: 8rem !important;
}
.h-36 {
  height: 9rem !important;
}
.h-40 {
  height: 10rem !important;
}
.h-44 {
  height: 11rem !important;
}
.h-48 {
  height: 12rem !important;
}
.h-52 {
  height: 13rem !important;
}
.h-56 {
  height: 14rem !important;
}
.h-60 {
  height: 15rem !important;
}
.h-64 {
  height: 16rem !important;
}
.h-72 {
  height: 18rem !important;
}
.h-80 {
  height: 20rem !important;
}
.h-96 {
  height: 24rem !important;
}
.h-auto {
  height: auto !important;
}
.h-1_2 {
  height: 50% !important;
}
.h-1_3 {
  height: 33.333333% !important;
}
.h-2_3 {
  height: 66.666667% !important;
}
.h-1_4 {
  height: 25% !important;
}
.h-2_4 {
  height: 50% !important;
}
.h-3_4 {
  height: 75% !important;
}
.h-1_5 {
  height: 20% !important;
}
.h-2_5 {
  height: 40% !important;
}
.h-3_5 {
  height: 60% !important;
}
.h-4_5 {
  height: 80% !important;
}
.h-1_6 {
  height: 16.666667% !important;
}
.h-2_6 {
  height: 33.333333% !important;
}
.h-3_6 {
  height: 50% !important;
}
.h-4_6 {
  height: 66.666667% !important;
}
.h-5_6 {
  height: 83.333333% !important;
}
.h-full {
  height: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.h-svh {
  height: 100svh !important;
}
.h-lvh {
  height: 100lvh !important;
}
.h-dvh {
  height: 100dvh !important;
}
.h-min {
  height: min-content !important;
}
.h-max {
  height: max-content !important;
}
.h-fit {
  height: fit-content !important;
}
.font-thin {
  font-weight: 100 !important;
}
.font-extralight {
  font-weight: 200 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-extrabold {
  font-weight: 800 !important;
}
.font-black {
  font-weight: 900 !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.fs-2r {
  font-size: 2rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.ps-4 {
  margin-inline-start: 1rem !important;
}
.w-100 {
  width: 100% !important;
}
.w-99 {
  width: 99% !important;
}
.text-muted {
  color: rgb(75, 75, 75) !important;
}
.text-black {
  color: #000000 !important;
}
.bg-white {
  background-color: #ffffff;
}
.shadow-4 {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.14) !important;
}
.text-underline {
  text-decoration: underline !important;
}
.d-flex {
  display: flex !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-start {
  justify-content: start !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.text-danger {
  color: #f33333 !important;
}
.text-warning {
  color: #fdca20 !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.text-center {
  text-align: center !important;
}
.w-30 {
  width: 30% !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.gap-1r {
  gap: 0.75rem !important;
}
.fs-15r {
  font-size: 1.5rem !important;
}
.p-12r {
  padding: 1.2rem !important;
}
.d-none {
  display: none !important;
}
.bg-minimized {
  background-color: #2f2f4a;
  color: #ffffff;
}
.w-28vw {
  width: 28vw !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.flex {
  display: flex !important;
}
.flex-basis-50 {
  flex-basis: 50% !important;
}
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #333333 !important;
}
.bg-f1 {
  background-color: #f1f1f1 !important;
}
.bg-alice {
  background-color: #E8F0FE !important;
}
.alice-contrast {
  color: #4285F4 !important;
}
.bg-yellow {
  background-color: #FEF7E0 !important;
}
.yellow-contrast {
  color: #FBBC04 !important;
}
.bg-green {
  background-color: #f0ffef !important;
}
.green-contrast {
  color: #2ac955 !important;
}
.rounded-none {
  border-radius: 0px !important;
}
.rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-2xl {
  border-radius: 1rem !important;
}
.rounded-3xl {
  border-radius: 1.5rem !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-s-none {
  border-start-start-radius: 0px !important;
  border-end-start-radius: 0px !important;
}
.rounded-s-sm {
  border-start-start-radius: 0.125rem !important;
  border-end-start-radius: 0.125rem !important;
}
.rounded-s {
  border-start-start-radius: 0.25rem !important;
  border-end-start-radius: 0.25rem !important;
}
.rounded-s-md {
  border-start-start-radius: 0.375rem !important;
  border-end-start-radius: 0.375rem !important;
}
.rounded-s-lg {
  border-start-start-radius: 0.5rem !important;
  border-end-start-radius: 0.5rem !important;
}
.rounded-s-xl {
  border-start-start-radius: 0.75rem !important;
  border-end-start-radius: 0.75rem !important;
}
.rounded-s-2xl {
  border-start-start-radius: 1rem !important;
  border-end-start-radius: 1rem !important;
}
.rounded-s-3xl {
  border-start-start-radius: 1.5rem !important;
  border-end-start-radius: 1.5rem !important;
}
.rounded-s-full {
  border-start-start-radius: 9999px !important;
  border-end-start-radius: 9999px !important;
}
.rounded-e-none {
  border-start-end-radius: 0px !important;
  border-end-end-radius: 0px !important;
}
.rounded-e-sm {
  border-start-end-radius: 0.125rem !important;
  border-end-end-radius: 0.125rem !important;
}
.rounded-e {
  border-start-end-radius: 0.25rem !important;
  border-end-end-radius: 0.25rem !important;
}
.rounded-e-md {
  border-start-end-radius: 0.375rem !important;
  border-end-end-radius: 0.375rem !important;
}
.rounded-e-lg {
  border-start-end-radius: 0.5rem !important;
  border-end-end-radius: 0.5rem !important;
}
.rounded-e-xl {
  border-start-end-radius: 0.75rem !important;
  border-end-end-radius: 0.75rem !important;
}
.rounded-e-2xl {
  border-start-end-radius: 1rem !important;
  border-end-end-radius: 1rem !important;
}
.rounded-e-3xl {
  border-start-end-radius: 1.5rem !important;
  border-end-end-radius: 1.5rem !important;
}
.rounded-e-full {
  border-start-end-radius: 9999px !important;
  border-end-end-radius: 9999px !important;
}
.rounded-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.rounded-t-sm {
  border-top-left-radius: 0.125rem !important;
  border-top-right-radius: 0.125rem !important;
}
.rounded-t {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-t-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem !important;
  border-top-right-radius: 0.75rem !important;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}
.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-r-sm {
  border-top-right-radius: 0.125rem !important;
  border-bottom-right-radius: 0.125rem !important;
}
.rounded-r {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-r-xl {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.rounded-r-3xl {
  border-top-right-radius: 1.5rem !important;
  border-bottom-right-radius: 1.5rem !important;
}
.rounded-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}
.rounded-b-none {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-b-sm {
  border-bottom-right-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.rounded-b {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-b-md {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-b-2xl {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.rounded-b-full {
  border-bottom-right-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}
.rounded-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.rounded-l-sm {
  border-top-left-radius: 0.125rem !important;
  border-bottom-left-radius: 0.125rem !important;
}
.rounded-l {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-l-md {
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-l-xl {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-l-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-l-3xl {
  border-top-left-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.rounded-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}
.rounded-ss-none {
  border-start-start-radius: 0px !important;
}
.rounded-ss-sm {
  border-start-start-radius: 0.125rem !important;
}
.rounded-ss {
  border-start-start-radius: 0.25rem !important;
}
.rounded-ss-md {
  border-start-start-radius: 0.375rem !important;
}
.rounded-ss-lg {
  border-start-start-radius: 0.5rem !important;
}
.rounded-ss-xl {
  border-start-start-radius: 0.75rem !important;
}
.rounded-ss-2xl {
  border-start-start-radius: 1rem !important;
}
.rounded-ss-3xl {
  border-start-start-radius: 1.5rem !important;
}
.rounded-ss-full {
  border-start-start-radius: 9999px !important;
}
.rounded-se-none {
  border-start-end-radius: 0px !important;
}
.rounded-se-sm {
  border-start-end-radius: 0.125rem !important;
}
.rounded-se {
  border-start-end-radius: 0.25rem !important;
}
.rounded-se-md {
  border-start-end-radius: 0.375rem !important;
}
.rounded-se-lg {
  border-start-end-radius: 0.5rem !important;
}
.rounded-se-xl {
  border-start-end-radius: 0.75rem !important;
}
.rounded-se-2xl {
  border-start-end-radius: 1rem !important;
}
.rounded-se-3xl {
  border-start-end-radius: 1.5rem !important;
}
.rounded-se-full {
  border-start-end-radius: 9999px !important;
}
.rounded-ee-none {
  border-end-end-radius: 0px !important;
}
.rounded-ee-sm {
  border-end-end-radius: 0.125rem !important;
}
.rounded-ee {
  border-end-end-radius: 0.25rem !important;
}
.rounded-ee-md {
  border-end-end-radius: 0.375rem !important;
}
.rounded-ee-lg {
  border-end-end-radius: 0.5rem !important;
}
.rounded-ee-xl {
  border-end-end-radius: 0.75rem !important;
}
.rounded-ee-2xl {
  border-end-end-radius: 1rem !important;
}
.rounded-ee-3xl {
  border-end-end-radius: 1.5rem !important;
}
.rounded-ee-full {
  border-end-end-radius: 9999px !important;
}
.rounded-es-none {
  border-end-start-radius: 0px !important;
}
.rounded-es-sm {
  border-end-start-radius: 0.125rem !important;
}
.rounded-es {
  border-end-start-radius: 0.25rem !important;
}
.rounded-es-md {
  border-end-start-radius: 0.375rem !important;
}
.rounded-es-lg {
  border-end-start-radius: 0.5rem !important;
}
.rounded-es-xl {
  border-end-start-radius: 0.75rem !important;
}
.rounded-es-2xl {
  border-end-start-radius: 1rem !important;
}
.rounded-es-3xl {
  border-end-start-radius: 1.5rem !important;
}
.rounded-es-full {
  border-end-start-radius: 9999px !important;
}
.rounded-tl-none {
  border-top-left-radius: 0px !important;
}
.rounded-tl-sm {
  border-top-left-radius: 0.125rem !important;
}
.rounded-tl {
  border-top-left-radius: 0.25rem !important;
}
.rounded-tl-md {
  border-top-left-radius: 0.375rem !important;
}
.rounded-tl-lg {
  border-top-left-radius: 0.5rem !important;
}
.rounded-tl-xl {
  border-top-left-radius: 0.75rem !important;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem !important;
}
.rounded-tl-3xl {
  border-top-left-radius: 1.5rem !important;
}
.rounded-tl-full {
  border-top-left-radius: 9999px !important;
}
.rounded-tr-none {
  border-top-right-radius: 0px !important;
}
.rounded-tr-sm {
  border-top-right-radius: 0.125rem !important;
}
.rounded-tr {
  border-top-right-radius: 0.25rem !important;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem !important;
}
.rounded-tr-lg {
  border-top-right-radius: 0.5rem !important;
}
.rounded-tr-xl {
  border-top-right-radius: 0.75rem !important;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem !important;
}
.rounded-tr-3xl {
  border-top-right-radius: 1.5rem !important;
}
.rounded-tr-full {
  border-top-right-radius: 9999px !important;
}
.rounded-br-none {
  border-bottom-right-radius: 0px !important;
}
.rounded-br-sm {
  border-bottom-right-radius: 0.125rem !important;
}
.rounded-br {
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-br-md {
  border-bottom-right-radius: 0.375rem !important;
}
.rounded-br-lg {
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-br-xl {
  border-bottom-right-radius: 0.75rem !important;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem !important;
}
.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem !important;
}
.rounded-br-full {
  border-bottom-right-radius: 9999px !important;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px !important;
}
.rounded-bl-sm {
  border-bottom-left-radius: 0.125rem !important;
}
.rounded-bl {
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-bl-md {
  border-bottom-left-radius: 0.375rem !important;
}
.rounded-bl-lg {
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-bl-xl {
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem !important;
}
.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem !important;
}
.rounded-bl-full {
  border-bottom-left-radius: 9999px !important;
}
.lato-thin {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 100 !important;
  font-style: normal !important;
}
.lato-light {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
.lato-regular {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.lato-bold {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
.lato-black {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}
.lato-thin-italic {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 100 !important;
  font-style: italic !important;
}
.lato-light-italic {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
}
.lato-regular-italic {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
.lato-bold-italic {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 700 !important;
  font-style: italic !important;
}
.lato-black-italic {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  font-weight: 900 !important;
  font-style: italic !important;
}
.mtn-1r {
  margin-top: -1rem !important;
}
.h-87vh {
  height: 87vh;
}
.mtn-1p {
  margin-top: -1px !important;
  background-image: url("./media/ThumbEvnt_1966-BGHTIU4X.jpg");
  width: 100vw;
  height: 500px;
  max-height: 500px;
  background-size: cover;
  background-position: center;
}
.mtn-2p {
  margin-top: -1px !important;
  background-image: url("./media/ThumbEvnt_1938-SH5ONJOS.jpg");
  width: 100vw;
  height: 500px;
  max-height: 500px;
  background-size: cover;
  background-position: center;
}
.mtn-3p {
  margin-top: -1px !important;
  background-image: url("./media/ThumbEvnt_1977-ADJ2J3GA.jpg");
  width: 100vw;
  height: 500px;
  max-height: 500px;
  background-size: cover;
  background-position: center;
}
.d-block {
  display: block !important;
}
.mt-0,
.my-0,
.m-0 {
  margin-top: 0rem !important;
}
.pt-0,
.py-0,
.p-0 {
  padding-top: 0rem !important;
}
.mb-0,
.my-0,
.m-0 {
  margin-bottom: 0rem !important;
}
.pb-0,
.py-0,
.p-0 {
  padding-bottom: 0rem !important;
}
.ml-0,
.mx-0,
.m-0 {
  margin-left: 0rem !important;
}
.pl-0,
.px-0,
.p-0 {
  padding-left: 0rem !important;
}
.mr-0,
.mx-0,
.m-0 {
  margin-right: 0rem !important;
}
.pr-0,
.px-0,
.p-0 {
  padding-right: 0rem !important;
}
.mt-1,
.my-1,
.m-1 {
  margin-top: 0.25rem !important;
}
.pt-1,
.py-1,
.p-1 {
  padding-top: 0.25rem !important;
}
.mb-1,
.my-1,
.m-1 {
  margin-bottom: 0.25rem !important;
}
.pb-1,
.py-1,
.p-1 {
  padding-bottom: 0.25rem !important;
}
.ml-1,
.mx-1,
.m-1 {
  margin-left: 0.25rem !important;
}
.pl-1,
.px-1,
.p-1 {
  padding-left: 0.25rem !important;
}
.mr-1,
.mx-1,
.m-1 {
  margin-right: 0.25rem !important;
}
.pr-1,
.px-1,
.p-1 {
  padding-right: 0.25rem !important;
}
.mt-2,
.my-2,
.m-2 {
  margin-top: 0.5rem !important;
}
.pt-2,
.py-2,
.p-2 {
  padding-top: 0.5rem !important;
}
.mb-2,
.my-2,
.m-2 {
  margin-bottom: 0.5rem !important;
}
.pb-2,
.py-2,
.p-2 {
  padding-bottom: 0.5rem !important;
}
.ml-2,
.mx-2,
.m-2 {
  margin-left: 0.5rem !important;
}
.pl-2,
.px-2,
.p-2 {
  padding-left: 0.5rem !important;
}
.mr-2,
.mx-2,
.m-2 {
  margin-right: 0.5rem !important;
}
.pr-2,
.px-2,
.p-2 {
  padding-right: 0.5rem !important;
}
.mt-3,
.my-3,
.m-3 {
  margin-top: 0.75rem !important;
}
.pt-3,
.py-3,
.p-3 {
  padding-top: 0.75rem !important;
}
.mb-3,
.my-3,
.m-3 {
  margin-bottom: 0.75rem !important;
}
.pb-3,
.py-3,
.p-3 {
  padding-bottom: 0.75rem !important;
}
.ml-3,
.mx-3,
.m-3 {
  margin-left: 0.75rem !important;
}
.pl-3,
.px-3,
.p-3 {
  padding-left: 0.75rem !important;
}
.mr-3,
.mx-3,
.m-3 {
  margin-right: 0.75rem !important;
}
.pr-3,
.px-3,
.p-3 {
  padding-right: 0.75rem !important;
}
.mt-4,
.my-4,
.m-4 {
  margin-top: 1rem !important;
}
.pt-4,
.py-4,
.p-4 {
  padding-top: 1rem !important;
}
.mb-4,
.my-4,
.m-4 {
  margin-bottom: 1rem !important;
}
.pb-4,
.py-4,
.p-4 {
  padding-bottom: 1rem !important;
}
.ml-4,
.mx-4,
.m-4 {
  margin-left: 1rem !important;
}
.pl-4,
.px-4,
.p-4 {
  padding-left: 1rem !important;
}
.mr-4,
.mx-4,
.m-4 {
  margin-right: 1rem !important;
}
.pr-4,
.px-4,
.p-4 {
  padding-right: 1rem !important;
}
.mt-5,
.my-5,
.m-5 {
  margin-top: 1.25rem !important;
}
.pt-5,
.py-5,
.p-5 {
  padding-top: 1.25rem !important;
}
.mb-5,
.my-5,
.m-5 {
  margin-bottom: 1.25rem !important;
}
.pb-5,
.py-5,
.p-5 {
  padding-bottom: 1.25rem !important;
}
.ml-5,
.mx-5,
.m-5 {
  margin-left: 1.25rem !important;
}
.pl-5,
.px-5,
.p-5 {
  padding-left: 1.25rem !important;
}
.mr-5,
.mx-5,
.m-5 {
  margin-right: 1.25rem !important;
}
.pr-5,
.px-5,
.p-5 {
  padding-right: 1.25rem !important;
}
.mt-6,
.my-6,
.m-6 {
  margin-top: 1.5rem !important;
}
.pt-6,
.py-6,
.p-6 {
  padding-top: 1.5rem !important;
}
.mb-6,
.my-6,
.m-6 {
  margin-bottom: 1.5rem !important;
}
.pb-6,
.py-6,
.p-6 {
  padding-bottom: 1.5rem !important;
}
.ml-6,
.mx-6,
.m-6 {
  margin-left: 1.5rem !important;
}
.pl-6,
.px-6,
.p-6 {
  padding-left: 1.5rem !important;
}
.mr-6,
.mx-6,
.m-6 {
  margin-right: 1.5rem !important;
}
.pr-6,
.px-6,
.p-6 {
  padding-right: 1.5rem !important;
}
.mt-8,
.my-8,
.m-8 {
  margin-top: 2rem !important;
}
.pt-8,
.py-8,
.p-8 {
  padding-top: 2rem !important;
}
.mb-8,
.my-8,
.m-8 {
  margin-bottom: 2rem !important;
}
.pb-8,
.py-8,
.p-8 {
  padding-bottom: 2rem !important;
}
.ml-8,
.mx-8,
.m-8 {
  margin-left: 2rem !important;
}
.pl-8,
.px-8,
.p-8 {
  padding-left: 2rem !important;
}
.mr-8,
.mx-8,
.m-8 {
  margin-right: 2rem !important;
}
.pr-8,
.px-8,
.p-8 {
  padding-right: 2rem !important;
}
.mt-10,
.my-10,
.m-10 {
  margin-top: 2.5rem !important;
}
.pt-10,
.py-10,
.p-10 {
  padding-top: 2.5rem !important;
}
.mb-10,
.my-10,
.m-10 {
  margin-bottom: 2.5rem !important;
}
.pb-10,
.py-10,
.p-10 {
  padding-bottom: 2.5rem !important;
}
.ml-10,
.mx-10,
.m-10 {
  margin-left: 2.5rem !important;
}
.pl-10,
.px-10,
.p-10 {
  padding-left: 2.5rem !important;
}
.mr-10,
.mx-10,
.m-10 {
  margin-right: 2.5rem !important;
}
.pr-10,
.px-10,
.p-10 {
  padding-right: 2.5rem !important;
}
.mt-12,
.my-12,
.m-12 {
  margin-top: 3rem !important;
}
.pt-12,
.py-12,
.p-12 {
  padding-top: 3rem !important;
}
.mb-12,
.my-12,
.m-12 {
  margin-bottom: 3rem !important;
}
.pb-12,
.py-12,
.p-12 {
  padding-bottom: 3rem !important;
}
.ml-12,
.mx-12,
.m-12 {
  margin-left: 3rem !important;
}
.pl-12,
.px-12,
.p-12 {
  padding-left: 3rem !important;
}
.mr-12,
.mx-12,
.m-12 {
  margin-right: 3rem !important;
}
.pr-12,
.px-12,
.p-12 {
  padding-right: 3rem !important;
}
.mt-16,
.my-16,
.m-16 {
  margin-top: 4rem !important;
}
.pt-16,
.py-16,
.p-16 {
  padding-top: 4rem !important;
}
.mb-16,
.my-16,
.m-16 {
  margin-bottom: 4rem !important;
}
.pb-16,
.py-16,
.p-16 {
  padding-bottom: 4rem !important;
}
.ml-16,
.mx-16,
.m-16 {
  margin-left: 4rem !important;
}
.pl-16,
.px-16,
.p-16 {
  padding-left: 4rem !important;
}
.mr-16,
.mx-16,
.m-16 {
  margin-right: 4rem !important;
}
.pr-16,
.px-16,
.p-16 {
  padding-right: 4rem !important;
}
.mt-20,
.my-20,
.m-20 {
  margin-top: 5rem !important;
}
.pt-20,
.py-20,
.p-20 {
  padding-top: 5rem !important;
}
.mb-20,
.my-20,
.m-20 {
  margin-bottom: 5rem !important;
}
.pb-20,
.py-20,
.p-20 {
  padding-bottom: 5rem !important;
}
.ml-20,
.mx-20,
.m-20 {
  margin-left: 5rem !important;
}
.pl-20,
.px-20,
.p-20 {
  padding-left: 5rem !important;
}
.mr-20,
.mx-20,
.m-20 {
  margin-right: 5rem !important;
}
.pr-20,
.px-20,
.p-20 {
  padding-right: 5rem !important;
}
.mt-24,
.my-24,
.m-24 {
  margin-top: 6rem !important;
}
.pt-24,
.py-24,
.p-24 {
  padding-top: 6rem !important;
}
.mb-24,
.my-24,
.m-24 {
  margin-bottom: 6rem !important;
}
.pb-24,
.py-24,
.p-24 {
  padding-bottom: 6rem !important;
}
.ml-24,
.mx-24,
.m-24 {
  margin-left: 6rem !important;
}
.pl-24,
.px-24,
.p-24 {
  padding-left: 6rem !important;
}
.mr-24,
.mx-24,
.m-24 {
  margin-right: 6rem !important;
}
.pr-24,
.px-24,
.p-24 {
  padding-right: 6rem !important;
}
.mt-32,
.my-32,
.m-32 {
  margin-top: 8rem !important;
}
.pt-32,
.py-32,
.p-32 {
  padding-top: 8rem !important;
}
.mb-32,
.my-32,
.m-32 {
  margin-bottom: 8rem !important;
}
.pb-32,
.py-32,
.p-32 {
  padding-bottom: 8rem !important;
}
.ml-32,
.mx-32,
.m-32 {
  margin-left: 8rem !important;
}
.pl-32,
.px-32,
.p-32 {
  padding-left: 8rem !important;
}
.mr-32,
.mx-32,
.m-32 {
  margin-right: 8rem !important;
}
.pr-32,
.px-32,
.p-32 {
  padding-right: 8rem !important;
}
.mt-40,
.my-40,
.m-40 {
  margin-top: 10rem !important;
}
.pt-40,
.py-40,
.p-40 {
  padding-top: 10rem !important;
}
.mb-40,
.my-40,
.m-40 {
  margin-bottom: 10rem !important;
}
.pb-40,
.py-40,
.p-40 {
  padding-bottom: 10rem !important;
}
.ml-40,
.mx-40,
.m-40 {
  margin-left: 10rem !important;
}
.pl-40,
.px-40,
.p-40 {
  padding-left: 10rem !important;
}
.mr-40,
.mx-40,
.m-40 {
  margin-right: 10rem !important;
}
.pr-40,
.px-40,
.p-40 {
  padding-right: 10rem !important;
}
.mt-48,
.my-48,
.m-48 {
  margin-top: 12rem !important;
}
.pt-48,
.py-48,
.p-48 {
  padding-top: 12rem !important;
}
.mb-48,
.my-48,
.m-48 {
  margin-bottom: 12rem !important;
}
.pb-48,
.py-48,
.p-48 {
  padding-bottom: 12rem !important;
}
.ml-48,
.mx-48,
.m-48 {
  margin-left: 12rem !important;
}
.pl-48,
.px-48,
.p-48 {
  padding-left: 12rem !important;
}
.mr-48,
.mx-48,
.m-48 {
  margin-right: 12rem !important;
}
.pr-48,
.px-48,
.p-48 {
  padding-right: 12rem !important;
}
.mt-56,
.my-56,
.m-56 {
  margin-top: 14rem !important;
}
.pt-56,
.py-56,
.p-56 {
  padding-top: 14rem !important;
}
.mb-56,
.my-56,
.m-56 {
  margin-bottom: 14rem !important;
}
.pb-56,
.py-56,
.p-56 {
  padding-bottom: 14rem !important;
}
.ml-56,
.mx-56,
.m-56 {
  margin-left: 14rem !important;
}
.pl-56,
.px-56,
.p-56 {
  padding-left: 14rem !important;
}
.mr-56,
.mx-56,
.m-56 {
  margin-right: 14rem !important;
}
.pr-56,
.px-56,
.p-56 {
  padding-right: 14rem !important;
}
.mt-64,
.my-64,
.m-64 {
  margin-top: 16rem !important;
}
.pt-64,
.py-64,
.p-64 {
  padding-top: 16rem !important;
}
.mb-64,
.my-64,
.m-64 {
  margin-bottom: 16rem !important;
}
.pb-64,
.py-64,
.p-64 {
  padding-bottom: 16rem !important;
}
.ml-64,
.mx-64,
.m-64 {
  margin-left: 16rem !important;
}
.pl-64,
.px-64,
.p-64 {
  padding-left: 16rem !important;
}
.mr-64,
.mx-64,
.m-64 {
  margin-right: 16rem !important;
}
.pr-64,
.px-64,
.p-64 {
  padding-right: 16rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.collapse {
  visibility: collapse !important;
}
.vl {
  border-left: 2px solid #e3e3e3;
  height: 500px;
}
.ion-card-shadow {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.right-0 {
  right: 0 !important;
}
.top-0 {
  top: 0 !important;
}
.position-absolute {
  position: absolute !important;
}
.position-relative {
  position: relative !important;
}
.z-9 {
  z-index: 99999 !important;
}
.top-12n {
  top: -12px !important;
}
.bb-1 {
  border-bottom: 1.5px solid #e5e5e5 !important;
}
.b-1 {
  border: 1.5px solid #e5e5e5 !important;
}
.rounder-top-left-1r {
  border-top-left-radius: 1rem !important;
}
.rounder-top-right-1r {
  border-top-right-radius: 1rem !important;
}
.divider {
  border-bottom: 1.5px solid #e5e5e5 !important;
  padding-bottom: 1rem !important;
}
.text-ellipsis-1 {
  white-space: nowrap !important;
  width: fit-content !important;
  max-width: 50vw !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.color-4e {
  color: #4E4E4E !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-35 {
  opacity: 0.35;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-45 {
  opacity: 0.45;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-55 {
  opacity: 0.55;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-65 {
  opacity: 0.65;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-85 {
  opacity: 0.85;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-95 {
  opacity: 0.95;
}
.opacity-100 {
  opacity: 1;
}
.text-gray {
  color: #747474 !important;
}
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-10 {
  line-height: 2.5rem;
}
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.v-hidden {
  visibility: hidden;
  position: absolute;
  height: 0.1px;
  width: 0.1px;
}
.pointer-disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
}
.pointer-none {
  pointer-events: none !important;
}
.h-90vh {
  height: 90vh !important;
}
.h-80vh {
  height: 80vh !important;
}
.w-150p {
  width: 100px;
  border-radius: 0.5rem;
  border: 2px solid #b5bfd9;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.w-150p.active {
  border-color: #2260ff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  background: #2260ff;
}
.w-150p.active.text-success {
  color: #ffffff;
}
.w-150p.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.text-wrap {
  word-wrap: break-word;
  overflow: hidden;
  width: 100px;
}
.h-71vh {
  height: 71vh !important;
}
.ribbon {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 132px;
  background-color: #34ac0a;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 9px;
}
.ribbon-top-left {
  top: 0px;
  left: -2px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -35px;
  top: 11px;
  transform: rotate(-45deg);
}
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}
.w-97p {
  width: 97% !important;
}
.shadow-soft-xl {
  --tw-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 20px 27px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-shadow);
}
.shadow-dr {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.shadow-outline-xl {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);
}
.top-10p {
  top: 10px !important;
}
.popupDesign2 .mdc-dialog__surface {
  overflow-y: hidden !important;
}
.br-0 {
  border-radius: 0 !important;
}
.w-98 {
  width: 98% !important;
}
.h-150p {
  height: 150px !important;
}
.h-110p {
  height: 110px !important;
}
.fixed-card-150p {
  min-height: 150px;
  max-height: 150px;
  height: 150px;
}
.text-ellipsis-200p {
  white-space: nowrap !important;
  width: fit-content !important;
  max-width: 200px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.text-ellipsis-100p {
  white-space: nowrap !important;
  width: fit-content !important;
  max-width: 100px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.text-ellipsis-150p {
  white-space: nowrap !important;
  width: fit-content !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.button-text-nowrap {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.version-text {
  right: 0;
  top: 37px;
  font-size: 9px;
}
.version-text-mobile {
  right: 0;
  bottom: -8px;
  font-size: 8px;
  line-height: 1;
}
.shadow-for-icon {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}
.flex-row {
  flex-direction: row !important;
}
.app-icon-section .card-1 {
  background: rgb(128, 224, 255);
  background:
    linear-gradient(
      90deg,
      rgb(88, 177, 205) 35%,
      rgb(47, 93, 253) 100%);
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
.app-icon-section .card-2 {
  background: rgb(255, 160, 130);
  background:
    linear-gradient(
      90deg,
      rgb(255, 160, 130) 35%,
      rgb(252, 126, 36) 100%);
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
.app-icon-section .card-3 {
  background: rgb(56, 154, 234);
  background:
    linear-gradient(
      90deg,
      rgb(60, 213, 223) 35%,
      rgb(56, 154, 234) 100%);
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
.app-icon-section .card-4 {
  background: rgb(112, 92, 15);
  background:
    linear-gradient(
      90deg,
      rgb(112, 92, 15) 35%,
      rgb(59, 246, 89) 100%);
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
.last-swipe-section .card-1 {
  background-color: #8687EF;
}
.last-swipe-section .card-2 {
  background-color: #E594A7;
}
.small-rounded-button {
  --border-radius: 20px;
  --padding-start: 8px;
  --padding-end: 8px;
  --padding-top: 4px;
  --padding-bottom: 4px;
  font-size: 12px;
}
:root {
  --ion-color-primary: #f97316;
  --ion-color-primary-rgb:
    249,
    115,
    22;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-primary-shade: #ea580c;
  --ion-color-primary-tint: #fb923c;
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb:
    61,
    194,
    255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  --ion-text-color: #333333;
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb:
    82,
    96,
    255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,
    255,
    255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb:
    45,
    211,
    111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb:
    255,
    255,
    255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #F75C18;
  --ion-color-warning-rgb:
    255,
    196,
    9;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb:
    0,
    0,
    0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb:
    235,
    68,
    90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,
    255,
    255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb:
    34,
    36,
    40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb:
    255,
    255,
    255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb:
    146,
    148,
    156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb:
    255,
    255,
    255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb:
    244,
    245,
    248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb:
    0,
    0,
    0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --blue-dark: #1395d3;
  --blue-lite: #55c5ce;
  --srf-primary-light-bgColor: #ffffff;
  --srf-primary-light-fgColor: #02538a;
  --ion-font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-row-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-header-headline-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-table-footer-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-text-field-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-text-field-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-text-field-input-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-text-field-input-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-form-field-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-form-field-subscript-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-select-trigger-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-option-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-filled-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-outlined-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-text-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-protected-button-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-dialog-subhead-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mdc-dialog-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-dialog-headline-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mdc-snackbar-supporting-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-tab-header-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-tab-indicator-active-indicator-color: #f97316;
  --mat-paginator-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-paginator-select-trigger-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-checkbox-state-layer-size: 36px;
  --mdc-radio-state-layer-size: 36px;
  --mat-menu-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-chip-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mdc-list-item-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-expansion-header-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-expansion-container-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-stepper-header-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-card-title-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-card-subtitle-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-toolbar-title-text-font:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif !important;
  --mat-datepicker-calendar-body-label-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --mat-datepicker-calendar-period-button-text-font:
    "Instrument Sans",
    -apple-system,
    sans-serif !important;
  --srf-accent-light-bgColor: #faeae7;
  --srf-accent-light-fgColor: #ba430c;
  --srf-accent-medium-fgColor: #e94103;
  --srf-sidenav-bg: #ffffff;
  --srf-sidenav-text: #374151;
  --srf-sidenav-text-muted: #6b7280;
  --srf-sidenav-border: #e5e7eb;
  --srf-sidenav-hover-bg: #f3f4f6;
  --srf-sidenav-active-bg: rgba(37, 99, 235, 0.08);
  --srf-sidenav-active-color: #2563eb;
  --srf-sidenav-dot-default: #d1d5db;
  --srf-popover-bg: #ffffff;
  --srf-popover-text: #374151;
  --srf-popover-text-muted: #6b7280;
  --srf-popover-border: #ebebeb;
  --srf-popover-hover-bg: #f3f4f6;
  --srf-popover-icon-bg: var(--srf-primary-light-bgColor);
  --srf-popover-icon-color: var(--srf-primary-light-fgColor);
}
.dark {
  --srf-sidenav-bg: #1e1e1e;
  --srf-sidenav-text: #e5e7eb;
  --srf-sidenav-text-muted: #9ca3af;
  --srf-sidenav-border: #2d2d2d;
  --srf-sidenav-hover-bg: #2a2a2a;
  --srf-sidenav-active-bg: rgba(96, 165, 250, 0.12);
  --srf-sidenav-active-color: #60a5fa;
  --srf-sidenav-dot-default: #4b5563;
  --srf-popover-bg: #1e1e1e;
  --srf-popover-text: #e5e7eb;
  --srf-popover-text-muted: #9ca3af;
  --srf-popover-border: #333333;
  --srf-popover-hover-bg: #2a2a2a;
  --srf-popover-icon-bg: #2a2a2a;
  --srf-popover-icon-color: #60a5fa;
}
@media (prefers-color-scheme: none) {
  body {
    --ion-color-primary: #fb923c;
    --ion-color-primary-rgb:
      251,
      146,
      60;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb:
      255,255,255;
    --ion-color-primary-shade: #f97316;
    --ion-color-primary-tint: #fdba74;
    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb:
      80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb:
      255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;
    --ion-color-tertiary: #6a64ff;
    --ion-color-tertiary-rgb:
      106,100,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb:
      255,255,255;
    --ion-color-tertiary-shade: #5d58e0;
    --ion-color-tertiary-tint: #7974ff;
    --ion-color-success: #2fdf75;
    --ion-color-success-rgb:
      47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb:
      0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;
    --ion-color-warning: #F75C18;
    --ion-color-warning-rgb:
      255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb:
      0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;
    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb:
      255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb:
      255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;
    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb:
      244,245,248;
    --ion-color-dark-contrast: #000000;
    --ion-color-dark-contrast-rgb:
      0,0,0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb:
      152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb:
      0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #222428;
    --ion-color-light-rgb:
      34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb:
      255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }
  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb:
      0,0,0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,255,255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }
  .ios ion-modal {
    --ion-background-color: var(--ion-color-step-100);
    --ion-toolbar-background: var(--ion-color-step-150);
    --ion-toolbar-border-color: var(--ion-color-step-250);
  }
  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb:
      18,18,18;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb:
      255,255,255;
    --ion-border-color: #222222;
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3;
    --ion-item-background: #1e1e1e;
    --ion-toolbar-background: #1f1f1f;
    --ion-tab-bar-background: #1f1f1f;
    --ion-card-background: #1e1e1e;
  }
}
body.dark {
  --ion-color-primary: #fb923c;
  --ion-color-primary-rgb:
    251,
    146,
    60;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb:
    255,255,255;
  --ion-color-primary-shade: #f97316;
  --ion-color-primary-tint: #fdba74;
  --ion-color-secondary: #50c8ff;
  --ion-color-secondary-rgb:
    80,200,255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb:
    255,255,255;
  --ion-color-secondary-shade: #46b0e0;
  --ion-color-secondary-tint: #62ceff;
  --ion-color-tertiary: #6a64ff;
  --ion-color-tertiary-rgb:
    106,100,255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb:
    255,255,255;
  --ion-color-tertiary-shade: #5d58e0;
  --ion-color-tertiary-tint: #7974ff;
  --ion-color-success: #2fdf75;
  --ion-color-success-rgb:
    47,223,117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb:
    0,0,0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;
  --ion-color-warning: #F75C18;
  --ion-color-warning-rgb:
    255,213,52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb:
    0,0,0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;
  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb:
    255,73,97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb:
    255,255,255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb:
    244,245,248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb:
    0,0,0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb:
    152,154,162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb:
    0,0,0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb:
    34,36,40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb:
    255,255,255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
}
.ios body.dark {
  --ion-background-color: #000000;
  --ion-background-color-rgb:
    0,
    0,
    0;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb:
    255,
    255,
    255;
  --ion-color-step-50: #0d0d0d;
  --ion-color-step-100: #1a1a1a;
  --ion-color-step-150: #262626;
  --ion-color-step-200: #333333;
  --ion-color-step-250: #404040;
  --ion-color-step-300: #4d4d4d;
  --ion-color-step-350: #595959;
  --ion-color-step-400: #666666;
  --ion-color-step-450: #737373;
  --ion-color-step-500: #808080;
  --ion-color-step-550: #8c8c8c;
  --ion-color-step-600: #999999;
  --ion-color-step-650: #a6a6a6;
  --ion-color-step-700: #b3b3b3;
  --ion-color-step-750: #bfbfbf;
  --ion-color-step-800: #cccccc;
  --ion-color-step-850: #d9d9d9;
  --ion-color-step-900: #e6e6e6;
  --ion-color-step-950: #f2f2f2;
  --ion-toolbar-background: #0d0d0d;
  --ion-item-background: #1c1c1c;
  --ion-item-background-activated: #313131;
}
.md body.dark {
  --ion-background-color: #121212;
  --ion-background-color-rgb:
    18,
    18,
    18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb:
    255,
    255,
    255;
  --ion-border-color: #222222;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1a1b1e;
}
ion-item {
  --transition: none;
}
:root {
  --mat-mdc-form-field-padding: 0.5rem;
  --mat-mdc-form-field-border-radius: 0.375rem;
  --mat-mdc-form-field-outline-width: 2px;
  --mat-mdc-form-field-outline-color: var(--srf-blue);
  --mat-mdc-form-field-label-color: var(--text-gray-600);
  --mat-mdc-form-field-label-font-size: 0.875rem;
  --mat-mdc-form-field-label-font-weight: 500;
  --mat-mdc-input-text-color: var(--text-gray-800);
  --mat-mdc-input-placeholder-color: var(--text-gray-400);
  --mat-mdc-input-font-size: 0.875rem;
  --mat-mdc-input-font-weight: 400;
  --mat-mdc-error-text-color: var(--text-red-500);
  --mat-mdc-error-font-size: 0.75rem;
  --mat-mdc-error-font-weight: 500;
  --mat-mdc-form-field-hover-outline-color: var(--srf-orange);
  --mat-mdc-form-field-focus-outline-color: var(--srf-blue);
  --srf-space-1: 4px;
  --srf-space-2: 8px;
  --srf-space-3: 12px;
  --srf-space-4: 16px;
  --srf-space-5: 20px;
  --srf-space-6: 24px;
  --srf-space-8: 32px;
  --srf-space-10: 40px;
  --srf-space-12: 48px;
  --srf-radius-sm: 6px;
  --srf-radius-md: 10px;
  --srf-radius-lg: 14px;
  --srf-radius-xl: 20px;
  --srf-radius-pill: 999px;
  --srf-surface-page: #f5f6fa;
  --srf-surface-card: #ffffff;
  --srf-surface-card-hover: #fafbff;
  --srf-surface-muted: #f8f9fc;
  --srf-surface-subtle: #f0f2f8;
  --srf-skeleton-base: #e2e5eb;
  --srf-skeleton-shine: #f0f2f6;
  --srf-brand-orange: #f97316;
  --srf-brand-orange-light: #fff7ed;
  --srf-brand-orange-medium: #fed7aa;
  --srf-brand-blue: #02538a;
  --srf-brand-blue-light: #e8f4fd;
  --srf-brand-blue-medium: #b3d9f2;
  --srf-success: #16a34a;
  --srf-success-light: #f0fdf4;
  --srf-success-border: #bbf7d0;
  --srf-warning: #ea580c;
  --srf-warning-light: #fff7ed;
  --srf-warning-border: #fed7aa;
  --srf-danger: #dc2626;
  --srf-danger-light: #fef2f2;
  --srf-danger-border: #fecaca;
  --srf-info: #0284c7;
  --srf-info-light: #f0f9ff;
  --srf-info-border: #bae6fd;
  --srf-text-primary: #1a1d26;
  --srf-text-secondary: #5a6178;
  --srf-text-tertiary: #8b92a5;
  --srf-text-inverse: #ffffff;
  --srf-border-light: #e8eaf0;
  --srf-border-medium: #d1d5e0;
  --srf-border-focus: #f97316;
  --srf-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --srf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --srf-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.04);
  --srf-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
  --srf-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1), 0 4px 16px rgba(0, 0, 0, 0.05);
  --srf-shadow-focus: 0 0 0 3px rgba(249, 115, 22, 0.18);
  --srf-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --srf-transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --srf-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
  --srf-font-display:
    "Plus Jakarta Sans",
    -apple-system,
    sans-serif;
  --srf-font-body:
    "Instrument Sans",
    -apple-system,
    sans-serif;
  --srf-text-xxs: 0.625rem;
  --srf-text-xs: 0.75rem;
  --srf-text-sm: 0.8125rem;
  --srf-text-base: 0.875rem;
  --srf-text-md: 1rem;
  --srf-text-lg: 1.125rem;
  --srf-text-xl: 1.25rem;
  --srf-text-2xl: 1.5rem;
  --srf-text-3xl: 1.875rem;
  --srf-line-tight: 1.2;
  --srf-line-snug: 1.35;
  --srf-line-normal: 1.5;
  --srf-line-relaxed: 1.65;
  --srf-weight-normal: 400;
  --srf-weight-medium: 500;
  --srf-weight-semibold: 600;
  --srf-weight-bold: 700;
  --srf-weight-extrabold: 800;
  --srf-gradient-hero:
    linear-gradient(
      135deg,
      #fff7ed 0%,
      #fef3c7 40%,
      #e0f2fe 100%);
  --srf-gradient-hero-dark:
    linear-gradient(
      135deg,
      #1a1510 0%,
      #1a1a10 40%,
      #0c1929 100%);
  --srf-gradient-warm:
    linear-gradient(
      135deg,
      #f97316 0%,
      #f59e0b 100%);
  --srf-gradient-cool:
    linear-gradient(
      135deg,
      #0284c7 0%,
      #02538a 100%);
  --srf-gradient-fresh:
    linear-gradient(
      135deg,
      #16a34a 0%,
      #059669 100%);
  --srf-gradient-surface:
    linear-gradient(
      180deg,
      rgba(249,115,22,0.04) 0%,
      transparent 60%);
}
.dark {
  --srf-surface-page: #0f1117;
  --srf-surface-card: #1a1d2a;
  --srf-surface-card-hover: #22253a;
  --srf-surface-muted: #1e2130;
  --srf-surface-subtle: #252840;
  --srf-surface-hover: #2a2d42;
  --srf-skeleton-base: #252840;
  --srf-skeleton-shine: #2e3250;
  --srf-brand-orange-light: #3d2410;
  --srf-brand-blue-light: #0c2539;
  --srf-success-light: #0a2918;
  --srf-warning-light: #3d2410;
  --srf-danger-light: #350c0c;
  --srf-info-light: #0c2539;
  --srf-text-primary: #e8eaf0;
  --srf-text-secondary: #9ca3b8;
  --srf-text-tertiary: #6b7288;
  --srf-text-inverse: #111827;
  --srf-border-light: #2d3148;
  --srf-border-medium: #3d4260;
  --srf-border-focus: #f97316;
  --srf-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
  --srf-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --srf-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 4px rgba(0, 0, 0, 0.2);
  --srf-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);
  --srf-shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.5), 0 4px 16px rgba(0, 0, 0, 0.25);
  --srf-gradient-hero: var(--srf-gradient-hero-dark);
  --srf-gradient-surface:
    linear-gradient(
      180deg,
      rgba(249,115,22,0.06) 0%,
      transparent 60%);
  --ion-background-color: #0f1117;
  --ion-text-color: #e8eaf0;
  --ion-card-background: #1a1d2a;
  --ion-toolbar-background: #141622;
  --ion-item-background: #1a1d2a;
  --mat-select-panel-background-color: #1a1d2a;
  --mdc-filled-text-field-container-color: #1e2130;
  --mat-table-background-color: #1a1d2a;
}
.dark .bg-white {
  background-color: #1a1d2a !important;
}
.dark .bg-gray-50,
.dark .bg-gray-100 {
  background-color: #1e2130 !important;
}
.dark .bg-gray-50\/50 {
  background-color: rgba(30, 33, 48, 0.5) !important;
}
.dark .border-gray-100,
.dark .border-gray-200 {
  border-color: #2d3148 !important;
}
.dark .text-gray-800,
.dark .text-gray-900 {
  color: #e8eaf0 !important;
}
.dark .text-gray-700 {
  color: #c0c5d4 !important;
}
.dark .text-gray-600 {
  color: #9ca3b8 !important;
}
.dark .text-gray-500 {
  color: #7b829a !important;
}
.dark .text-gray-400 {
  color: #6b7288 !important;
}
.dark .text-black {
  color: #e8eaf0 !important;
}
.dark .card,
.dark .formSection {
  background-color: var(--srf-surface-card) !important;
  border-color: var(--srf-border-light) !important;
}
.dark .shadow-soft-1,
.dark .shadow-soft-2 {
  box-shadow: var(--srf-shadow-sm) !important;
}
.dark .tableSection table,
.dark .tableData table {
  background-color: var(--srf-surface-card);
}
.dark .tableSection th,
.dark .tableSection td,
.dark .tableData th,
.dark .tableData td {
  color: var(--srf-text-primary);
  border-color: var(--srf-border-light);
}
.dark .tableSection th,
.dark .tableData th {
  background-color: var(--srf-surface-muted) !important;
}
.dark .tableSection tr:hover td,
.dark .tableData tr:hover td {
  background-color: var(--srf-surface-hover) !important;
}
.dark .mat-mdc-form-field .mdc-text-field--filled {
  background-color: var(--srf-surface-muted) !important;
}
.dark ::-webkit-scrollbar-track {
  background: #1a1d2a;
}
.dark ::-webkit-scrollbar-thumb {
  background: #3d4260;
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #4d5270;
}
ion-content {
  --background: var(--srf-surface-page);
}
.innerPage {
  padding: var(--srf-space-4) var(--srf-space-4) var(--srf-space-12);
}
ion-card {
  --background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg) !important;
  box-shadow: var(--srf-shadow-sm) !important;
  border: 1px solid var(--srf-border-light);
  margin: var(--srf-space-2) 0;
  transition: box-shadow var(--srf-transition-base), transform var(--srf-transition-base);
  overflow: hidden;
}
ion-card:hover {
  box-shadow: var(--srf-shadow-md) !important;
  transform: translateY(-1px);
}
ion-card ion-card-header {
  padding: var(--srf-space-4) var(--srf-space-5);
}
ion-card ion-card-content {
  padding: var(--srf-space-3) var(--srf-space-5) var(--srf-space-5);
}
ion-card ion-card-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--srf-text-primary);
  letter-spacing: -0.01em;
}
ion-card ion-card-subtitle {
  font-size: 0.8125rem;
  color: var(--srf-text-secondary);
  margin-top: 2px;
}
.mat-mdc-card {
  border-radius: var(--srf-radius-lg) !important;
  box-shadow: var(--srf-shadow-sm) !important;
  border: 1px solid var(--srf-border-light);
  transition: box-shadow var(--srf-transition-base);
  overflow: hidden;
}
.mat-mdc-card:hover {
  box-shadow: var(--srf-shadow-md) !important;
}
.srf-card {
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg);
  box-shadow: var(--srf-shadow-sm);
  border: 1px solid var(--srf-border-light);
  padding: var(--srf-space-5);
  transition: box-shadow var(--srf-transition-base), transform var(--srf-transition-base);
}
.srf-card:hover {
  box-shadow: var(--srf-shadow-md);
  transform: translateY(-1px);
}
.srf-card--flat {
  box-shadow: none;
  border: 1px solid var(--srf-border-light);
}
.srf-card--flat:hover {
  box-shadow: var(--srf-shadow-sm);
  transform: none;
}
.srf-card--accent {
  border-left: 3px solid var(--srf-brand-orange);
}
.srf-card--info {
  border-left: 3px solid var(--srf-brand-blue);
}
ion-button {
  --border-radius: var(--srf-radius-sm);
  font-weight: 500;
  letter-spacing: 0.01em;
  text-transform: none;
  transition: box-shadow var(--srf-transition-fast), transform var(--srf-transition-fast);
}
ion-button:hover {
  transform: translateY(-1px);
  --box-shadow: var(--srf-shadow-sm);
}
ion-button:active {
  transform: translateY(0);
}
ion-button[color=primary] {
  --background: var(--srf-brand-orange);
  --background-hover: #ea6c10;
}
.mat-mdc-raised-button,
.mat-mdc-flat-button,
.mdc-button--unelevated {
  border-radius: var(--srf-radius-sm) !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  transition: box-shadow var(--srf-transition-fast), transform var(--srf-transition-fast) !important;
  box-shadow: var(--srf-shadow-xs) !important;
}
.mat-mdc-raised-button:hover,
.mat-mdc-flat-button:hover,
.mdc-button--unelevated:hover {
  box-shadow: var(--srf-shadow-sm) !important;
  transform: translateY(-1px);
}
.mat-mdc-raised-button:active,
.mat-mdc-flat-button:active,
.mdc-button--unelevated:active {
  transform: translateY(0);
}
.mat-mdc-outlined-button {
  border-radius: var(--srf-radius-sm) !important;
  border-color: var(--srf-border-medium) !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all var(--srf-transition-fast) !important;
}
.mat-mdc-outlined-button:hover {
  background-color: var(--srf-surface-subtle) !important;
  border-color: var(--srf-brand-orange) !important;
}
.mat-mdc-button {
  border-radius: var(--srf-radius-sm) !important;
  font-weight: 500 !important;
  text-transform: none !important;
}
.srf-btn-sm {
  --padding-start: 12px;
  --padding-end: 12px;
  font-size: 0.8125rem;
  height: 32px;
}
.srf-btn-icon {
  --padding-start: 8px;
  --padding-end: 8px;
  min-width: 36px;
  height: 36px;
  border-radius: var(--srf-radius-md) !important;
}
ion-input,
ion-textarea,
ion-select {
  --border-radius: var(--srf-radius-sm);
  --highlight-color-focused: var(--srf-brand-orange);
  font-size: 0.875rem;
}
.formSection ion-input,
.formSection ion-textarea {
  --border-color: var(--srf-border-light);
  --border-radius: var(--srf-radius-sm);
  --padding-start: var(--srf-space-3);
  --highlight-color-focused: var(--srf-brand-orange);
}
.formSection ion-select {
  --border-radius: var(--srf-radius-sm);
}
.formSection .formField {
  margin-bottom: var(--srf-space-4);
}
.mat-mdc-form-field .mdc-text-field--outlined {
  border-radius: var(--srf-radius-sm) !important;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__leading {
  border-radius: var(--srf-radius-sm) 0 0 var(--srf-radius-sm) !important;
}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline__trailing {
  border-radius: 0 var(--srf-radius-sm) var(--srf-radius-sm) 0 !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch {
  border-color: var(--srf-brand-orange) !important;
}
.ng-select .ng-select-container {
  border-radius: var(--srf-radius-sm) !important;
  border-color: var(--srf-border-light) !important;
  min-height: 38px;
  transition: border-color var(--srf-transition-fast);
}
.ng-select .ng-select-container:hover {
  border-color: var(--srf-border-medium) !important;
}
.ng-select.ng-select-focused .ng-select-container {
  border-color: var(--srf-brand-orange) !important;
  box-shadow: var(--srf-shadow-focus) !important;
}
.ng-select .ng-dropdown-panel {
  border-radius: var(--srf-radius-md) !important;
  box-shadow: var(--srf-shadow-lg) !important;
  border: 1px solid var(--srf-border-light);
  margin-top: 4px;
}
.ng-select .ng-dropdown-panel .ng-option {
  padding: var(--srf-space-2) var(--srf-space-3);
  font-size: 0.875rem;
  transition: background-color var(--srf-transition-fast);
}
.ng-select .ng-dropdown-panel .ng-option.ng-option-marked {
  background-color: var(--srf-brand-orange-light) !important;
}
.ng-select .ng-dropdown-panel .ng-option.ng-option-selected {
  background-color: var(--srf-brand-orange-light) !important;
  font-weight: 500;
}
.tableSection {
  border-radius: var(--srf-radius-lg);
  overflow: hidden;
  background: var(--srf-surface-card);
}
.tableSection .search input {
  border-radius: var(--srf-radius-pill) !important;
  border: 1px solid var(--srf-border-light) !important;
  background: var(--srf-surface-muted);
  padding: 8px 14px 8px 36px !important;
  font-size: 0.875rem;
  transition: all var(--srf-transition-fast);
}
.tableSection .search input:focus {
  border-color: var(--srf-brand-orange) !important;
  box-shadow: var(--srf-shadow-focus);
  background: var(--srf-surface-card);
  outline: none;
}
.tableSection .actionButton button {
  border-radius: var(--srf-radius-sm) !important;
  font-size: 0.8125rem;
  font-weight: 500;
  transition: all var(--srf-transition-fast);
}
.tableSection .actionButton button:hover {
  background-color: var(--srf-surface-subtle) !important;
}
.tableSection .actionButton button.active {
  background-color: var(--srf-brand-orange-light) !important;
}
.mat-mdc-table {
  border-radius: var(--srf-radius-lg) !important;
  overflow: hidden;
}
.mat-mdc-table .mat-mdc-header-row {
  background-color: var(--srf-surface-muted) !important;
  height: 40px !important;
}
.mat-mdc-table .mat-mdc-header-cell {
  color: var(--srf-text-secondary) !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--srf-border-light) !important;
  padding: 0 var(--srf-space-3) !important;
}
.mat-mdc-table .mat-mdc-row {
  transition: background-color var(--srf-transition-fast);
  border-bottom: 1px solid var(--srf-border-light) !important;
}
.mat-mdc-table .mat-mdc-row:hover {
  background-color: var(--srf-surface-muted) !important;
}
.mat-mdc-table .mat-mdc-row:last-child {
  border-bottom: none !important;
}
.mat-mdc-table .mat-mdc-cell {
  font-size: 0.8125rem !important;
  color: var(--srf-text-primary) !important;
  padding: var(--srf-space-2) var(--srf-space-3) !important;
  border-bottom-color: var(--srf-border-light) !important;
}
.tableData::-webkit-scrollbar {
  width: 5px;
  border-radius: 10px;
}
.tableData::-webkit-scrollbar-track {
  background: var(--srf-surface-muted);
  border-radius: 10px;
}
.tableData::-webkit-scrollbar-thumb {
  background: var(--srf-border-medium);
  border-radius: 10px;
}
.tableData::-webkit-scrollbar-thumb:hover {
  background: var(--srf-text-tertiary);
}
ion-segment {
  --background: var(--srf-surface-muted);
  border-radius: var(--srf-radius-md);
  padding: 3px;
}
ion-segment ion-segment-button {
  --border-radius: var(--srf-radius-sm);
  --indicator-color: var(--srf-surface-card);
  --indicator-box-shadow: var(--srf-shadow-sm);
  --color: var(--srf-text-secondary);
  --color-checked: var(--srf-text-primary);
  font-weight: 500;
  font-size: 0.8125rem;
  text-transform: none;
  letter-spacing: 0;
  min-height: 34px;
  transition: color var(--srf-transition-fast);
}
.mat-mdc-tab-group .mat-mdc-tab {
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  min-width: auto !important;
}
.mat-mdc-tab-group .mdc-tab-indicator__content--underline {
  border-color: var(--srf-brand-orange) !important;
  border-width: 2.5px !important;
  border-radius: 2px !important;
}
.mat-button-toggle-group {
  border-radius: var(--srf-radius-md) !important;
  border: 1px solid var(--srf-border-light) !important;
  overflow: hidden;
}
.mat-button-toggle-group .mat-button-toggle {
  border: none !important;
  font-size: 0.8125rem;
  font-weight: 500;
}
.mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content {
  padding: 0 var(--srf-space-4);
  line-height: 34px;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  font-size: 0.6875rem;
  font-weight: 600;
  border-radius: var(--srf-radius-pill);
  letter-spacing: 0.02em;
  line-height: 1.5;
  white-space: nowrap;
}
.srf-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 0.6875rem;
  font-weight: 600;
  border-radius: var(--srf-radius-pill);
  letter-spacing: 0.02em;
}
.srf-badge--pending {
  background: var(--srf-warning-light);
  color: var(--srf-warning);
  border: 1px solid var(--srf-warning-border);
}
.srf-badge--approved {
  background: var(--srf-success-light);
  color: var(--srf-success);
  border: 1px solid var(--srf-success-border);
}
.srf-badge--rejected {
  background: var(--srf-danger-light);
  color: var(--srf-danger);
  border: 1px solid var(--srf-danger-border);
}
.srf-badge--info {
  background: var(--srf-info-light);
  color: var(--srf-info);
  border: 1px solid var(--srf-info-border);
}
.srf-badge--neutral {
  background: var(--srf-surface-subtle);
  color: var(--srf-text-secondary);
  border: 1px solid var(--srf-border-light);
}
.srf-badge--dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}
.mat-mdc-chip {
  border-radius: var(--srf-radius-pill) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  height: 28px !important;
  transition: all var(--srf-transition-fast) !important;
}
.mat-mdc-select-panel {
  border-radius: var(--srf-radius-md) !important;
  box-shadow: var(--srf-shadow-lg) !important;
  border: 1px solid var(--srf-border-light);
  padding: var(--srf-space-1) 0 !important;
}
.mat-mdc-select-panel .mat-mdc-option {
  font-size: 0.875rem;
  min-height: 38px;
  padding: 0 var(--srf-space-4) !important;
  transition: background-color var(--srf-transition-fast);
}
.mat-mdc-select-panel .mat-mdc-option:hover {
  background-color: var(--srf-surface-muted) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected {
  background-color: var(--srf-brand-orange-light) !important;
}
.mat-mdc-dialog-container {
  border-radius: var(--srf-space-1) !important;
  box-shadow: var(--srf-shadow-xl) !important;
  overflow: hidden;
}
.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  border-radius: var(--srf-space-1) !important;
  overflow: hidden !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: var(--srf-text-primary) !important;
  padding: var(--srf-space-5) var(--srf-space-6) var(--srf-space-3) !important;
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  overflow-y: auto;
  overflow-x: hidden;
}
.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: var(--srf-space-3) var(--srf-space-6) var(--srf-space-5) !important;
  gap: var(--srf-space-2);
}
.srf-side-panel.mat-mdc-dialog-container {
  border-radius: var(--srf-radius-xl) 0 0 var(--srf-radius-xl) !important;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.1), -2px 0 8px rgba(0, 0, 0, 0.04) !important;
}
.srf-side-panel.mat-mdc-dialog-container .mat-mdc-dialog-surface {
  border-radius: var(--srf-space-1) 0 0 var(--srf-space-1) !important;
  padding: 0 !important;
}
ion-modal.small-right,
ion-modal.medium-right,
ion-modal.wide-right {
  --border-radius: 1.25rem 0 0 1.25rem;
  --box-shadow: -8px 0 30px rgba(0, 0, 0, 0.08), -2px 0 8px rgba(0, 0, 0, 0.04);
}
ion-modal ion-toolbar {
  --background: var(--srf-surface-card);
  --border-color: var(--srf-border-light);
}
ion-modal ion-content .popupContent {
  overflow: visible !important;
  height: auto !important;
}
ion-modal .popupContent {
  overflow: visible;
}
ion-modal .popupAction {
  padding: var(--srf-space-3) var(--srf-space-5) var(--srf-space-5);
  display: flex;
  justify-content: flex-end;
  gap: var(--srf-space-2);
  border-top: 1px solid var(--srf-border-light);
}
ion-spinner {
  --color: var(--srf-brand-orange);
}
.srf-skeleton {
  background:
    linear-gradient(
      90deg,
      var(--srf-skeleton-base) 25%,
      var(--srf-skeleton-shine) 50%,
      var(--srf-skeleton-base) 75%);
  background-size: 200% 100%;
  animation: srf-shimmer 1.5s ease-in-out infinite;
  border-radius: var(--srf-radius-sm);
}
.srf-skeleton--circle {
  border-radius: 50%;
}
.srf-skeleton--text {
  height: 12px;
  margin-bottom: 8px;
  width: 80%;
}
.srf-skeleton--avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
@keyframes srf-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.srf-progress {
  height: 6px;
  background: var(--srf-surface-subtle);
  border-radius: var(--srf-radius-pill);
  overflow: hidden;
}
.srf-progress__bar {
  height: 100%;
  background:
    linear-gradient(
      90deg,
      var(--srf-brand-orange),
      #fb923c);
  border-radius: var(--srf-radius-pill);
  transition: width var(--srf-transition-slow);
}
app-la-empty-state ion-card.noData {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  border-radius: var(--srf-radius-lg) !important;
}
app-la-empty-state ion-card.noData p {
  color: var(--srf-text-tertiary);
  font-size: 0.875rem;
}
ion-toast {
  --border-radius: var(--srf-radius-md);
  --box-shadow: var(--srf-shadow-lg);
  font-weight: 500;
}
.srf-interactive {
  cursor: pointer;
  transition: all var(--srf-transition-base);
}
.srf-interactive:hover {
  background-color: var(--srf-surface-muted);
}
.srf-interactive:active {
  transform: scale(0.98);
}
.srf-interactive.is-selected {
  background-color: var(--srf-brand-orange-light);
  border-color: var(--srf-brand-orange);
}
.srf-interactive.is-disabled,
.srf-interactive:disabled,
.srf-interactive[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
ion-button:focus-visible {
  outline: 2px solid var(--srf-brand-orange);
  outline-offset: 2px;
}
.cardList ion-card {
  cursor: pointer;
}
.cardList ion-card .cardData p {
  font-size: 0.6875rem;
  color: var(--srf-text-tertiary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}
.cardList ion-card .cardData h4 {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--srf-text-primary);
  line-height: 1.3;
}
.cardList ion-card .cardButton {
  display: flex;
  gap: var(--srf-space-3);
  padding-top: var(--srf-space-3);
  border-top: 1px solid var(--srf-border-light);
  margin-top: var(--srf-space-2);
}
.cardList ion-card .cardButton .cardButtonData {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.75rem;
  color: var(--srf-brand-blue);
  cursor: pointer;
  padding: 4px 8px;
  border-radius: var(--srf-radius-sm);
  transition: background-color var(--srf-transition-fast);
  flex-direction: row;
}
.cardList ion-card .cardButton .cardButtonData:hover {
  background-color: var(--srf-brand-blue-light);
}
.cardList ion-card .cardButton .cardButtonData .icon {
  font-size: 16px;
}
.cardList ion-card .cardButton .cardButtonData p {
  margin: 0;
  font-weight: 500;
}
.srf-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--srf-space-2);
  padding: var(--srf-space-3) var(--srf-space-4);
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-md);
  border: 1px solid var(--srf-border-light);
  align-items: center;
}
.advanceFilter {
  border-radius: var(--srf-radius-md) !important;
  border: 1px solid var(--srf-border-light) !important;
  box-shadow: none !important;
  background: var(--srf-surface-muted);
  padding: var(--srf-space-2) var(--srf-space-3) 0 !important;
}
swiper-container {
  --swiper-navigation-size: 20px;
  --swiper-navigation-color: var(--srf-text-secondary);
}
swiper-container swiper-slide ion-card {
  margin: var(--srf-space-2) var(--srf-space-1);
}
app-breadcrumb {
  font-size: 0.8125rem;
  color: var(--srf-text-tertiary);
}
app-breadcrumb a {
  color: var(--srf-text-secondary);
  text-decoration: none;
  transition: color var(--srf-transition-fast);
}
app-breadcrumb a:hover {
  color: var(--srf-brand-orange);
}
ion-content ion-header ion-toolbar,
ion-modal ion-header ion-toolbar,
.innerPage ion-header ion-toolbar {
  --background: var(--srf-surface-card);
  --border-color: var(--srf-border-light);
  --min-height: 48px;
}
ion-content ion-header ion-toolbar ion-title,
ion-modal ion-header ion-toolbar ion-title,
.innerPage ion-header ion-toolbar ion-title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--srf-text-primary);
  letter-spacing: -0.01em;
}
.web-dashboard-wrapper {
  background:
    radial-gradient(
      ellipse 80% 60% at 10% 20%,
      rgba(249, 115, 22, 0.035) 0%,
      transparent 60%),
    radial-gradient(
      ellipse 60% 50% at 90% 80%,
      rgba(2, 83, 138, 0.035) 0%,
      transparent 60%),
    var(--srf-surface-page);
}
.web-dashboard-wrapper .card,
.web-dashboard-wrapper > section .card {
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg);
  box-shadow: var(--srf-shadow-sm);
  border: 1px solid var(--srf-border-light);
  transition: box-shadow var(--srf-transition-base), transform var(--srf-transition-base);
}
.web-dashboard-wrapper .card:hover,
.web-dashboard-wrapper > section .card:hover {
  box-shadow: var(--srf-shadow-md);
  transform: translateY(-2px);
}
.web-dashboard-wrapper .celebration-tab {
  border-radius: var(--srf-radius-pill) !important;
  font-weight: 500;
  font-size: 0.8125rem;
  transition: all var(--srf-transition-fast);
  border: 1px solid transparent;
}
.web-dashboard-wrapper .celebration-tab:hover {
  background-color: var(--srf-surface-subtle) !important;
}
.web-dashboard-wrapper .celebration-tab.bg-gray-50 {
  background-color: var(--srf-brand-orange-light) !important;
  color: var(--srf-brand-orange) !important;
  border-color: var(--srf-brand-orange-medium);
  font-weight: 600;
}
.web-dashboard-wrapper article {
  border-radius: var(--srf-radius-lg) !important;
  border: 1px solid var(--srf-border-light);
  transition: all var(--srf-transition-base);
  overflow: hidden;
}
.web-dashboard-wrapper article:hover {
  box-shadow: var(--srf-shadow-md);
  transform: translateY(-4px);
}
.web-dashboard-wrapper article:hover .avatar-ring,
.web-dashboard-wrapper article:hover .ring-2 {
  --tw-ring-opacity: 0.5;
}
.web-dashboard-wrapper article .avatar-ring {
  border: 2px solid var(--srf-brand-orange-medium);
}
.web-dashboard-wrapper aside .card,
.web-dashboard-wrapper aside > div {
  border-radius: var(--srf-radius-lg);
}
.web-dashboard-wrapper article img {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  object-fit: fill;
}
.web-dashboard-wrapper .absolute.left-0.w-1 {
  transition: width var(--srf-transition-base);
}
.web-dashboard-wrapper button[class*=rounded-full] {
  transition: all var(--srf-transition-fast);
}
.myActivity .activityContent {
  gap: var(--srf-space-3);
}
.myActivity .activityContent .activityData {
  border-radius: var(--srf-radius-lg) !important;
  border: 1px solid var(--srf-border-light) !important;
  background: var(--srf-surface-card);
  transition: all var(--srf-transition-base);
}
.myActivity .activityContent .activityData:hover {
  box-shadow: var(--srf-shadow-md) !important;
  border-color: var(--srf-border-medium) !important;
  transform: translateY(-2px);
}
.myActivity .activityContent .activityData:hover .line {
  width: 100% !important;
  background:
    linear-gradient(
      90deg,
      var(--srf-brand-orange),
      var(--srf-brand-blue)) !important;
}
.myActivity .activityContent .activityData .cardSubject {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--srf-text-primary);
}
.myActivity .activityContent .activityData p {
  font-size: 0.75rem;
  color: var(--srf-text-secondary);
}
.myActivity .activityContent .activityData h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--srf-text-primary);
}
.myActivity .activityContent .activityData .line {
  border-radius: 0 0 var(--srf-radius-lg) var(--srf-radius-lg);
}
ion-content .rounded-2xl {
  box-shadow: 0 4px 24px -4px rgba(249, 115, 22, 0.25);
}
ion-content .flex.mb-4.bg-white:active {
  transform: scale(0.98);
}
.mat-mdc-paginator {
  background: transparent !important;
  font-size: 0.8125rem;
  color: var(--srf-text-secondary);
}
.mat-mdc-paginator .mat-mdc-paginator-container {
  padding: var(--srf-space-3) 0;
  min-height: 48px;
}
.mat-mdc-paginator .mat-mdc-icon-button {
  color: var(--srf-text-secondary);
}
.mat-mdc-paginator .mat-mdc-icon-button:hover {
  background-color: var(--srf-surface-subtle);
}
.mat-mdc-tooltip .mdc-tooltip__surface {
  border-radius: var(--srf-radius-sm) !important;
  font-size: 0.75rem !important;
  padding: 6px 12px !important;
  box-shadow: var(--srf-shadow-md) !important;
}
.app-overflow-tooltip {
  position: fixed;
  z-index: 1100;
  max-width: 280px;
  padding: 5px 10px;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, sans-serif);
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.4;
  color: #fff;
  background: rgba(55, 65, 81, 0.92);
  border-radius: 6px;
  box-shadow: var(--srf-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.12));
  word-break: break-word;
  pointer-events: none;
  animation: app-tooltip-enter 150ms cubic-bezier(0, 0, 0.2, 1);
}
@keyframes app-tooltip-enter {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.mat-divider {
  border-color: var(--srf-border-light) !important;
}
ion-item-divider {
  --background: var(--srf-surface-muted);
  --color: var(--srf-text-secondary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .innerPage {
    padding: var(--srf-space-3) var(--srf-space-3) var(--srf-space-3);
  }
  ion-card {
    margin: var(--srf-space-2) 0;
  }
  .mat-mdc-dialog-container {
    border-radius: var(--srf-radius-lg) !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .innerPage {
    padding: var(--srf-space-4) var(--srf-space-5) var(--srf-space-10);
  }
}
@media (min-width: 1200px) {
  .innerPage {
    padding: var(--srf-space-5) var(--srf-space-6) var(--srf-space-10);
  }
}
.cardList ion-card,
ion-card.formSection,
ion-card.noShadow {
  background: var(--srf-surface-card);
  border: 1px solid var(--srf-border-light);
  border-radius: var(--srf-radius-lg) !important;
  overflow: hidden;
}
.cardList .status > div {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: var(--srf-radius-pill);
  padding: 2px 10px;
}
.popupContent .emp-details .emp-component {
  padding: var(--srf-space-3) 0;
  border-bottom: 1px solid var(--srf-border-light);
}
.popupContent .emp-details .emp-component p {
  font-size: 0.6875rem;
  color: var(--srf-text-tertiary);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}
.popupContent .emp-details .emp-component h4 {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--srf-text-primary);
}
.popupContent .emp-details .emp-component:last-child {
  border-bottom: none;
}
.iconButton {
  --border-radius: var(--srf-radius-pill) !important;
  font-weight: 500;
  font-size: 0.8125rem;
  letter-spacing: 0;
  text-transform: none;
}
.iconButton span.material-symbols-rounded {
  font-size: 18px;
  margin-left: 4px;
}
.leave-card {
  text-align: center;
  background:
    linear-gradient(
      135deg,
      var(--srf-brand-orange-light),
      var(--srf-surface-card)) !important;
  border: 1px solid var(--srf-brand-orange-medium) !important;
}
.leave-card .leave-days {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--srf-brand-orange) !important;
}
.leave-card .leave-days span {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--srf-text-secondary);
}
.leave-card .leave-type {
  font-size: 0.75rem !important;
  color: var(--srf-text-secondary) !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.warning {
  display: flex;
  align-items: flex-start;
  gap: var(--srf-space-3);
  padding: var(--srf-space-3) var(--srf-space-4);
  background: var(--srf-warning-light);
  border: 1px solid var(--srf-warning-border);
  border-radius: var(--srf-radius-md);
  margin-bottom: var(--srf-space-4);
  font-size: 0.8125rem;
  color: var(--srf-text-primary);
  line-height: 1.5;
}
.warning .button {
  flex-shrink: 0;
  margin-left: auto;
}
.filter-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--srf-space-2);
  padding: var(--srf-space-2) 0;
  font-size: 0.8125rem;
}
.filter-button h6 {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--srf-text-secondary);
  font-weight: 400;
}
.filter-button h6 b {
  font-weight: 600;
  color: var(--srf-text-primary);
}
.btnFixed {
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  flex-wrap: wrap;
  gap: var(--srf-space-2);
  padding: var(--srf-space-3) var(--srf-space-4);
  background: var(--srf-surface-card);
  border-top: 1px solid var(--srf-border-light);
  border-radius: var(--srf-radius-lg) var(--srf-radius-lg) 0 0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}
.custom-segment-tab {
  background: var(--srf-surface-muted);
  border-radius: var(--srf-radius-md);
  padding: 3px;
}
.custom-segment-tab ion-segment-button {
  --border-radius: var(--srf-radius-sm);
  --indicator-color: var(--srf-surface-card);
  --indicator-box-shadow: var(--srf-shadow-sm);
  text-transform: none;
  font-weight: 500;
  font-size: 0.8125rem;
  min-height: 34px;
}
.custom-segment-tab ion-segment-button h6 {
  font-size: 0.8125rem;
  font-weight: inherit;
  margin: 0;
}
app-approver-list .approverDetail {
  border-radius: var(--srf-radius-md);
  border: 1px solid var(--srf-border-light);
  background: var(--srf-surface-muted);
  padding: var(--srf-space-2) var(--srf-space-3);
  font-size: 0.8125rem;
  transition: background-color var(--srf-transition-fast);
}
app-approver-list .approverDetail:hover {
  background: var(--srf-surface-subtle);
}
app-legend {
  font-size: 0.75rem;
}
app-legend .legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--srf-space-3);
  padding: var(--srf-space-3) var(--srf-space-4);
  background: var(--srf-surface-muted);
  border-radius: var(--srf-radius-md);
  margin-top: var(--srf-space-4);
  border: 1px solid var(--srf-border-light);
}
.srf-page-title {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-2xl);
  font-weight: var(--srf-weight-bold);
  line-height: var(--srf-line-tight);
  color: var(--srf-text-primary);
  letter-spacing: -0.02em;
}
.srf-section-title {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-lg);
  font-weight: var(--srf-weight-semibold);
  line-height: var(--srf-line-snug);
  color: var(--srf-text-primary);
  letter-spacing: -0.01em;
}
.srf-card-title {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-md);
  font-weight: var(--srf-weight-semibold);
  line-height: var(--srf-line-snug);
  color: var(--srf-text-primary);
}
.srf-body {
  font-family: var(--srf-font-body);
  font-size: var(--srf-text-base);
  font-weight: var(--srf-weight-normal);
  line-height: var(--srf-line-normal);
  color: var(--srf-text-primary);
}
.srf-body-sm {
  font-family: var(--srf-font-body);
  font-size: var(--srf-text-sm);
  font-weight: var(--srf-weight-normal);
  line-height: var(--srf-line-normal);
  color: var(--srf-text-secondary);
}
.srf-caption {
  font-family: var(--srf-font-body);
  font-size: var(--srf-text-xs);
  font-weight: var(--srf-weight-medium);
  line-height: var(--srf-line-normal);
  color: var(--srf-text-tertiary);
  letter-spacing: 0.02em;
}
.srf-overline {
  font-family: var(--srf-font-body);
  font-size: var(--srf-text-xxs);
  font-weight: var(--srf-weight-semibold);
  line-height: var(--srf-line-normal);
  color: var(--srf-text-tertiary);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.srf-data-value {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-xl);
  font-weight: var(--srf-weight-extrabold);
  line-height: var(--srf-line-tight);
  color: var(--srf-text-primary);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
body,
ion-app,
.innerPage {
  font-family: var(--srf-font-body);
}
h1,
h2,
h3 {
  font-family: var(--srf-font-display);
  letter-spacing: -0.01em;
}
.srf-hero-zone {
  background: var(--srf-gradient-hero);
  padding: var(--srf-space-6) var(--srf-space-6) var(--srf-space-8);
  margin: calc(-1 * var(--srf-space-4)) calc(-1 * var(--srf-space-4)) var(--srf-space-6);
  position: relative;
  overflow: hidden;
}
.srf-hero-zone::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      at 20% 30%,
      rgba(249, 115, 22, 0.08) 0%,
      transparent 50%),
    radial-gradient(
      at 80% 70%,
      rgba(2, 83, 138, 0.06) 0%,
      transparent 50%);
  pointer-events: none;
}
.srf-hero-zone::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -30px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(249, 115, 22, 0.08);
  filter: blur(40px);
  pointer-events: none;
}
.srf-hero-zone .srf-hero-title {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-2xl);
  font-weight: var(--srf-weight-bold);
  color: var(--srf-text-primary);
  letter-spacing: -0.02em;
  margin-bottom: var(--srf-space-1);
  position: relative;
}
.srf-hero-zone .srf-hero-subtitle {
  font-size: var(--srf-text-sm);
  color: var(--srf-text-secondary);
  position: relative;
}
.srf-hero-zone .srf-hero-actions {
  display: flex;
  gap: var(--srf-space-3);
  margin-top: var(--srf-space-4);
  position: relative;
}
.srf-surface-gradient {
  background: var(--srf-gradient-surface);
}
.srf-skeleton-card {
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg);
  padding: var(--srf-space-5);
  border: 1px solid var(--srf-border-light);
}
.srf-skeleton-card .srf-skeleton {
  background:
    linear-gradient(
      90deg,
      var(--srf-skeleton-base) 25%,
      var(--srf-skeleton-shine) 37%,
      var(--srf-skeleton-base) 63%);
  background-size: 400% 100%;
  animation: srf-shimmer 1.4s ease infinite;
  border-radius: var(--srf-radius-sm);
}
.srf-skeleton-row {
  display: grid;
  grid-template-columns: 40px 1fr 1fr 80px;
  gap: var(--srf-space-4);
  padding: var(--srf-space-3) var(--srf-space-4);
  border-bottom: 1px solid var(--srf-border-light);
}
.srf-skeleton-row .srf-skeleton {
  height: 14px;
  border-radius: var(--srf-radius-sm);
  background:
    linear-gradient(
      90deg,
      var(--srf-skeleton-base) 25%,
      var(--srf-skeleton-shine) 37%,
      var(--srf-skeleton-base) 63%);
  background-size: 400% 100%;
  animation: srf-shimmer 1.4s ease infinite;
}
.srf-skeleton-row .srf-skeleton:first-child {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.srf-skeleton-stat {
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg);
  padding: var(--srf-space-4);
  border: 1px solid var(--srf-border-light);
  display: flex;
  align-items: center;
  gap: var(--srf-space-3);
}
.srf-skeleton-stat .srf-skeleton-icon {
  width: 36px;
  height: 36px;
  border-radius: var(--srf-radius-md);
  background:
    linear-gradient(
      90deg,
      var(--srf-surface-muted) 25%,
      var(--srf-surface-subtle) 37%,
      var(--srf-surface-muted) 63%);
  background-size: 400% 100%;
  animation: srf-shimmer 1.4s ease infinite;
  flex-shrink: 0;
}
.srf-skeleton-stat .srf-skeleton-lines {
  flex: 1;
}
.srf-skeleton-stat .srf-skeleton-lines .srf-skeleton {
  height: 10px;
  margin-bottom: 8px;
  background:
    linear-gradient(
      90deg,
      var(--srf-surface-muted) 25%,
      var(--srf-surface-subtle) 37%,
      var(--srf-surface-muted) 63%);
  background-size: 400% 100%;
  animation: srf-shimmer 1.4s ease infinite;
}
.srf-skeleton-stat .srf-skeleton-lines .srf-skeleton:first-child {
  width: 50%;
}
.srf-skeleton-stat .srf-skeleton-lines .srf-skeleton:last-child {
  width: 70%;
  height: 16px;
  margin-bottom: 0;
  border-radius: var(--srf-radius-sm);
}
.srf-animate-in {
  animation: srf-fade-in 0.4s ease-out both;
}
.srf-animate-up {
  animation: srf-slide-up 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.srf-stagger > * {
  animation: srf-slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.srf-stagger > *:nth-child(1) {
  animation-delay: 60ms;
}
.srf-stagger > *:nth-child(2) {
  animation-delay: 120ms;
}
.srf-stagger > *:nth-child(3) {
  animation-delay: 180ms;
}
.srf-stagger > *:nth-child(4) {
  animation-delay: 240ms;
}
.srf-stagger > *:nth-child(5) {
  animation-delay: 300ms;
}
.srf-stagger > *:nth-child(6) {
  animation-delay: 360ms;
}
.srf-stagger > *:nth-child(7) {
  animation-delay: 420ms;
}
.srf-stagger > *:nth-child(8) {
  animation-delay: 480ms;
}
.srf-stagger > *:nth-child(9) {
  animation-delay: 540ms;
}
.srf-stagger > *:nth-child(10) {
  animation-delay: 600ms;
}
.srf-stagger > *:nth-child(11) {
  animation-delay: 660ms;
}
.srf-stagger > *:nth-child(12) {
  animation-delay: 720ms;
}
.srf-stagger > *:nth-child(13) {
  animation-delay: 780ms;
}
.srf-stagger > *:nth-child(14) {
  animation-delay: 840ms;
}
.srf-stagger > *:nth-child(15) {
  animation-delay: 900ms;
}
.srf-stagger > *:nth-child(16) {
  animation-delay: 960ms;
}
.srf-stagger > *:nth-child(17) {
  animation-delay: 1020ms;
}
.srf-stagger > *:nth-child(18) {
  animation-delay: 1080ms;
}
.srf-stagger > *:nth-child(19) {
  animation-delay: 1140ms;
}
.srf-stagger > *:nth-child(20) {
  animation-delay: 1200ms;
}
.srf-animate-pop {
  animation: srf-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}
.srf-page-enter {
  animation: srf-page-enter 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes srf-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes srf-slide-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes srf-pop {
  0% {
    transform: scale(0.85);
    opacity: 0;
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes srf-page-enter {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.995);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.srf-glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--srf-radius-lg);
}
.dark .srf-glass {
  background: rgba(26, 29, 42, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.srf-glass-stat {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: var(--srf-radius-lg);
  padding: var(--srf-space-4) var(--srf-space-5);
  transition: all var(--srf-transition-base);
}
.srf-glass-stat:hover {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: var(--srf-shadow-md);
  transform: translateY(-2px);
}
.dark .srf-glass-stat {
  background: rgba(26, 29, 42, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.dark .srf-glass-stat:hover {
  background: rgba(34, 37, 58, 0.8);
}
.srf-glass-orange {
  background:
    linear-gradient(
      135deg,
      rgba(249, 115, 22, 0.1) 0%,
      rgba(251, 146, 60, 0.05) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(249, 115, 22, 0.15);
}
.srf-glass-blue {
  background:
    linear-gradient(
      135deg,
      rgba(2, 83, 138, 0.1) 0%,
      rgba(3, 105, 161, 0.05) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(2, 83, 138, 0.15);
}
.srf-glass-green {
  background:
    linear-gradient(
      135deg,
      rgba(22, 163, 74, 0.1) 0%,
      rgba(5, 150, 105, 0.05) 100%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(22, 163, 74, 0.15);
}
.srf-form-label {
  font-size: var(--srf-text-xs);
  font-weight: var(--srf-weight-semibold);
  color: var(--srf-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: var(--srf-space-1);
  display: block;
}
.srf-input-group {
  position: relative;
  display: flex;
  align-items: center;
}
.srf-input-group .srf-input-icon {
  position: absolute;
  left: var(--srf-space-3);
  color: var(--srf-text-tertiary);
  width: 18px;
  height: 18px;
  pointer-events: none;
  transition: color var(--srf-transition-fast);
  z-index: 1;
}
.srf-input-group input,
.srf-input-group textarea,
.srf-input-group select {
  width: 100%;
  padding: var(--srf-space-2) var(--srf-space-3);
  padding-left: var(--srf-space-10);
  font-size: var(--srf-text-base);
  font-family: var(--srf-font-body);
  border: 1.5px solid var(--srf-border-light);
  border-radius: var(--srf-radius-md);
  background: var(--srf-surface-card);
  color: var(--srf-text-primary);
  transition: all var(--srf-transition-fast);
  outline: none;
}
.srf-input-group input::placeholder,
.srf-input-group textarea::placeholder,
.srf-input-group select::placeholder {
  color: var(--srf-text-tertiary);
}
.srf-input-group input:hover,
.srf-input-group textarea:hover,
.srf-input-group select:hover {
  border-color: var(--srf-border-medium);
}
.srf-input-group input:focus,
.srf-input-group textarea:focus,
.srf-input-group select:focus {
  border-color: var(--srf-brand-orange);
  box-shadow: var(--srf-shadow-focus);
}
.srf-input-group input:focus ~ .srf-input-icon,
.srf-input-group textarea:focus ~ .srf-input-icon,
.srf-input-group select:focus ~ .srf-input-icon {
  color: var(--srf-brand-orange);
}
.srf-input-group.no-icon input,
.srf-input-group.no-icon textarea,
.srf-input-group.no-icon select {
  padding-left: var(--srf-space-3);
}
.formSection .formField label,
.formSection label.formLabel {
  font-size: var(--srf-text-xs);
  font-weight: var(--srf-weight-medium);
  color: var(--srf-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  display: inline-block;
}
.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  border-radius: var(--srf-radius-md) var(--srf-radius-md) 0 0 !important;
  transition: background-color var(--srf-transition-fast);
}
.mat-mdc-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled):hover {
  background-color: var(--srf-surface-subtle) !important;
}
.mat-mdc-form-field .mat-mdc-floating-label {
  font-size: var(--srf-text-base) !important;
  font-weight: var(--srf-weight-medium);
}
.mat-mdc-form-field.mat-focused .mat-mdc-floating-label {
  color: var(--srf-brand-orange) !important;
}
.mat-mdc-table .mat-mdc-header-row {
  position: sticky;
  top: 0;
  z-index: 2;
}
.srf-table-zebra .mat-mdc-row:nth-child(even) {
  background-color: var(--srf-surface-muted);
}
.srf-table-actions-row .row-actions {
  opacity: 0;
  transition: opacity var(--srf-transition-fast);
}
.srf-table-actions-row:hover .row-actions {
  opacity: 1;
}
.srf-table-wrapper {
  background: var(--srf-surface-card);
  border-radius: var(--srf-radius-lg);
  border: 1px solid var(--srf-border-light);
  overflow: hidden;
}
.srf-table-wrapper .mat-mdc-table {
  border-radius: 0 !important;
}
.srf-table-wrapper .srf-table-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--srf-space-3) var(--srf-space-4);
  border-bottom: 1px solid var(--srf-border-light);
  gap: var(--srf-space-3);
}
.srf-table-wrapper .srf-table-header .srf-table-search {
  flex: 1;
  max-width: 320px;
  position: relative;
}
.srf-table-wrapper .srf-table-header .srf-table-search input {
  width: 100%;
  padding: var(--srf-space-2) var(--srf-space-3) var(--srf-space-2) var(--srf-space-10);
  border: 1.5px solid var(--srf-border-light);
  border-radius: var(--srf-radius-pill);
  font-size: var(--srf-text-sm);
  background: var(--srf-surface-muted);
  color: var(--srf-text-primary);
  transition: all var(--srf-transition-fast);
}
.srf-table-wrapper .srf-table-header .srf-table-search input:focus {
  border-color: var(--srf-brand-orange);
  box-shadow: var(--srf-shadow-focus);
  background: var(--srf-surface-card);
}
.srf-table-wrapper .srf-table-header .srf-table-search svg {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  color: var(--srf-text-tertiary);
}
.srf-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  font-size: var(--srf-text-xs);
  font-weight: var(--srf-weight-semibold);
  border-radius: var(--srf-radius-pill);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.srf-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}
.srf-status--approved,
.srf-status--active,
.srf-status--success {
  background: var(--srf-success-light);
  color: var(--srf-success);
  border: 1px solid var(--srf-success-border);
}
.srf-status--approved::before,
.srf-status--active::before,
.srf-status--success::before {
  background: var(--srf-success);
}
.srf-status--pending,
.srf-status--in-progress {
  background: var(--srf-warning-light);
  color: var(--srf-warning);
  border: 1px solid var(--srf-warning-border);
}
.srf-status--pending::before,
.srf-status--in-progress::before {
  background: var(--srf-warning);
}
.srf-status--rejected,
.srf-status--cancelled,
.srf-status--error {
  background: var(--srf-danger-light);
  color: var(--srf-danger);
  border: 1px solid var(--srf-danger-border);
}
.srf-status--rejected::before,
.srf-status--cancelled::before,
.srf-status--error::before {
  background: var(--srf-danger);
  animation: srf-pulse-dot 2s ease-in-out infinite;
}
.srf-status--draft,
.srf-status--inactive {
  background: var(--srf-surface-muted);
  color: var(--srf-text-secondary);
  border: 1px solid var(--srf-border-light);
}
.srf-status--draft::before,
.srf-status--inactive::before {
  background: var(--srf-text-tertiary);
}
.srf-status--info {
  background: var(--srf-info-light);
  color: var(--srf-info);
  border: 1px solid var(--srf-info-border);
}
.srf-status--info::before {
  background: var(--srf-info);
}
@keyframes srf-pulse-dot {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
}
ion-card,
.mat-mdc-card {
  transition: transform var(--srf-transition-base), box-shadow var(--srf-transition-base) !important;
}
ion-card:hover,
.mat-mdc-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--srf-shadow-md) !important;
}
.srf-card-clickable {
  cursor: pointer;
  transition: all var(--srf-transition-base);
}
.srf-card-clickable:hover {
  transform: translateY(-3px);
  box-shadow: var(--srf-shadow-lg);
}
.srf-card-clickable:active {
  transform: translateY(-1px);
  box-shadow: var(--srf-shadow-sm);
}
.srf-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--srf-space-12) var(--srf-space-6);
  min-height: 280px;
}
.srf-empty-state .srf-empty-icon {
  width: 120px;
  height: 120px;
  margin-bottom: var(--srf-space-6);
  opacity: 0.6;
  animation: srf-float 3s ease-in-out infinite;
}
.srf-empty-state .srf-empty-title {
  font-family: var(--srf-font-display);
  font-size: var(--srf-text-lg);
  font-weight: var(--srf-weight-semibold);
  color: var(--srf-text-primary);
  margin-bottom: var(--srf-space-2);
}
.srf-empty-state .srf-empty-desc {
  font-size: var(--srf-text-sm);
  color: var(--srf-text-tertiary);
  max-width: 360px;
  line-height: var(--srf-line-relaxed);
}
.srf-empty-state .srf-empty-action {
  margin-top: var(--srf-space-6);
}
@keyframes srf-float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-8px);
  }
}
app-la-empty-state ion-card.noData .srf-empty-state {
  min-height: 200px;
  padding: var(--srf-space-8) var(--srf-space-4);
}
.srf-avatar-ring {
  position: relative;
  display: inline-flex;
}
.srf-avatar-ring::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 2px solid var(--srf-brand-orange);
  opacity: 0;
  transition: opacity var(--srf-transition-fast);
}
.srf-avatar-ring:hover::after {
  opacity: 1;
}
.srf-avatar-ring--online::after {
  border-color: var(--srf-success);
  opacity: 1;
}
.srf-avatar-ring--birthday::after {
  border-color: var(--srf-brand-orange);
  opacity: 1;
  animation: srf-ring-pulse 2s ease-in-out infinite;
}
@keyframes srf-ring-pulse {
  0%, 100% {
    border-color: var(--srf-brand-orange);
  }
  50% {
    border-color: #fb923c;
  }
}
.srf-toast {
  position: fixed;
  top: var(--srf-space-5);
  right: var(--srf-space-5);
  z-index: 10000;
  display: flex;
  align-items: flex-start;
  gap: var(--srf-space-3);
  padding: var(--srf-space-4) var(--srf-space-5);
  border-radius: var(--srf-radius-lg);
  background: var(--srf-surface-card);
  box-shadow: var(--srf-shadow-xl);
  border-left: 4px solid;
  min-width: 320px;
  max-width: 420px;
  animation: srf-toast-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.srf-toast--success {
  border-left-color: var(--srf-success);
}
.srf-toast--error {
  border-left-color: var(--srf-danger);
}
.srf-toast--warning {
  border-left-color: var(--srf-warning);
}
.srf-toast--info {
  border-left-color: var(--srf-info);
}
.srf-toast .srf-toast-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}
.srf-toast .srf-toast-content {
  flex: 1;
}
.srf-toast .srf-toast-content .srf-toast-title {
  font-weight: var(--srf-weight-semibold);
  font-size: var(--srf-text-sm);
  color: var(--srf-text-primary);
  margin-bottom: 2px;
}
.srf-toast .srf-toast-content .srf-toast-message {
  font-size: var(--srf-text-xs);
  color: var(--srf-text-secondary);
  line-height: var(--srf-line-normal);
}
.srf-toast .srf-toast-close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: var(--srf-text-tertiary);
  transition: color var(--srf-transition-fast);
}
.srf-toast .srf-toast-close:hover {
  color: var(--srf-text-primary);
}
@keyframes srf-toast-in {
  from {
    opacity: 0;
    transform: translateX(100%) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
.srf-toast-out {
  animation: srf-toast-out 0.3s cubic-bezier(0.4, 0, 1, 1) forwards;
}
@keyframes srf-toast-out {
  to {
    opacity: 0;
    transform: translateX(100%) scale(0.95);
  }
}
.dark .popupContent,
.dark .emp-details {
  background-color: var(--srf-surface-card);
  color: var(--srf-text-primary);
}
.dark .popupContent p,
.dark .popupContent h4,
.dark .popupContent h5,
.dark .popupContent span,
.dark .emp-details p,
.dark .emp-details h4,
.dark .emp-details h5,
.dark .emp-details span {
  color: var(--srf-text-primary);
}
.dark .emp-component p {
  color: var(--srf-text-tertiary) !important;
}
.dark .formSection {
  background-color: var(--srf-surface-card);
}
.dark .formSection input,
.dark .formSection textarea,
.dark .formSection select {
  background-color: var(--srf-surface-muted) !important;
  color: var(--srf-text-primary) !important;
  border-color: var(--srf-border-light) !important;
}
.dark .formSection label {
  color: var(--srf-text-secondary) !important;
}
.dark .ng-select .ng-select-container {
  background-color: var(--srf-surface-muted) !important;
  color: var(--srf-text-primary) !important;
  border-color: var(--srf-border-light) !important;
}
.dark .ng-select .ng-dropdown-panel {
  background-color: var(--srf-surface-card) !important;
  border-color: var(--srf-border-light) !important;
}
.dark .ng-select .ng-option {
  background-color: transparent !important;
  color: var(--srf-text-primary) !important;
}
.dark .ng-select .ng-option.ng-option-marked {
  background-color: var(--srf-surface-hover) !important;
}
.dark .ng-select .ng-value {
  color: var(--srf-text-primary) !important;
}
.dark .ng-select .ng-input > input {
  color: var(--srf-text-primary) !important;
}
.dark ion-modal ion-toolbar {
  --background: var(--srf-surface-card) !important;
  color: var(--srf-text-primary);
}
.dark ion-modal ion-content {
  --background: var(--srf-surface-card);
}
.dark .srf-hero-zone {
  background: var(--srf-gradient-hero);
}
.dark .srf-toast {
  background: var(--srf-surface-card);
  box-shadow: var(--srf-shadow-xl);
}
.dark .detail-label,
.dark .data-label {
  color: var(--srf-text-tertiary) !important;
}
.dark .detail-value,
.dark .data-value {
  color: var(--srf-text-primary) !important;
}
.dark .innerPage {
  background-color: var(--srf-surface-page);
}
.dark ion-segment {
  --background: var(--srf-surface-muted);
}
@media print {
  ion-card,
  .mat-mdc-card,
  .srf-card {
    box-shadow: none !important;
    border: 1px solid #ddd !important;
  }
  .srf-hero-zone {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .srf-animate-in,
  .srf-animate-up,
  .srf-stagger > *,
  .srf-animate-pop {
    animation: none !important;
  }
}
.srf-status-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  background: var(--srf-surface-muted, #f8f9fc);
  border-radius: 12px;
  border: 1px solid var(--srf-border-light, #e8eaf0);
  margin: 0.5rem 0;
}
.srf-status-tab {
  --_tab-color: #3b82f6;
  --_tab-bg: rgba(59, 130, 246, 0.08);
  --_tab-bg-dark: rgba(59, 130, 246, 0.12);
  --_tab-badge-bg: rgba(59, 130, 246, 0.12);
  --_tab-badge-color: #2563eb;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 10px;
  border: none;
  background: transparent;
  color: var(--srf-text-secondary, #5a6178);
  font-family: var(--srf-font-body, "Instrument Sans", sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  position: relative;
}
.srf-status-tab:hover:not(.active):not(:disabled) {
  background: var(--srf-surface-subtle, #f0f2f8);
  color: var(--srf-text-primary, #1a1d26);
}
.srf-status-tab.active {
  background: var(--_tab-bg);
  color: var(--_tab-color);
  font-weight: 600;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.02);
}
.srf-status-tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.srf-status-tab__dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: currentColor;
  opacity: 0.35;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    background 0.2s ease;
}
.srf-status-tab.active .srf-status-tab__dot {
  opacity: 1;
  background: var(--_tab-color);
  transform: scale(1.15);
}
.srf-status-tab[data-status=all],
.srf-status-tab[data-status=overview] {
  --_tab-color: #3b82f6;
  --_tab-bg: rgba(59, 130, 246, 0.08);
  --_tab-bg-dark: rgba(59, 130, 246, 0.12);
  --_tab-badge-bg: rgba(59, 130, 246, 0.12);
  --_tab-badge-color: #2563eb;
}
.srf-status-tab[data-status=pending] {
  --_tab-color: #d97706;
  --_tab-bg: rgba(245, 158, 11, 0.08);
  --_tab-bg-dark: rgba(245, 158, 11, 0.12);
  --_tab-badge-bg: rgba(245, 158, 11, 0.12);
  --_tab-badge-color: #b45309;
}
.srf-status-tab[data-status=approved] {
  --_tab-color: #16a34a;
  --_tab-bg: rgba(22, 163, 74, 0.08);
  --_tab-bg-dark: rgba(22, 163, 74, 0.12);
  --_tab-badge-bg: rgba(22, 163, 74, 0.12);
  --_tab-badge-color: #15803d;
}
.srf-status-tab[data-status=cancelled] {
  --_tab-color: #64748b;
  --_tab-bg: rgba(100, 116, 139, 0.08);
  --_tab-bg-dark: rgba(100, 116, 139, 0.12);
  --_tab-badge-bg: rgba(100, 116, 139, 0.12);
  --_tab-badge-color: #475569;
}
.srf-status-tab[data-status=rejected] {
  --_tab-color: #dc2626;
  --_tab-bg: rgba(220, 38, 38, 0.08);
  --_tab-bg-dark: rgba(220, 38, 38, 0.12);
  --_tab-badge-bg: rgba(220, 38, 38, 0.12);
  --_tab-badge-color: #b91c1c;
}
.srf-status-tab[data-status=draft] {
  --_tab-color: #6366f1;
  --_tab-bg: rgba(99, 102, 241, 0.08);
  --_tab-bg-dark: rgba(99, 102, 241, 0.12);
  --_tab-badge-bg: rgba(99, 102, 241, 0.12);
  --_tab-badge-color: #4f46e5;
}
.srf-status-tab[data-status=upcoming] {
  --_tab-color: #0d9488;
  --_tab-bg: rgba(13, 148, 136, 0.08);
  --_tab-bg-dark: rgba(13, 148, 136, 0.12);
  --_tab-badge-bg: rgba(13, 148, 136, 0.12);
  --_tab-badge-color: #0f766e;
}
.srf-status-tab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  background: var(--srf-surface-subtle, #f0f2f8);
  color: var(--srf-text-tertiary, #8b92a5);
  transition: all 0.2s ease;
}
.srf-status-tab.active .srf-status-tab__badge {
  background: var(--_tab-badge-bg);
  color: var(--_tab-badge-color);
}
.dark .srf-status-tabs {
  background: var(--srf-surface-muted, #1a1d2a);
  border-color: var(--srf-border-light, #2d3148);
}
.dark .srf-status-tab {
  color: var(--srf-text-secondary, #8b92a5);
}
.dark .srf-status-tab:hover:not(.active):not(:disabled) {
  background: var(--srf-surface-subtle, #22253a);
  color: var(--srf-text-primary, #e8eaf0);
}
.dark .srf-status-tab.active {
  background: var(--_tab-bg-dark);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.co-pill-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}
.co-pill-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 18px;
  border-radius: 20px;
  border: 1.5px solid var(--srf-border-light, #e5e7eb);
  background: var(--srf-surface-card, #fff);
  font-family: var(--srf-font-body, "Instrument Sans", sans-serif);
  font-size: var(--srf-text-xs, 12px);
  font-weight: var(--srf-weight-semibold, 600);
  color: var(--srf-text-secondary, #5a6178);
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}
.co-pill-tab:hover:not(.co-pill-tab--active) {
  border-color: #d1d5db;
  background: #f9fafb;
}
.co-pill-tab--active {
  border-color: var(--srf-brand-orange, #f97316);
  background: rgba(249, 115, 22, 0.06);
  color: var(--srf-brand-orange, #f97316);
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.15);
}
.co-pill-tab--active[data-status=all],
.co-pill-tab--active[data-status=overview] {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.06);
  color: #2563eb;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}
.co-pill-tab--active[data-status=approved] {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.06);
  color: #16a34a;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.15);
}
.co-pill-tab--active[data-status=pending] {
  border-color: #f59e0b;
  background: rgba(245, 158, 11, 0.06);
  color: #d97706;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.15);
}
.co-pill-tab--active[data-status=cancelled],
.co-pill-tab--active[data-status=rejected] {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.06);
  color: #dc2626;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.15);
}
.co-pill-tab--active[data-status=draft] {
  border-color: #6366f1;
  background: rgba(99, 102, 241, 0.06);
  color: #4f46e5;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}
.co-pill-tab--active[data-status=upcoming] {
  border-color: #0d9488;
  background: rgba(13, 148, 136, 0.06);
  color: #0f766e;
  box-shadow: 0 2px 8px rgba(13, 148, 136, 0.15);
}
.co-pill-tab__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
  background: var(--srf-surface-subtle, #f0f2f8);
  color: var(--srf-text-tertiary, #8b92a5);
  transition: all 0.2s ease;
}
.co-pill-tab--active .co-pill-tab__badge {
  background: rgba(249, 115, 22, 0.12);
  color: var(--srf-brand-orange, #f97316);
}
@media only screen and (max-width: 799px) {
  .co-pill-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .co-pill-tabs::-webkit-scrollbar {
    display: none;
  }
  .co-pill-tab {
    padding: 6px 12px;
    font-size: var(--srf-text-xxs, 10px);
    flex-shrink: 0;
  }
}
.dark .co-pill-tab {
  border-color: #2d3148;
  background: #1e2235;
  color: #8b92a5;
}
.dark .co-pill-tab:hover:not(.co-pill-tab--active) {
  border-color: #3d4260;
  background: #252a40;
}
.dark .co-pill-tab--active {
  border-color: rgba(249, 115, 22, 0.55);
  background: rgba(249, 115, 22, 0.15);
  color: #fdba74;
  box-shadow: 0 2px 10px rgba(249, 115, 22, 0.2);
}
.dark .co-pill-tab--active[data-status=all],
.dark .co-pill-tab--active[data-status=overview] {
  border-color: rgba(59, 130, 246, 0.5);
  background: rgba(59, 130, 246, 0.14);
  color: #93c5fd;
  box-shadow: 0 2px 10px rgba(59, 130, 246, 0.2);
}
.dark .co-pill-tab--active[data-status=approved] {
  border-color: rgba(34, 197, 94, 0.5);
  background: rgba(34, 197, 94, 0.14);
  color: #86efac;
  box-shadow: 0 2px 10px rgba(34, 197, 94, 0.2);
}
.dark .co-pill-tab--active[data-status=pending] {
  border-color: rgba(245, 158, 11, 0.5);
  background: rgba(245, 158, 11, 0.14);
  color: #fcd34d;
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.2);
}
.dark .co-pill-tab--active[data-status=cancelled],
.dark .co-pill-tab--active[data-status=rejected] {
  border-color: rgba(239, 68, 68, 0.5);
  background: rgba(239, 68, 68, 0.14);
  color: #fca5a5;
  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.2);
}
.dark .co-pill-tab--active[data-status=draft] {
  border-color: rgba(99, 102, 241, 0.5);
  background: rgba(99, 102, 241, 0.14);
  color: #a5b4fc;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.2);
}
.dark .co-pill-tab--active[data-status=upcoming] {
  border-color: rgba(13, 148, 136, 0.5);
  background: rgba(13, 148, 136, 0.14);
  color: #5eead4;
  box-shadow: 0 2px 10px rgba(13, 148, 136, 0.2);
}
.dark .co-pill-tab .co-pill-tab__badge {
  background: #252a40;
  color: #6b7280;
}
.dark .co-pill-tab--active .co-pill-tab__badge {
  background: rgba(249, 115, 22, 0.22);
  color: #fdba74;
}
.mobile ion-modal.medium-right {
  --width: 700px;
  justify-content: flex-end;
  --height: 100%;
}
.mobile ion-modal.medium-right::part(content) {
  height: 100%;
}
:root {
  --uk-accent: var(--srf-brand-orange, #f97316);
  --uk-accent-rgb:
    249,
    115,
    22;
  --uk-accent-hover: #ea580c;
  --uk-accent-contrast: #ffffff;
  --uk-bg: var(--srf-surface-card, #ffffff);
  --uk-bg-hover: var(--srf-surface-card-hover, #fafbff);
  --uk-border-color: var(--srf-border-light, #e8eaf0);
  --uk-border-color-hover: var(--srf-border-medium, #d1d5e0);
  --uk-border-radius: 10px;
  --uk-border-width: 1.5px;
  --uk-font-size: 0.875rem;
  --uk-font-family: inherit;
  --uk-label-font-size: 0.6875rem;
  --uk-label-font-weight: 700;
  --uk-label-letter-spacing: 0.05em;
  --uk-text: var(--srf-text-primary, #1a1d26);
  --uk-text-muted: var(--srf-text-muted, #9ca3af);
  --uk-text-secondary: var(--srf-text-secondary, #6b7280);
  --uk-control-height: 42px;
  --uk-focus-ring: 0 0 0 3px rgba(var(--uk-accent-rgb), 0.1);
  --uk-transition-speed: 0.2s;
  --uk-disabled-opacity: 0.55;
  --uk-input-bg: var(--uk-bg);
  --uk-input-border: var(--uk-border-color);
  --uk-input-border-hover: var(--uk-border-color-hover);
  --uk-input-border-focus: var(--uk-accent);
  --uk-input-radius: 12px;
  --uk-input-text: var(--uk-text);
  --uk-input-placeholder: var(--uk-text-muted);
  --uk-select-panel-bg: var(--uk-bg);
  --uk-select-option-hover: rgba(var(--uk-accent-rgb), 0.06);
  --uk-select-check-color: var(--uk-accent);
  --uk-checkbox-size: 18px;
  --uk-checkbox-radius: 4px;
  --uk-checkbox-border: var(--uk-border-color-hover);
  --uk-checkbox-checked-bg: var(--uk-accent);
  --uk-checkbox-checked-border: var(--uk-accent);
  --uk-checkbox-check-color: var(--uk-accent-contrast);
  --uk-toggle-width: 38px;
  --uk-toggle-height: 22px;
  --uk-toggle-track-bg: var(--srf-border-medium, #cbd5e1);
  --uk-toggle-track-active: var(--uk-accent);
  --uk-toggle-thumb: #ffffff;
  --uk-radio-size: 18px;
  --uk-radio-border: var(--uk-border-color-hover);
  --uk-radio-active: var(--uk-accent);
  --uk-chip-bg: var(--srf-surface-subtle, #f8fafc);
  --uk-chip-bg-selected: var(--uk-accent);
  --uk-chip-text: var(--uk-text);
  --uk-chip-text-selected: var(--uk-accent-contrast);
  --uk-chip-border: var(--uk-border-color);
  --uk-chip-radius: 999px;
  --uk-spinner-color: var(--uk-accent);
  --uk-spinner-track: rgba(0, 0, 0, 0.08);
  --uk-spinner-width: 2.5px;
  --uk-skeleton-bg: #e5e7eb;
  --uk-skeleton-shine: #f3f4f6;
  --uk-btn-toggle-bg: var(--uk-bg);
  --uk-btn-toggle-active-bg: var(--uk-accent);
  --uk-btn-toggle-active-text: var(--uk-accent-contrast);
  --uk-btn-toggle-border: var(--uk-border-color);
  --uk-btn-toggle-radius: var(--uk-border-radius);
  --uk-error-color: #ef4444;
  --uk-error-font-size: 0.75rem;
}
.dark {
  --uk-bg: var(--srf-surface-card, #1e1e2e);
  --uk-bg-hover: var(--srf-surface-card-hover, #252538);
  --uk-border-color: var(--srf-border-dark, #2d3148);
  --uk-border-color-hover: rgba(148, 163, 184, 0.35);
  --uk-text: var(--srf-text-primary-dark, #e2e8f0);
  --uk-text-muted: var(--srf-text-muted, #94a3b8);
  --uk-text-secondary: var(--srf-text-secondary-dark, #94a3b8);
  --uk-input-bg: var(--uk-bg);
  --uk-select-panel-bg: var(--uk-bg);
  --uk-toggle-track-bg: #4b5563;
  --uk-toggle-thumb: #e2e8f0;
  --uk-checkbox-border: rgba(148, 163, 184, 0.4);
  --uk-radio-border: rgba(148, 163, 184, 0.4);
  --uk-chip-border: var(--uk-border-color);
  --uk-chip-text: var(--uk-text);
  --uk-btn-toggle-border: var(--uk-border-color);
  --uk-skeleton-bg: #374151;
  --uk-skeleton-shine: #4b5563;
  --uk-spinner-track: rgba(255, 255, 255, 0.1);
}
.uk-grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}
@media (min-width: 576px) {
  .uk-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.uk-col-full {
  grid-column: 1/-1;
}
.uk-field {
  padding: 10px 0 4px;
  min-width: 0;
}
.uk-label {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--uk-text-muted, #6b7280);
  margin-bottom: 6px;
}
.uk-label .material-symbols-rounded {
  font-size: 14px;
  color: var(--uk-accent, #f97316);
  font-variation-settings: "FILL" 0, "wght" 400;
}
.uk-label.uk-label--row {
  justify-content: space-between;
  align-items: center;
}
.uk-label__main {
  display: flex;
  align-items: center;
  gap: 5px;
}
.uk-required {
  color: #ef4444;
  margin-left: 1px;
}
.uk-editor-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--uk-text-muted, #9ca3af);
  cursor: pointer;
  transition: color 0.2s;
  text-transform: none;
}
.uk-editor-btn .material-symbols-rounded {
  font-size: 14px;
  color: inherit;
}
.uk-editor-btn:hover,
.uk-editor-btn.active {
  color: var(--uk-accent, #f97316);
}
ion-modal.uk-datetime-modal {
  --width: fit-content;
  --min-width: 290px;
  --max-width: 360px;
  --height: auto;
  --max-height: 90dvh;
  --border-radius: 16px;
  --box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  --ion-color-primary: #f97316;
  --ion-color-primary-rgb:
    249,
    115,
    22;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-shade: #d97706;
  --ion-color-primary-tint: #fb923c;
  align-items: center;
  justify-content: center;
}
ion-modal.uk-datetime-modal::part(content) {
  border-radius: 16px;
}
ion-modal.uk-datetime-modal::part(backdrop) {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
ion-modal.uk-datetime-modal ion-datetime {
  width: 320px;
  --background: #ffffff;
  --background-rgb:
    255,
    255,
    255;
}
.dark ion-modal.uk-datetime-modal ion-datetime {
  --background: #1e1e2e;
  --background-rgb:
    30,
    30,
    46;
}
.uk-date-inline-backdrop {
  position: fixed;
  inset: 0;
  z-index: 99999;
}
.uk-date-inline-panel {
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  background: #ffffff;
  animation: ukDateDropIn 0.18s ease-out;
  --ion-color-primary: #f97316;
  --ion-color-primary-rgb:
    249,
    115,
    22;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-shade: #d97706;
  --ion-color-primary-tint: #fb923c;
}
.uk-date-inline-panel ion-datetime {
  width: 320px;
  --background: #ffffff;
  --background-rgb:
    255,
    255,
    255;
}
.uk-date-inline-panel ion-datetime[presentation=date-time] {
  width: 400px;
  max-width: calc(100vw - 24px);
}
.uk-date-inline-panel .uk-date-inline-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 12px 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  background: #ffffff;
}
.uk-date-inline-panel .uk-date-inline-action {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}
.uk-date-inline-panel .uk-date-inline-action--cancel {
  color: #334155;
  background: #f8fafc;
  border-color: #e2e8f0;
}
.uk-date-inline-panel .uk-date-inline-action--cancel:hover {
  background: #f1f5f9;
}
.uk-date-inline-panel .uk-date-inline-action--done {
  color: #ffffff;
  background: #f97316;
  border-color: #f97316;
}
.uk-date-inline-panel .uk-date-inline-action--done:hover {
  background: #ea580c;
  border-color: #ea580c;
}
.dark .uk-date-inline-panel {
  background: #1e1e2e;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.dark .uk-date-inline-panel ion-datetime {
  --background: #1e1e2e;
  --background-rgb:
    30,
    30,
    46;
}
.dark .uk-date-inline-panel .uk-date-inline-actions {
  border-top-color: rgba(148, 163, 184, 0.24);
  background: #1e1e2e;
}
.dark .uk-date-inline-panel .uk-date-inline-action--cancel {
  color: #e2e8f0;
  background: #111827;
  border-color: rgba(148, 163, 184, 0.35);
}
.dark .uk-date-inline-panel .uk-date-inline-action--cancel:hover {
  background: #0f172a;
}
@keyframes ukDateDropIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
ion-popover[class*=datetime-popover],
ion-popover.datetime-popover {
  z-index: 100001 !important;
}
.uk-date-wrap {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--uk-bg, #fff);
  border: 1.5px solid var(--uk-border-color, #e8eaf0);
  border-radius: 10px;
  padding: 0 12px;
  min-height: 42px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.uk-date-wrap .uk-datetime-trigger {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.uk-date-wrap .uk-datetime-trigger::part(native) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.uk-date-wrap .uk-date-display {
  flex: 1;
  font-size: 0.875rem;
  color: var(--uk-text, #1a1d26);
  min-height: 40px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}
.uk-date-wrap .uk-date-display--empty {
  color: var(--uk-text-muted, #9ca3af);
  font-style: italic;
}
.uk-date-wrap:hover {
  border-color: var(--uk-border-color-hover, #d1d5e0);
  background: var(--uk-bg-hover, #fafbff);
  box-shadow: none;
}
.uk-date-wrap:focus-within {
  border-color: var(--uk-accent, #f97316);
  box-shadow: var(--uk-focus-ring);
}
.uk-date-icon {
  font-size: 17px;
  color: var(--srf-text-tertiary, #9ca3af);
  pointer-events: none;
  flex-shrink: 0;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-date-clear-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border: 0;
  border-radius: 999px;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--srf-text-tertiary, #9ca3af);
  cursor: pointer;
  transition: background-color 0.18s, color 0.18s;
}
.uk-date-clear-btn .material-symbols-rounded {
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-date-clear-btn:hover,
.uk-date-clear-btn:focus-visible {
  background: rgba(15, 23, 42, 0.06);
  color: var(--srf-text-primary, #1a1d26);
  outline: none;
}
.uk-date-wrap--range .uk-date-range-display {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: hidden;
  min-height: 40px;
}
.uk-date-wrap--range .uk-date-range-from,
.uk-date-wrap--range .uk-date-range-to {
  font-size: 0.875rem;
  color: var(--uk-text, #1a1d26);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 42%;
}
.uk-date-wrap--range .uk-date-range-from.uk-date-display--empty,
.uk-date-wrap--range .uk-date-range-to.uk-date-display--empty {
  color: var(--uk-text-muted, #9ca3af);
  font-style: italic;
}
.uk-date-wrap--range .uk-range-trigger-arrow {
  font-size: 14px;
  color: var(--srf-text-tertiary, #9ca3af);
  flex-shrink: 0;
  font-variation-settings: "FILL" 0, "wght" 300;
}
ion-modal.uk-datetime-modal--range {
  --min-width: 320px;
  --max-width: 380px;
}
.uk-range-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 16px 8px;
  background: var(--ion-background-color, #ffffff);
  border-bottom: 1px solid var(--uk-border-color, #e8eaf0);
}
.uk-range-header .uk-range-header-arrow {
  font-size: 16px;
  color: var(--srf-text-tertiary, #9ca3af);
  flex-shrink: 0;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-range-step-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 8px 14px;
  min-width: 108px;
  border-radius: 10px;
  border: 1.5px solid var(--uk-border-color, #e8eaf0);
  background: transparent;
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
}
.uk-range-step-btn--active {
  border-color: var(--uk-accent, #f97316);
  background: rgba(249, 115, 22, 0.06);
}
.uk-range-step-btn:disabled {
  opacity: 0.45;
  cursor: default;
}
.uk-range-step-btn .uk-range-step-label {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--srf-text-tertiary, #9ca3af);
}
.uk-range-step-btn.uk-range-step-btn--active .uk-range-step-label {
  color: var(--uk-accent, #f97316);
}
.uk-range-step-btn .uk-range-step-value {
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--uk-text, #1a1d26);
}
.uk-range-step-btn .uk-range-step-value--empty {
  color: var(--uk-text-muted, #9ca3af);
  font-style: italic;
}
.uk-range-step-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 16px 2px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(59, 130, 246, 0.06);
  border: 1px solid rgba(59, 130, 246, 0.18);
  font-size: 0.78rem;
  color: var(--srf-text-secondary, #4b5563);
  line-height: 1.4;
}
.uk-range-step-hint strong {
  font-weight: 600;
  color: var(--uk-accent, #f97316);
}
.uk-range-step-hint .uk-range-step-hint__icon {
  font-size: 16px;
  color: rgb(59, 130, 246);
  flex-shrink: 0;
  font-variation-settings: "FILL" 1, "wght" 400;
  opacity: 0.85;
}
.uk-range-step-hint--to {
  background: rgba(249, 115, 22, 0.06);
  border-color: rgba(249, 115, 22, 0.22);
}
.uk-range-step-hint--to .uk-range-step-hint__icon {
  color: var(--uk-accent, #f97316);
}
.dark .uk-date-clear-btn {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-date-clear-btn:hover,
.dark .uk-date-clear-btn:focus-visible {
  background: rgba(148, 163, 184, 0.16);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-range-step-hint {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.22);
  color: var(--srf-text-secondary-dark, #94a3b8);
}
.dark .uk-range-step-hint--to {
  background: rgba(249, 115, 22, 0.08);
  border-color: rgba(249, 115, 22, 0.28);
}
.dark .uk-range-header {
  background: var(--ion-background-color, #1e1e2e);
  border-bottom-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-range-step-btn {
  border-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-range-step-btn--active {
  border-color: var(--uk-accent, #f97316);
  background: rgba(249, 115, 22, 0.1);
}
.dark .uk-range-step-btn .uk-range-step-value {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-date-wrap--range .uk-date-range-from,
.dark .uk-date-wrap--range .uk-date-range-to {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.uk-dtp-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--srf-text-tertiary, #9ca3af);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  padding: 0;
}
.uk-dtp-icon-btn .material-symbols-rounded {
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-dtp-icon-btn:hover {
  background: rgba(249, 115, 22, 0.08);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-icon-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.uk-dtp-range-display {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  min-height: 40px;
  padding: 4px 0;
}
.uk-dtp-range-value {
  font-size: 0.875rem;
  font-family: inherit;
  color: var(--uk-text, #1a1d26);
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 44%;
}
.uk-dtp-range-value--empty {
  color: var(--uk-text-muted, #9ca3af);
  font-style: italic;
}
.uk-dtp-range-arrow {
  font-size: 14px;
  color: var(--srf-text-tertiary, #9ca3af);
  flex-shrink: 0;
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-dtp-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: transparent;
}
.uk-dtp-backdrop--visible {
  background: rgba(15, 23, 42, 0.18);
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
}
.uk-dtp-panel {
  position: fixed;
  z-index: 10001;
  width: 300px;
  background: var(--srf-surface-card, #fff);
  border: 1.5px solid var(--srf-border-light, #e8eaf0);
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 12px;
  animation: uk-dtp-slide-in 0.2s ease-out;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.uk-dtp-panel--inline {
  transform-origin: top left;
}
.uk-dtp-panel--center-overlay {
  animation: uk-dtp-center-in 0.18s ease-out;
  transform-origin: center center;
}
.uk-dtp-panel--range {
  padding-top: 0;
}
.uk-dtp-panel--range .uk-range-header {
  margin: 0 -12px;
  padding: 12px 12px 8px;
}
.uk-dtp-panel--range .uk-range-step-hint {
  margin: 4px 0 4px;
}
@keyframes uk-dtp-slide-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes uk-dtp-center-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.uk-dtp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.uk-dtp-month-label {
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--uk-text, #1a1d26);
  letter-spacing: 0.01em;
}
.uk-dtp-month-label--clickable {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 8px;
  transition: background 0.15s, color 0.15s;
  font: inherit;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--uk-text, #1a1d26);
  letter-spacing: 0.01em;
}
.uk-dtp-month-label--clickable:hover {
  background: rgba(249, 115, 22, 0.08);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-month-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  padding: 4px 0;
  flex-shrink: 1;
  min-height: 0;
}
.uk-dtp-month-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 4px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--uk-text, #1a1d26);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.uk-dtp-month-cell:hover {
  background: rgba(249, 115, 22, 0.08);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-month-cell--selected {
  background: var(--uk-accent, #f97316);
  color: #fff;
}
.uk-dtp-month-cell--selected:hover {
  background: #ea680c;
  color: #fff;
}
.uk-dtp-month-cell--current:not(.uk-dtp-month-cell--selected) {
  border: 1.5px solid var(--uk-accent, #f97316);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--srf-text-secondary, #6b7280);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.uk-dtp-nav-btn .material-symbols-rounded {
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400;
}
.uk-dtp-nav-btn:hover {
  background: rgba(107, 114, 128, 0.08);
  color: var(--srf-text-primary, #1a1d26);
}
.uk-dtp-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  margin-bottom: 4px;
  flex-shrink: 0;
}
.uk-dtp-weekday {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--srf-text-tertiary, #9ca3af);
  padding: 4px 0;
}
.uk-dtp-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  overflow-y: auto;
  flex-shrink: 1;
  min-height: 0;
}
.uk-dtp-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  max-height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--uk-text, #1a1d26);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
  padding: 0;
  line-height: 1;
}
.uk-dtp-cell:hover:not(:disabled) {
  background: rgba(249, 115, 22, 0.08);
}
.uk-dtp-cell--other {
  color: var(--srf-text-muted, #c4c9d4);
}
.uk-dtp-cell--today {
  font-weight: 700;
  box-shadow: inset 0 0 0 1.5px var(--uk-accent, #f97316);
}
.uk-dtp-cell--selected {
  background: var(--uk-accent, #f97316) !important;
  color: #fff !important;
  font-weight: 700;
}
.uk-dtp-cell--range-start {
  background: var(--uk-accent, #f97316) !important;
  color: #fff !important;
  font-weight: 700;
  border-radius: 8px 0 0 8px;
}
.uk-dtp-cell--range-end {
  background: var(--uk-accent, #f97316) !important;
  color: #fff !important;
  font-weight: 700;
  border-radius: 0 8px 8px 0;
}
.uk-dtp-cell--range-start.uk-dtp-cell--range-end {
  border-radius: 8px;
}
.uk-dtp-cell--in-range {
  background: rgba(249, 115, 22, 0.1);
  border-radius: 0;
}
.uk-dtp-cell--disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.uk-time-input-wrap {
  background: var(--uk-bg, #fff);
  border: 1.5px solid var(--uk-border-color, #e0e3e8);
  border-radius: 12px;
  padding: 8px 12px;
  transition: border-color 0.2s;
}
.uk-time-input-wrap--no-label {
  padding: 3px 10px;
}
.uk-time-input-wrap--disabled {
  opacity: 0.4;
  pointer-events: none;
}
.uk-time-input-label {
  display: block;
  font-size: 0.66rem;
  font-weight: 600;
  color: var(--uk-text-muted, #9ca3af);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}
.uk-time-input-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
}
.uk-time-input-field {
  width: 44px;
  height: 40px;
  border: 1.5px solid var(--uk-border-color, #e0e3e8);
  border-radius: 8px;
  background: var(--uk-bg, #fff);
  color: var(--uk-text, #1a1d26);
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  padding: 0;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
  caret-color: var(--uk-accent, #f97316);
}
.uk-time-input-field::placeholder {
  color: var(--uk-text-muted, #ccc);
  font-weight: 400;
}
.uk-time-input-field:focus {
  border-color: var(--uk-accent, #f97316);
  box-shadow: none;
}
.uk-time-input-sep {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--uk-text-muted, #9ca3af);
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
.uk-time-input-ampm {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: 2px;
}
.uk-time-input-ampm-btn {
  padding: 4px 10px;
  border: 1.5px solid var(--uk-border-color, #e0e3e8);
  border-radius: 6px;
  background: transparent;
  color: var(--uk-text-secondary, #6b7280);
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition:
    background 0.15s,
    border-color 0.15s,
    color 0.15s;
}
.uk-time-input-ampm-btn:hover {
  border-color: var(--uk-accent, #f97316);
  color: var(--uk-accent, #f97316);
}
.uk-time-input-ampm-btn--active {
  background: var(--uk-accent, #f97316);
  border-color: var(--uk-accent, #f97316);
  color: #fff;
}
.uk-time-input-ampm-btn--active:hover {
  background: var(--uk-accent-hover, #ea580c);
  border-color: var(--uk-accent-hover, #ea580c);
  color: #fff;
}
.uk-time-input-clock-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1.5px solid var(--uk-border-color, #e0e3e8);
  border-radius: 8px;
  background: var(--uk-bg-hover, #f8f9fb);
  color: var(--uk-accent, #f97316);
  cursor: pointer;
  margin-left: auto;
  transition:
    background 0.15s,
    color 0.15s,
    border-color 0.15s,
    box-shadow 0.15s;
}
.uk-time-input-clock-btn .material-symbols-rounded {
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400;
}
.uk-time-input-clock-btn:hover {
  background: rgba(249, 115, 22, 0.1);
  border-color: var(--uk-accent, #f97316);
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
}
.uk-time-input-clock-btn:focus-visible {
  outline: 2px solid var(--uk-accent, #f97316);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.15);
}
.uk-time-input-clock-btn:active {
  transform: scale(0.95);
}
.uk-time-input-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid var(--uk-border-color, #f0f1f3);
}
.uk-time-input-footer-btn {
  border: 0;
  background: transparent;
  color: var(--uk-accent, #f97316);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: background 0.15s;
}
.uk-time-input-footer-btn:hover {
  background: rgba(249, 115, 22, 0.08);
}
.uk-time-input-footer-btn--clear {
  color: var(--uk-text-muted, #9ca3af);
}
.uk-time-input-footer-btn--clear:hover {
  color: var(--uk-text-secondary, #6b7280);
  background: rgba(107, 114, 128, 0.08);
}
.uk-dtp-time-grid-popover {
  padding: 12px;
}
.uk-dtp-time-grid-popover__current {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--uk-border-color, #e8eaf0);
}
.uk-dtp-time-grid-popover__current .material-symbols-rounded {
  font-size: 18px;
  color: var(--uk-text-muted, #9ca3af);
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-dtp-time-grid-popover__value {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--uk-text, #1a1d26);
}
.uk-dtp-time-grid-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--uk-text-secondary, #6b7280);
  cursor: pointer;
  padding: 0;
  margin-right: 4px;
  transition: background 0.12s;
}
.uk-dtp-time-grid-back .material-symbols-rounded {
  font-size: 16px;
}
.uk-dtp-time-grid-back:hover {
  background: rgba(107, 114, 128, 0.1);
}
.uk-dtp-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 0 4px;
  border-top: 1px solid var(--uk-border-color, #e8eaf0);
  flex-shrink: 0;
}
.uk-dtp-time-icon {
  font-size: 18px;
  color: var(--uk-text-muted, #9ca3af);
  font-variation-settings: "FILL" 0, "wght" 300;
}
.uk-dtp-time-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.uk-dtp-spin-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 22px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--uk-text-secondary, #6b7280);
  cursor: pointer;
  transition: background 0.12s;
  padding: 0;
}
.uk-dtp-spin-btn .material-symbols-rounded {
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400;
}
.uk-dtp-spin-btn:hover {
  background: rgba(107, 114, 128, 0.1);
}
.uk-dtp-time-value {
  font-size: 1rem;
  font-weight: 700;
  color: var(--uk-text, #1a1d26);
  min-width: 28px;
  text-align: center;
  line-height: 1.2;
}
.uk-dtp-time-sep {
  font-size: 1rem;
  font-weight: 700;
  color: var(--uk-text-muted, #9ca3af);
  margin-top: 1px;
}
.uk-dtp-ampm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 30px;
  border: 1.5px solid var(--uk-border-color, #e8eaf0);
  border-radius: 8px;
  background: transparent;
  color: var(--uk-text, #1a1d26);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  margin-left: 4px;
}
.uk-dtp-ampm-btn:hover {
  background: rgba(249, 115, 22, 0.06);
  border-color: var(--uk-accent, #f97316);
}
.uk-dtp-time-value--clickable {
  cursor: pointer;
  border: 0;
  background: transparent;
  border-radius: 8px;
  padding: 4px 8px;
  transition: background 0.15s, color 0.15s;
  font-size: 1rem;
  font-weight: 700;
  color: var(--uk-text, #1a1d26);
  min-width: 36px;
  text-align: center;
  line-height: 1.2;
}
.uk-dtp-time-value--clickable:hover {
  background: rgba(249, 115, 22, 0.1);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-time-value--clickable--active {
  background: rgba(249, 115, 22, 0.14);
  color: var(--uk-accent, #f97316);
}
.uk-dtp-time-grid-container {
  padding: 8px 12px 4px;
  border-top: 1px solid var(--uk-border-color, #e8eaf0);
  animation: ukDtpGridSlide 0.15s ease-out;
}
@keyframes ukDtpGridSlide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.uk-dtp-time-grid-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--uk-text-muted, #9ca3af);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.uk-dtp-ampm-toggle {
  border: 1.5px solid var(--uk-border-color, #e8eaf0);
  border-radius: 6px;
  background: transparent;
  color: var(--uk-text, #1a1d26);
  font-size: 0.65rem;
  font-weight: 700;
  padding: 2px 8px;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.uk-dtp-ampm-toggle:hover {
  background: rgba(249, 115, 22, 0.06);
  border-color: var(--uk-accent, #f97316);
}
.uk-dtp-time-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
}
.uk-dtp-time-grid--compact {
  grid-template-columns: repeat(4, 1fr);
}
.uk-dtp-time-grid--minutes {
  grid-template-columns: repeat(6, 1fr);
}
.uk-dtp-time-grid-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--uk-text, #1a1d26);
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.12s,
    color 0.12s,
    transform 0.1s;
  padding: 0;
}
.uk-dtp-time-grid-cell:hover {
  background: rgba(249, 115, 22, 0.1);
  color: var(--uk-accent, #f97316);
  transform: scale(1.08);
}
.uk-dtp-time-grid-cell--selected {
  background: var(--uk-accent, #f97316);
  color: #fff;
  font-weight: 700;
}
.uk-dtp-time-grid-cell--selected:hover {
  background: var(--uk-accent-hover, #ea580c);
  color: #fff;
  transform: scale(1.08);
}
.uk-dtp-touch-time {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-top: 10px;
  padding: 12px 0 8px;
  border-top: 1px solid var(--uk-border-color, #e8eaf0);
  flex-shrink: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}
.uk-dtp-drum {
  position: relative;
  width: 64px;
  height: 220px;
  overflow: hidden;
  cursor: grab;
  border-radius: 12px;
  mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.3) 15%,
      rgb(0, 0, 0) 35%,
      rgb(0, 0, 0) 65%,
      rgba(0, 0, 0, 0.3) 85%,
      transparent 100%);
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent 0%,
      rgba(0, 0, 0, 0.3) 15%,
      rgb(0, 0, 0) 35%,
      rgb(0, 0, 0) 65%,
      rgba(0, 0, 0, 0.3) 85%,
      transparent 100%);
}
.uk-dtp-drum--ampm {
  width: 56px;
}
.uk-dtp-drum:active {
  cursor: grabbing;
}
.uk-dtp-drum__list {
  padding-top: 88px;
  padding-bottom: 88px;
  will-change: transform;
  transition: transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
}
.uk-dtp-drum__item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  font-size: 1.125rem;
  font-weight: 500;
  font-family:
    "Plus Jakarta Sans",
    "Instrument Sans",
    system-ui,
    sans-serif;
  color: var(--uk-text-muted, #9ca3af);
  border-radius: 8px;
  transition:
    color 0.15s,
    font-weight 0.15s,
    transform 0.15s;
  cursor: pointer;
}
.uk-dtp-drum__item--selected {
  color: var(--uk-text, #1a1d26);
  font-weight: 800;
  font-size: 1.35rem;
}
.uk-dtp-drum__item:active {
  transform: scale(0.95);
}
.uk-dtp-drum__sep {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--uk-text, #1a1d26);
  margin: 0 2px;
  align-self: center;
  line-height: 1;
}
.uk-dtp-drum__highlight {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 100px;
  height: 44px;
  background: var(--uk-accent, #f97316);
  opacity: 0.08;
  border-radius: 10px;
  pointer-events: none;
  z-index: 0;
}
.uk-dtp-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--uk-border-color, #e8eaf0);
  flex-shrink: 0;
}
.uk-dtp-actions-spacer {
  flex: 1;
}
.uk-dtp-action {
  padding: 5px 14px;
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.uk-dtp-action--clear {
  background: transparent;
  color: #ef4444;
}
.uk-dtp-action--clear:hover {
  background: rgba(239, 68, 68, 0.08);
}
.uk-dtp-action--cancel {
  background: transparent;
  color: var(--uk-text-secondary, #6b7280);
}
.uk-dtp-action--cancel:hover {
  background: rgba(107, 114, 128, 0.08);
}
.uk-dtp-action--apply {
  background: var(--uk-accent, #f97316);
  color: #fff;
}
.uk-dtp-action--apply:hover {
  background: color-mix(in srgb, var(--uk-accent, #f97316) 88%, black);
}
.dark .uk-time-input-wrap {
  background: var(--srf-surface-card-dark, #1a1d2a);
  border-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-time-input-label {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-time-input-field {
  background: #161929;
  border-color: var(--srf-border-dark, #2d3148);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-time-input-field::placeholder {
  color: #64748b;
}
.dark .uk-time-input-sep {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-time-input-ampm-btn {
  border-color: var(--srf-border-dark, #2d3148);
  color: var(--srf-text-secondary-dark, #cbd5e1);
}
.dark .uk-time-input-ampm-btn:hover {
  border-color: var(--uk-accent, #f97316);
  color: var(--uk-accent, #f97316);
  background: rgba(249, 115, 22, 0.1);
}
.dark .uk-time-input-ampm-btn--active {
  background: var(--uk-accent, #f97316);
  border-color: var(--uk-accent, #f97316);
  color: #fff;
}
.dark .uk-time-input-clock-btn {
  background: #161929;
  border-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-dtp-time-grid-popover__current {
  border-bottom-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-dtp-time-grid-popover__current .material-symbols-rounded {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-time-grid-popover__value {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-time-grid-back {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-time-grid-back:hover {
  background: rgba(148, 163, 184, 0.12);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-time-grid-label {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-ampm-toggle {
  border-color: var(--srf-border-dark, #2d3148);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-ampm-toggle:hover {
  background: rgba(249, 115, 22, 0.1);
  border-color: var(--uk-accent, #f97316);
}
.dark .uk-dtp-time-grid-cell {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-time-grid-cell:hover {
  background: rgba(249, 115, 22, 0.14);
  color: var(--uk-accent, #f97316);
}
.dark .uk-dtp-range-value {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-range-value--empty {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-range-arrow {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-panel {
  background: var(--srf-surface-card-dark, #1a1d2a);
  border-color: var(--srf-border-dark, #2d3148);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.2);
}
.dark .uk-dtp-backdrop--visible {
  background: rgba(2, 6, 23, 0.42);
}
.dark .uk-dtp-month-label {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-month-label--clickable:hover {
  background: rgba(249, 115, 22, 0.12);
  color: var(--uk-accent, #f97316);
}
.dark .uk-dtp-month-cell {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-month-cell:hover {
  background: rgba(249, 115, 22, 0.12);
}
.dark .uk-dtp-month-cell--current:not(.uk-dtp-month-cell--selected) {
  border-color: var(--uk-accent, #f97316);
  color: var(--uk-accent, #f97316);
}
.dark .uk-dtp-nav-btn {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-nav-btn:hover {
  background: rgba(148, 163, 184, 0.12);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-cell {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-cell--other {
  color: #4b5563;
}
.dark .uk-dtp-cell:hover:not(:disabled) {
  background: rgba(249, 115, 22, 0.12);
}
.dark .uk-dtp-time {
  border-top-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-dtp-time-value {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-actions {
  border-top-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-dtp-action--cancel {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-action--cancel:hover {
  background: rgba(148, 163, 184, 0.12);
}
.dark .uk-dtp-icon-btn {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-dtp-cell--range-start,
.dark .uk-dtp-cell--range-end {
  background: var(--srf-orange, #f97316);
  color: #fff;
}
.dark .uk-dtp-cell--in-range {
  background: rgba(249, 115, 22, 0.15);
}
.dark .uk-dtp-ampm-btn {
  border-color: var(--srf-border-dark, #2d3148);
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-ampm-btn:hover {
  background: var(--srf-orange, #f97316);
  border-color: var(--srf-orange, #f97316);
  color: #fff;
}
.dark .uk-range-header {
  border-bottom-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-range-step-btn {
  color: var(--srf-text-muted, #94a3b8);
}
.dark .uk-range-step-btn--active {
  color: var(--srf-orange, #f97316);
  border-bottom-color: var(--srf-orange, #f97316);
}
.dark .uk-range-step-hint {
  background: rgba(249, 115, 22, 0.08);
  color: var(--srf-text-secondary-dark, #cbd5e1);
}
.dark .uk-dtp-touch-time {
  border-top-color: var(--srf-border-dark, #2d3148);
}
.dark .uk-dtp-drum__item {
  color: #64748b;
}
.dark .uk-dtp-drum__item--selected {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-drum__sep {
  color: var(--srf-text-primary-dark, #e2e8f0);
}
.dark .uk-dtp-drum__highlight {
  background: var(--uk-accent, #f97316);
  opacity: 0.12;
}
.uk-textarea-wrap {
  position: relative;
}
.uk-textarea-wrap--has-clear .uk-textarea {
  padding-right: 38px;
}
.uk-textarea-clear {
  position: absolute;
  top: 10px;
  right: 10px;
}
.uk-textarea {
  width: 100%;
  padding: 10px 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: inherit;
  color: var(--uk-input-text);
  background: var(--uk-input-bg);
  border: 1.5px solid var(--uk-input-border);
  border-radius: var(--uk-input-radius);
  outline: none;
  resize: vertical;
  min-height: 84px;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.uk-textarea::placeholder {
  color: var(--uk-input-placeholder);
  font-style: italic;
}
.uk-textarea:hover {
  border-color: var(--uk-input-border-hover);
}
.uk-textarea:focus {
  border-color: var(--uk-input-border-focus);
  box-shadow: var(--uk-focus-ring);
  background: #fff;
}
.uk-textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dark .uk-textarea {
  color: #f3f4f6;
  background: #1a1f30;
  border-color: #2d3148;
}
.dark .uk-textarea::placeholder {
  color: #9aa3b6;
}
.dark .uk-textarea:hover {
  border-color: #3d4260;
}
.dark .uk-textarea:focus {
  border-color: var(--uk-input-border-focus);
  box-shadow: var(--uk-focus-ring);
  background: #1e2438;
}
.dark .uk-textarea:disabled {
  background: #161929;
  border-color: #252a40;
}
.uk-btn-toggle {
  display: inline-flex;
  border-radius: var(--uk-btn-toggle-radius);
  border: 1px solid var(--uk-btn-toggle-border);
  overflow: hidden;
  background: var(--uk-btn-toggle-bg);
}
.uk-btn-toggle__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  padding: 0.5rem 1.125rem;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  line-height: 1.3;
  border: none;
  background: transparent;
  color: var(--uk-text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
  position: relative;
}
.uk-btn-toggle__btn + .uk-btn-toggle__btn {
  border-left: 1px solid var(--uk-btn-toggle-border);
}
.uk-btn-toggle__btn:hover:not(:disabled):not(.uk-btn-toggle__btn--active) {
  background: var(--uk-bg-hover);
  color: var(--uk-text);
}
.uk-btn-toggle__btn--active {
  background: var(--uk-btn-toggle-active-bg);
  color: var(--uk-btn-toggle-active-text);
  box-shadow: inset 0 0 0 1px var(--uk-btn-toggle-active-bg);
  z-index: 1;
}
.uk-btn-toggle__btn--active + .uk-btn-toggle__btn {
  border-left-color: transparent;
}
.uk-btn-toggle__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.uk-btn-toggle__btn--disabled {
  opacity: 0.45;
  cursor: not-allowed;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.uk-btn-toggle__btn:focus-visible {
  outline: 2px solid var(--uk-accent);
  outline-offset: -2px;
  z-index: 2;
}
.uk-btn-toggle__icon {
  font-size: 1em;
  line-height: 1;
  flex-shrink: 0;
}
.uk-btn-toggle--sm .uk-btn-toggle__btn {
  padding: 0.4375rem 1rem;
  font-size: 0.8125rem;
}
.uk-btn-toggle--disabled {
  opacity: 0.55;
  pointer-events: none;
}
.dark .uk-btn-toggle {
  border-color: var(--uk-btn-toggle-border);
  background: var(--uk-btn-toggle-bg);
}
.dark .uk-btn-toggle__btn {
  color: #9ca3af;
}
.dark .uk-btn-toggle__btn + .dark .uk-btn-toggle__btn {
  border-left-color: var(--uk-btn-toggle-border);
}
.dark .uk-btn-toggle__btn:hover:not(:disabled):not(.uk-btn-toggle__btn--active) {
  background: rgba(255, 255, 255, 0.06);
  color: #e5e7eb;
}
.dark .uk-btn-toggle__btn--active {
  background: var(--uk-btn-toggle-active-bg);
  color: var(--uk-btn-toggle-active-text);
  box-shadow: inset 0 0 0 1px var(--uk-btn-toggle-active-bg);
}
.uk-counter {
  display: block;
  text-align: right;
  font-size: 0.75rem;
  color: var(--uk-text-muted);
  margin-top: 4px;
  line-height: 1;
}
.dark .uk-counter {
  color: #6b7280;
}
.uk-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  padding: 0 14px;
  background: var(--uk-input-bg);
  border: 1.5px solid var(--uk-input-border);
  border-radius: var(--uk-input-radius);
  color: var(--uk-input-text);
  transition:
    border-color 0.2s,
    box-shadow 0.2s,
    background 0.2s;
}
.uk-input-wrap:hover {
  border-color: var(--uk-input-border-hover);
  background: var(--uk-bg-hover);
}
.uk-input-wrap:focus-within {
  border-color: var(--uk-input-border-focus);
  background: #fff;
  outline: 2px solid #1e87f0;
  outline-offset: 2px;
  border-radius: var(--uk-input-radius);
}
.uk-input-wrap:focus-within:has(:focus-visible) {
  outline: 2px solid #1e87f0;
}
.uk-input-wrap:focus-within:not(:has(:focus-visible)) {
  outline: none;
}
.uk-input-wrap--readonly {
  background: var(--uk-input-bg);
}
.uk-input-wrap--disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.uk-input {
  flex: 1;
  min-width: 0;
  width: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--uk-input-text);
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: inherit;
  padding: 11px 0;
}
.uk-input::placeholder {
  color: var(--uk-input-placeholder);
}
.uk-input:disabled,
.uk-input:read-only {
  cursor: default;
}
.uk-input:focus {
  outline: none !important;
}
.uk-input-prefix,
.uk-input-suffix {
  flex-shrink: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--uk-text-muted);
}
.uk-input-clear {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--uk-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.uk-input-clear .material-symbols-rounded {
  font-size: 14px;
  line-height: 1;
  font-variation-settings: "FILL" 0, "wght" 400;
}
.uk-input-clear:hover {
  background: rgba(148, 163, 184, 0.18);
  color: var(--uk-text);
}
.uk-input-clear:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--uk-accent) 55%, #ffffff 45%);
  outline-offset: 1px;
}
.uk-search-select {
  display: block;
  position: relative;
}
.uk-search-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  margin-top: 4px;
  max-height: 220px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--srf-surface-card, #fff);
  border: 1.5px solid var(--srf-border-light, #e8eaf0);
  border-radius: 10px;
  box-shadow: var(--srf-shadow-lg, 0 10px 25px rgba(0, 0, 0, 0.08));
  padding: 4px 0;
  animation: uk-search-select-slide 150ms ease-out;
}
.uk-search-select-dropdown__item {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  font-size: 0.875rem;
  color: var(--uk-text, #1a1d26);
  cursor: pointer;
  transition: background 0.12s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uk-search-select-dropdown__item:hover,
.uk-search-select-dropdown__item--highlighted {
  background: var(--srf-surface-subtle, #f8fafc);
}
.uk-search-select-dropdown__item--highlighted {
  outline: none;
}
.uk-search-select-dropdown__item:active {
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-search-select-dropdown__empty {
  padding: 12px 14px;
  font-size: 0.8125rem;
  color: var(--uk-text-muted, #9ca3af);
  text-align: center;
}
@keyframes uk-search-select-slide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.srf-cc-card-host {
  display: block;
}
.srf-cc-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--uk-bg, #fff);
  border: 1.5px solid var(--uk-border-color, #e8eaf0);
  border-radius: 10px;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}
.srf-cc-card + .srf-cc-card {
  margin-top: 8px;
}
.srf-cc-card--selectable {
  cursor: pointer;
}
.srf-cc-card--selectable:hover {
  border-color: var(--uk-accent, #f97316);
  background: var(--uk-bg-hover, #fafbff);
}
.srf-cc-card--selected {
  border-color: var(--uk-accent, #f97316);
  background: var(--srf-brand-orange-light, #fff7ed);
  box-shadow: 0 0 0 1px var(--uk-accent, #f97316) inset;
}
.srf-cc-card__grid {
  display: flex;
  flex: 1;
  min-width: 0;
  gap: 12px;
}
.srf-cc-card__col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 1 13%;
  min-width: 0;
}
.srf-cc-card__col--sm {
  flex: 0 1 10%;
}
.srf-cc-card__col--lg {
  flex: 1 1 18%;
}
.srf-cc-card__col--end {
  align-items: flex-end;
  text-align: right;
}
.srf-cc-card__label {
  font-size: 0.6875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--uk-text-muted, #9ca3af);
  line-height: 1;
  white-space: nowrap;
}
.srf-cc-card__value {
  font-size: 0.8125rem;
  color: var(--uk-text, #1a1d26);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srf-cc-card__value--bold {
  font-weight: 600;
}
.srf-cc-card__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.srf-cc-card__radio {
  font-size: 22px;
  color: var(--srf-border-medium, #cbd5e1);
  transition: color 0.15s ease;
}
.srf-cc-card__radio--checked {
  color: var(--uk-accent, #f97316);
}
.srf-cc-card__action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--uk-text-muted, #9ca3af);
  cursor: pointer;
  padding: 0;
  transition: background 0.15s ease, color 0.15s ease;
}
.srf-cc-card__action-btn .material-symbols-rounded {
  font-size: 18px;
}
.srf-cc-card__action-btn:hover {
  background: var(--srf-surface-subtle, #f1f5f9);
  color: var(--uk-text, #1a1d26);
}
.srf-cc-card__action-btn:focus-visible {
  outline: 2px solid var(--uk-accent, #f97316);
  outline-offset: 1px;
}
.uk-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.uk-checkbox-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px 5px 8px;
  border: 1.5px solid var(--uk-checkbox-border);
  border-radius: 20px;
  background: var(--srf-surface-subtle, #f8fafc);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.uk-checkbox-pill span {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--uk-text-secondary);
}
.uk-checkbox-pill ion-checkbox {
  --size: 16px;
  --border-radius: var(--uk-checkbox-radius);
  --checkbox-background-checked: var(--uk-checkbox-checked-bg);
  --border-color-checked: var(--uk-checkbox-checked-border);
}
.uk-checkbox-pill:hover {
  border-color: var(--uk-accent);
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-error {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--uk-error-font-size);
  color: var(--uk-error-color);
  margin-top: 4px;
}
.uk-error::before {
  content: "error";
  font-family: "Material Symbols Rounded", sans-serif;
  font-size: 13px;
  line-height: 1;
}
.uk-checkbox-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--uk-border-radius);
  background: var(--uk-bg);
  border: 1.5px solid var(--uk-checkbox-border);
  transition: border-color 0.15s ease;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}
.uk-checkbox-row ion-checkbox {
  --size: var(--uk-checkbox-size);
  --border-radius: var(--uk-checkbox-radius);
  --checkbox-background-checked: var(--uk-checkbox-checked-bg);
  --border-color-checked: var(--uk-checkbox-checked-border);
}
.uk-checkbox-row:hover {
  border-color: var(--uk-accent);
}
.uk-checkbox-row--checked {
  border-color: var(--uk-accent);
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-checkbox-row--disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.uk-checkbox-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--uk-text-secondary);
  flex: 1;
  min-width: 0;
  white-space: normal;
  line-height: 1.5;
}
.uk-checkbox-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.uk-checkbox-box {
  width: var(--uk-checkbox-size);
  height: var(--uk-checkbox-size);
  border-radius: var(--uk-checkbox-radius);
  border: 1.5px solid var(--uk-checkbox-border);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.uk-checkbox-box .material-symbols-rounded {
  font-size: 14px;
  color: #fff;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.2s ease;
  font-variation-settings: "FILL" 1, "wght" 500;
}
.uk-checkbox-input:focus-visible + .uk-checkbox-box {
  border-color: var(--uk-accent);
  box-shadow: var(--uk-focus-ring);
}
.uk-checkbox-input:checked + .uk-checkbox-box {
  background: var(--uk-checkbox-checked-bg);
  border-color: var(--uk-checkbox-checked-border);
}
.uk-checkbox-input:checked + .uk-checkbox-box .material-symbols-rounded {
  opacity: 1;
  transform: scale(1);
}
.uk-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 20px;
}
.uk-footer.uk-footer--split {
  justify-content: space-between;
}
.uk-footer.uk-footer--fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--uk-bg);
  border-top: 1px solid var(--uk-border-color);
  padding: 10px 16px;
  padding-bottom: max(10px, env(safe-area-inset-bottom));
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
  z-index: 100;
}
.uk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 18px;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.uk-btn .material-symbols-rounded {
  font-size: 16px;
}
.uk-btn--ghost {
  background: transparent;
  border: 1.5px solid var(--uk-accent);
  color: var(--uk-accent);
}
.uk-btn--ghost:hover {
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-btn--danger {
  background: transparent;
  border: 1.5px solid #ef4444;
  color: #ef4444;
}
.uk-btn--danger:hover {
  background: #fef2f2;
}
.uk-btn--primary {
  background:
    linear-gradient(
      135deg,
      #f97316 0%,
      #ea580c 100%);
  color: #fff;
  border: none;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.3);
}
.uk-btn--primary:hover {
  box-shadow: 0 6px 16px rgba(249, 115, 22, 0.4);
  transform: translateY(-1px);
}
.uk-btn--primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.uk-skeleton {
  display: block;
  background:
    linear-gradient(
      90deg,
      var(--uk-skeleton-bg) 25%,
      var(--uk-skeleton-shine) 50%,
      var(--uk-skeleton-bg) 75%);
  background-size: 200% 100%;
  animation: srf-shimmer 1.5s ease-in-out infinite;
  border-radius: var(--srf-radius-sm, 6px);
}
.uk-skeleton--circle {
  border-radius: 50%;
}
.uk-skeleton--text {
  height: 12px;
  margin-bottom: 8px;
  width: 80%;
}
.uk-spinner {
  display: inline-block;
  border: var(--uk-spinner-width) solid var(--uk-spinner-track);
  border-top-color: var(--uk-spinner-color);
  border-radius: 50%;
  animation: uk-spin 0.7s linear infinite;
}
@keyframes uk-spin {
  to {
    transform: rotate(360deg);
  }
}
.uk-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--uk-chip-text);
  background: var(--uk-chip-bg);
  border: 1.5px solid var(--uk-chip-border);
  border-radius: var(--uk-chip-radius);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: all 0.2s ease;
}
.uk-chip:hover:not(.uk-chip--disabled):not(.uk-chip--selected) {
  border-color: var(--uk-accent);
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-chip--selected:hover {
  background: color-mix(in srgb, var(--uk-chip-bg-selected) 88%, #000 12%);
}
.uk-chip:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--uk-accent) 55%, #ffffff 45%);
  outline-offset: 1px;
}
.uk-chip--selected {
  background: var(--uk-chip-bg-selected);
  color: var(--uk-chip-text-selected);
  border-color: var(--uk-chip-bg-selected);
}
.uk-chip--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.uk-chip__remove {
  font-size: 14px;
  cursor: pointer;
  margin-left: 2px;
}
.uk-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.uk-toggle__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.uk-toggle__track {
  position: relative;
  width: var(--uk-toggle-width);
  height: var(--uk-toggle-height);
  background: var(--uk-toggle-track-bg);
  border-radius: 11px;
  transition: background 0.2s ease;
  flex-shrink: 0;
}
.uk-toggle__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: var(--uk-toggle-thumb);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s ease;
}
.uk-toggle__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--uk-text-secondary);
}
.uk-toggle--checked .uk-toggle__track {
  background: var(--uk-toggle-track-active);
}
.uk-toggle--checked .uk-toggle__thumb {
  transform: translateX(16px);
}
.uk-toggle--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.uk-toggle__input:focus-visible + .uk-toggle__track {
  outline: 2px solid color-mix(in srgb, var(--uk-accent) 55%, #ffffff 45%);
  outline-offset: 2px;
}
.uk-radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: none;
  padding: 0;
  margin: 0;
}
.uk-radio-group--inline {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
}
.uk-radio-group--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.uk-radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--uk-border-radius);
  background: var(--uk-bg);
  border: 1.5px solid var(--uk-radio-border);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.uk-radio-option:hover:not(.uk-radio-option--disabled) {
  border-color: var(--uk-radio-active);
}
.uk-radio-option--selected {
  border-color: var(--uk-radio-active);
  background: var(--srf-brand-orange-light, #fff7ed);
}
.uk-radio-option--disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.uk-radio-option__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}
.uk-radio-option__indicator {
  width: var(--uk-radio-size);
  height: var(--uk-radio-size);
  border-radius: 50%;
  border: 2px solid var(--uk-radio-border);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.uk-radio-option__indicator::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--uk-radio-active);
  transform: scale(0);
  transition: transform 0.2s ease;
}
.uk-radio-option__label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--uk-text-secondary);
}
.uk-radio-option__input:focus-visible + .uk-radio-option__indicator {
  border-color: var(--uk-radio-active);
  box-shadow: var(--uk-focus-ring);
}
.uk-radio-option__input:checked + .uk-radio-option__indicator {
  border-color: var(--uk-radio-active);
}
.uk-radio-option__input:checked + .uk-radio-option__indicator::after {
  transform: scale(1);
}
.dark .uk-input-wrap {
  color: #f3f4f6;
  background: #1a1d2a;
  border-color: #2d3148;
}
.dark .uk-input-wrap:hover {
  border-color: #3d4260;
  background: #1f2335;
}
.dark .uk-input-wrap:focus-within {
  background: #1e2438;
  outline: 2px solid #1e87f0;
}
.dark .uk-input-wrap--readonly {
  background: #161929;
}
.dark .uk-input {
  color: #f3f4f6;
}
.dark .uk-input::placeholder {
  color: #4b5563;
}
.dark .uk-chip {
  color: var(--uk-chip-text);
  background: var(--srf-surface-dark, #1a1d2a);
  border-color: var(--uk-chip-border);
}
.dark .uk-chip:hover:not(.uk-chip--disabled):not(.uk-chip--selected) {
  border-color: var(--uk-accent);
  background: rgba(249, 115, 22, 0.12);
}
.dark .uk-chip--selected:hover {
  background: color-mix(in srgb, var(--uk-chip-bg-selected) 88%, #000 12%);
}
.dark .uk-chip--selected {
  background: var(--uk-chip-bg-selected);
  color: var(--uk-chip-text-selected);
  border-color: var(--uk-chip-bg-selected);
}
.dark .uk-toggle__track {
  background: var(--uk-toggle-track-bg);
}
.dark .uk-toggle__thumb {
  background: var(--uk-toggle-thumb);
}
.dark .uk-toggle--checked .uk-toggle__track {
  background: var(--uk-toggle-track-active);
}
.dark .uk-toggle__label {
  color: var(--uk-text);
}
.dark .uk-spinner {
  border-color: var(--uk-spinner-track);
  border-top-color: var(--uk-spinner-color);
}
.dark .uk-radio-option {
  background: var(--uk-bg);
  border-color: var(--uk-radio-border);
}
.dark .uk-radio-option--selected {
  border-color: var(--uk-radio-active);
  background: rgba(249, 115, 22, 0.12);
}
.dark .uk-radio-option__indicator {
  background: var(--uk-bg);
  border-color: var(--uk-radio-border);
}
.dark .uk-radio-option__label {
  color: var(--uk-text);
}
.dark .uk-search-select-dropdown {
  background: #1a1d2a;
  border-color: #2d3148;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
}
.dark .uk-search-select-dropdown__item {
  color: #e2e8f0;
}
.dark .uk-search-select-dropdown__item:hover,
.dark .uk-search-select-dropdown__item--highlighted {
  background: #1f2335;
}
.dark .uk-search-select-dropdown__item:active {
  background: rgba(249, 115, 22, 0.15);
}
.dark .uk-search-select-dropdown__empty {
  color: #4b5563;
}
.dark .srf-cc-card {
  background: #1a1d2a;
  border-color: #2d3148;
}
.dark .srf-cc-card--selectable:hover {
  border-color: var(--uk-accent);
  background: #1f2335;
}
.dark .srf-cc-card--selected {
  background: rgba(249, 115, 22, 0.1);
  border-color: var(--uk-accent);
}
.dark .srf-cc-card__label {
  color: #6b7280;
}
.dark .srf-cc-card__value {
  color: #e2e8f0;
}
.dark .srf-cc-card__radio {
  color: #4b5563;
}
.dark .srf-cc-card__action-btn {
  color: #6b7280;
}
.dark .srf-cc-card__action-btn:hover {
  background: #252840;
  color: #e2e8f0;
}
.ng-select.ng-select-opened > .ng-select-container {
  background: #ffffff;
  border-color: rgb(178.5, 178.5, 178.5) #ccc rgb(216.75, 216.75, 216.75);
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: transparent transparent #999999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: transparent transparent #333333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #ffffff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid rgb(229.5, 229.5, 229.5);
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: 0.9em;
  margin-bottom: 5px;
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: rgb(209.1, 231.78, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid rgb(183.6, 218.88, 255);
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid rgb(183.6, 218.88, 255);
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid rgb(183.6, 218.88, 255);
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: rgb(229.5, 229.5, 229.5);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: rgb(229.5, 229.5, 229.5);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: rgb(229.5, 229.5, 229.5);
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: rgb(229.5, 229.5, 229.5);
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, 0.54);
  background-color: rgb(234.6, 244.68, 255);
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: rgb(234.6, 244.68, 255);
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: rgb(244.8, 249.84, 255);
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #cccccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}
.-bottom-10 {
  bottom: -2.5rem;
}
.-bottom-20 {
  bottom: -5rem;
}
.-left-16 {
  left: -4rem;
}
.-right-24 {
  right: -6rem;
}
.-right-8 {
  right: -2rem;
}
.-top-2 {
  top: -0.5rem;
}
.-top-24 {
  top: -6rem;
}
.-top-8 {
  top: -2rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-2 {
  bottom: 0.5rem;
}
.left-0 {
  left: 0px;
}
.left-1\/4 {
  left: 25%;
}
.left-2 {
  left: 0.5rem;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-full {
  right: 100%;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[9999\] {
  z-index: 9999;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-11 {
  grid-column: span 11 / span 11;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-full {
  grid-column: 1 / -1;
}
.m-0 {
  margin: 0px;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.-mx-1\.5 {
  margin-left: -0.375rem;
  margin-right: -0.375rem;
}
.-my-1\.5 {
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
}
.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-0\.5 {
  margin-bottom: 0.125rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.me-2 {
  margin-inline-end: 0.5rem;
}
.me-3 {
  margin-inline-end: 0.75rem;
}
.ml-0 {
  margin-left: 0px;
}
.ml-0\.5 {
  margin-left: 0.125rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-0 {
  margin-right: 0px;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-1\.5 {
  margin-right: 0.375rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.ms-0 {
  margin-inline-start: 0px;
}
.ms-1 {
  margin-inline-start: 0.25rem;
}
.ms-2 {
  margin-inline-start: 0.5rem;
}
.ms-3 {
  margin-inline-start: 0.75rem;
}
.ms-auto {
  margin-inline-start: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-0\.5 {
  margin-top: 0.125rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.\!inline {
  display: inline !important;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.list-item {
  display: list-item;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-1\.5 {
  height: 0.375rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-40 {
  height: 10rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[420px\] {
  height: 420px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[calc\(100\%-10px\)\] {
  height: calc(100% - 10px);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[42px\] {
  min-height: 42px;
}
.min-h-\[70px\] {
  min-height: 70px;
}
.w-1 {
  width: 0.25rem;
}
.w-1\.5 {
  width: 0.375rem;
}
.w-1\/2 {
  width: 50%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/4 {
  width: 50%;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[12\%\] {
  width: 12%;
}
.w-\[15\%\] {
  width: 15%;
}
.w-\[224px\] {
  width: 224px;
}
.w-\[24\%\] {
  width: 24%;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[32\%\] {
  width: 32%;
}
.w-\[34\%\] {
  width: 34%;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[68\%\] {
  width: 68%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-5xl {
  max-width: 64rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[160px\] {
  max-width: 160px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[45px\] {
  max-width: 45px;
}
.max-w-\[85vw\] {
  max-width: 85vw;
}
.max-w-\[92\%\] {
  max-width: 92%;
}
.max-w-fit {
  max-width: fit-content;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-initial {
  flex: 0 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.table-fixed {
  table-layout: fixed;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-move {
  cursor: move;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.content-center {
  align-content: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.\!justify-end {
  justify-content: flex-end !important;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-2\.5 {
  gap: 0.625rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-3\.5 {
  gap: 0.875rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-px {
  gap: 1px;
}
.gap-x-6 {
  column-gap: 1.5rem;
}
.gap-x-\[1rem\] {
  column-gap: 1rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-\[1rem\] {
  row-gap: 1rem;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1));
}
.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-divide-opacity, 1));
}
.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity, 1));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-e-xl {
  border-start-end-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
}
.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-s-lg {
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.rounded-es-xl {
  border-end-start-radius: 0.75rem;
}
.rounded-tl-sm {
  border-top-left-radius: 0.125rem;
}
.rounded-tr-sm {
  border-top-right-radius: 0.125rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r {
  border-right-width: 1px;
}
.border-r-0 {
  border-right-width: 0px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#02538a\]\/20 {
  border-color: rgb(2 83 138 / 0.2);
}
.border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1));
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-amber-400 {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
}
.border-blue-300 {
  --tw-border-opacity: 1;
  border-color: rgb(147 197 253 / var(--tw-border-opacity, 1));
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1));
}
.border-emerald-500 {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-100\/50 {
  border-color: rgb(243 244 246 / 0.5);
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-50 {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity, 1));
}
.border-indigo-200 {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1));
}
.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}
.border-orange-100\/60 {
  border-color: rgb(255 237 213 / 0.6);
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-purple-500 {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.border-rose-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}
.border-sky-200 {
  --tw-border-opacity: 1;
  border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}
.border-slate-100\/60 {
  border-color: rgb(241 245 249 / 0.6);
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-srf-orange {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-srf-orange\/40 {
  border-color: rgb(249 115 22 / 0.4);
}
.border-violet-200 {
  --tw-border-opacity: 1;
  border-color: rgb(221 214 254 / var(--tw-border-opacity, 1));
}
.border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}
.border-t-orange-500 {
  --tw-border-opacity: 1;
  border-top-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.bg-\[\#02538a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 83 138 / var(--tw-bg-opacity, 1));
}
.bg-\[\#02538a\]\/5 {
  background-color: rgb(2 83 138 / 0.05);
}
.bg-\[\#f97316\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
}
.bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5);
}
.bg-blue-50\/60 {
  background-color: rgb(239 246 255 / 0.6);
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-500\/90 {
  background-color: rgb(59 130 246 / 0.9);
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-indigo-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
}
.bg-orange-400\/10 {
  background-color: rgb(251 146 60 / 0.1);
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-50\/40 {
  background-color: rgb(255 247 237 / 0.4);
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-500\/90 {
  background-color: rgb(239 68 68 / 0.9);
}
.bg-rose-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 230 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-rose-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1));
}
.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity, 1));
}
.bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-50\/30 {
  background-color: rgb(248 250 252 / 0.3);
}
.bg-slate-50\/50 {
  background-color: rgb(248 250 252 / 0.5);
}
.bg-slate-50\/80 {
  background-color: rgb(248 250 252 / 0.8);
}
.bg-srf-orange {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-srf-orange\/90 {
  background-color: rgb(249 115 22 / 0.9);
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-violet-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}
.bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8);
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#02538a\] {
  --tw-gradient-from: #02538a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 83 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/60 {
  --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-400 {
  --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-blue-500 {
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-900\/90 {
  --tw-gradient-from: rgb(17 24 39 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-100\/30 {
  --tw-gradient-from: rgb(255 237 213 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-400 {
  --tw-gradient-from: #fb923c var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-orange-50 {
  --tw-gradient-from: #fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-100 {
  --tw-gradient-from: #fee2e2 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 226 226 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-red-400 {
  --tw-gradient-from: #f87171 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-srf-blue {
  --tw-gradient-from: #02538a var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 83 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-srf-blue\/5 {
  --tw-gradient-from: rgb(2 83 138 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(2 83 138 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-srf-orange {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-200 {
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #e5e7eb var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-gray-900\/30 {
  --tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    rgb(17 24 39 / 0.3) var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #fff var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.to-\[\#02538a\]\/5 {
  --tw-gradient-to: rgb(2 83 138 / 0.05) var(--tw-gradient-to-position);
}
.to-\[\#02538a\]\/90 {
  --tw-gradient-to: rgb(2 83 138 / 0.9) var(--tw-gradient-to-position);
}
.to-amber-50 {
  --tw-gradient-to: #fffbeb var(--tw-gradient-to-position);
}
.to-amber-50\/50 {
  --tw-gradient-to: rgb(255 251 235 / 0.5) var(--tw-gradient-to-position);
}
.to-amber-500 {
  --tw-gradient-to: #f59e0b var(--tw-gradient-to-position);
}
.to-blue-50 {
  --tw-gradient-to: #eff6ff var(--tw-gradient-to-position);
}
.to-blue-50\/30 {
  --tw-gradient-to: rgb(239 246 255 / 0.3) var(--tw-gradient-to-position);
}
.to-blue-600 {
  --tw-gradient-to: #2563eb var(--tw-gradient-to-position);
}
.to-orange-100 {
  --tw-gradient-to: #ffedd5 var(--tw-gradient-to-position);
}
.to-orange-600 {
  --tw-gradient-to: #ea580c var(--tw-gradient-to-position);
}
.to-red-200 {
  --tw-gradient-to: #fecaca var(--tw-gradient-to-position);
}
.to-red-600 {
  --tw-gradient-to: #dc2626 var(--tw-gradient-to-position);
}
.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.fill-blue-600 {
  fill: #2563eb;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-0\.5 {
  padding: 0.125rem;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-20 {
  padding: 5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-3\.5 {
  padding: 0.875rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3 {
  padding-right: 0.75rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.ps-0 {
  padding-inline-start: 0px;
}
.ps-2 {
  padding-inline-start: 0.5rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-0\.5 {
  padding-top: 0.125rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-extrabold {
  font-weight: 800;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.font-thin {
  font-weight: 100;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-snug {
  line-height: 1.375;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-\[0\.18em\] {
  letter-spacing: 0.18em;
}
.tracking-normal {
  letter-spacing: 0em;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-tighter {
  letter-spacing: -0.05em;
}
.tracking-wide {
  letter-spacing: 0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#02538a\] {
  --tw-text-opacity: 1;
  color: rgb(2 83 138 / var(--tw-text-opacity, 1));
}
.text-\[\#f97316\] {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-\[var\(--srf-orange\)\] {
  color: var(--srf-orange);
}
.text-amber-300 {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-300 {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-blue-800 {
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
}
.text-blue-900 {
  --tw-text-opacity: 1;
  color: rgb(30 58 138 / var(--tw-text-opacity, 1));
}
.text-emerald-300 {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-gray-100 {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-indigo-800 {
  --tw-text-opacity: 1;
  color: rgb(55 48 163 / var(--tw-text-opacity, 1));
}
.text-orange-300 {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-purple-300 {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.text-purple-600 {
  --tw-text-opacity: 1;
  color: rgb(147 51 234 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-rose-400 {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-rose-800 {
  --tw-text-opacity: 1;
  color: rgb(159 18 57 / var(--tw-text-opacity, 1));
}
.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-slate-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-srf-blue {
  --tw-text-opacity: 1;
  color: rgb(2 83 138 / var(--tw-text-opacity, 1));
}
.text-srf-orange {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}
.text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-violet-800 {
  --tw-text-opacity: 1;
  color: rgb(91 33 182 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.placeholder-gray-400::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.opacity-0 {
  opacity: 0;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-\[1px_0_4px_rgba\(249\,115\,22\,0\.3\)\] {
  --tw-shadow: 1px 0 4px rgba(249,115,22,0.3);
  --tw-shadow-colored: 1px 0 4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.shadow-orange-200\/50 {
  --tw-shadow-color: rgb(254 215 170 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-black\/5 {
  --tw-ring-color: rgb(0 0 0 / 0.05);
}
.ring-srf-orange\/20 {
  --tw-ring-color: rgb(249 115 22 / 0.2);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-2xl {
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.blur-3xl {
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.duration-\[1\.5s\] {
  transition-duration: 1.5s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.srf-swal-toast-container {
  z-index: 99999 !important;
}
.srf-toast-panel.mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: transparent;
  --mdc-snackbar-supporting-text-color: inherit;
  --mat-snack-bar-button-color: inherit;
  box-shadow: none;
  margin-top: 8px !important;
}
.srf-toast-panel .mdc-snackbar__surface {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: auto !important;
}
.srf-toast-panel .mat-mdc-snack-bar-label {
  padding: 0 !important;
}
:root {
  --sapBackgroundColor: #ffffff;
  --sapFontHeader2Size: 1rem !important;
  --ion-color-scheme: light;
  --ion-background-color: #f5f6fa;
  --_ui5-v2-16-1_side_navigation_parent_item_font_weight: 700 !important;
}
html.dark,
body.dark {
  --sapBackgroundColor: #121212;
  --sapGroup_ContentBackground: #1e1e1e;
  --sapGroup_ContentBorderColor: #333333;
  --sapList_Background: #1a1d2a;
  --sapList_Hover_Background: #23283a;
  --sapList_Active_Background: #2a2e42;
  --sapList_SelectionBackgroundColor: #2a2e42;
  --sapList_TextColor: #e5e7eb;
  --sapList_BorderColor: #2d3148;
  --sapField_Background: #1a1d2a;
  --sapField_TextColor: #e5e7eb;
  --sapContent_IconColor: #cbd5e1;
  --sapPageHeader_Background: #1a1d2a;
  --sapPageHeader_BorderColor: #2d3148;
  --sapPageHeader_TextColor: #e5e7eb;
  --sapBar_Background: #1a1d2a;
  --sapToolbar_Background: #1a1d2a;
  --sapButton_Background: #23283a;
  --sapButton_BorderColor: #2d3148;
  --sapButton_TextColor: #e5e7eb;
  --sapButton_Hover_Background: #2a2e42;
  --sapButton_IconColor: #cbd5e1;
  --sapTextColor: #e5e7eb;
  --sapTitleColor: #f1f5f9;
  --sapContent_LabelColor: #e5e7eb;
  --sapFontHeader1Color: #ffffff;
  --sapFontHeader2Color: #ffffff;
  --sapFontHeader3Color: #ffffff;
}
ui5-select {
  --sapField_Background: #ffffff;
  --sapField_Hover_Background: #fffaf5;
  --sapField_BorderColor: rgba(148, 163, 184, 0.32);
  --sapField_Hover_BorderColor: rgba(249, 115, 22, 0.45);
  --sapField_Focus_BorderColor: #f97316;
  --sapField_TextColor: #0f172a;
  --sapContent_IconColor: #475569;
}
html.dark ui5-select,
body.dark ui5-select {
  --sapField_Background: #1a1d2a;
  --sapField_Hover_Background: #23283a;
  --sapField_BorderColor: #2d3148;
  --sapField_Hover_BorderColor: #475569;
  --sapField_Focus_BorderColor: #fb923c;
  --sapField_TextColor: #e5e7eb;
  --sapContent_IconColor: #cbd5e1;
}
ui5-date-picker,
ui5-daterange-picker {
  --sapField_Background: #ffffff;
  --sapField_Hover_Background: #fffaf5;
  --sapField_BorderColor: rgba(148, 163, 184, 0.32);
  --sapField_Hover_BorderColor: rgba(249, 115, 22, 0.45);
  --sapField_Focus_BorderColor: #f97316;
  --sapField_TextColor: #0f172a;
  --sapSelectedColor: #fdba74;
  --sapContent_Selected_Background: #fdba74;
  --sapContent_Selected_Hover_Background: #fb923c;
  --sapContent_Selected_TextColor: #0f172a;
  --sapContent_ContrastTextColor: #0f172a;
}
html.dark ui5-date-picker,
body.dark ui5-date-picker,
html.dark ui5-daterange-picker,
body.dark ui5-daterange-picker {
  --sapField_Background: #111827;
  --sapField_Hover_Background: #fffaf5;
  --sapField_BorderColor: #374151;
  --sapField_Hover_BorderColor: rgba(249, 115, 22, 0.45);
  --sapField_Focus_BorderColor: #fb923c;
  --sapField_TextColor: #e5e7eb;
  --sapSelectedColor: #fdba74;
  --sapContent_Selected_Background: #fdba74;
  --sapContent_Selected_Hover_Background: #fb923c;
  --sapContent_Selected_TextColor: #0f172a;
  --sapContent_ContrastTextColor: #0f172a;
}
html.dark ui5-date-picker:hover,
body.dark ui5-date-picker:hover,
html.dark ui5-date-picker[focused],
body.dark ui5-date-picker[focused],
html.dark ui5-date-picker[opened],
body.dark ui5-date-picker[opened],
html.dark ui5-date-picker:active,
body.dark ui5-date-picker:active,
html.dark ui5-daterange-picker:hover,
body.dark ui5-daterange-picker:hover,
html.dark ui5-daterange-picker[focused],
body.dark ui5-daterange-picker[focused],
html.dark ui5-daterange-picker[opened],
body.dark ui5-daterange-picker[opened],
html.dark ui5-daterange-picker:active,
body.dark ui5-daterange-picker:active {
  color: #0f172a;
  --sapField_TextColor: #0f172a;
}
ui5-responsive-popover {
  max-height: 70vh !important;
}
ui5-icon {
  --sapTextColor: #ffffff !important;
}
ui5-side-navigation-item {
  --_ui5-v2-16-1_side_navigation_last_item_border_style: 1px solid black !important;
  --sapTextColor: #ffffff !important;
}
ui5-side-navigation-item ui5-icon {
  color: #333 !important;
}
ion-content {
  --background: var(--ion-background-color);
}
ion-action-sheet {
  --max-height: 70dvh;
}
ion-action-sheet .action-sheet-container {
  max-height: 70dvh !important;
}
ion-select::part(icon) {
  position: absolute !important;
  inset-inline-end: 8px;
  top: 50%;
  transform: translateY(-50%);
}
body {
  background-color: var(--ion-background-color);
  --backgroundColor1: #ffffff;
  --backgroundColor2: #f1f1f1;
  --mat-select-panel-background-color: #ffffff;
}
body.dark {
  --backgroundColor1: #121212;
  --backgroundColor2: #242424;
  --borderColor1: #222222;
  --mat-select-panel-background-color: #121212;
  --sapGroup_ContentBackground: #1e1e1e;
  --sapGroup_ContentBorderColor: #333333;
  --sapBackgroundColor: #121212;
}
body.dark .srfLogoMenu ion-img.logoLight {
  display: none;
}
body.dark .srfLogoMenu ion-img.logoDark {
  display: block;
}
body:has(.show-modal) .header:before,
body:has(.show-modal) .sideNav:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.32);
  z-index: 99;
}
tr.mat-header-row,
tr.mat-mdc-header-row,
.mat-mdc-footer-row {
  font-family:
    "Instrument Sans",
    -apple-system,
    sans-serif;
}
.appDownload {
  position: fixed;
  left: 5px;
  bottom: 65px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--srf-primary-light-bgColor);
  padding: 14px 6px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 10px;
}
.appDownload ion-icon {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 19px;
  height: 19px;
  color: #ffffff;
  background-color: #F44336;
  border-radius: 50%;
  z-index: 9;
  cursor: pointer;
}
.appDownload .appContent {
  padding: 0px 10px;
}
.appDownload .appContent h4 {
  color: var(--srf-primary-light-fgColor);
  font-size: 18px;
  font-weight: 500;
  padding: 0px;
  margin: 0px 0px 2px;
}
.appDownload .appContent p {
  color: var(--srf-primary-light-fgColor);
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  line-height: 1.2;
}
.appDownloadIOS {
  position: fixed;
  left: 50%;
  bottom: 67px;
  width: 100%;
  min-width: 320px;
  max-width: 360px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #2dd36f;
  border-radius: 6px;
  padding: 6px 10px;
  transform: translate(-50%, 0px);
}
.appDownloadIOS ion-icon {
  width: 60px;
  height: 60px;
  color: #fff;
  margin: 0px 10px 0px 0px;
}
.appDownloadIOS .appContent {
  position: relative;
}
.appDownloadIOS .appContent p {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
  padding: 0px;
  margin: 0px;
}
.appDownloadIOS .appContent ion-icon {
  width: 22px;
  height: 22px;
  color: #fff;
  margin: 0px 4px 0px 0px;
}
.appDownloadIOS .arrow {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #2dd36f;
  position: absolute;
  bottom: -10px;
  right: 50%;
  animation-name: arrow;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes arrow {
  0% {
    transform: translate(0px, 6px);
  }
  25% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 6px);
  }
  75% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 6px);
  }
}
@media all and (display-mode: standalone) {
  .appDownload,
  .appDownloadIOS {
    display: none;
  }
}
.onlineStatus {
  position: fixed;
  left: 0px;
  bottom: 56px;
  z-index: 999;
}
.onlineStatus.hide {
  display: none;
}
.settingForm {
  position: relative;
  border: 1px solid #efefef;
  padding: 10px 4px 6px;
  margin: 0px 10px 10px;
}
.settingForm.role {
  margin: 0px 0px 6px;
  border: none;
  padding: 0;
  text-align: left;
}
.settingForm.marginb1 {
  margin: 0px 0px 16px;
}
.settingForm h4 {
  margin: 0px;
  font-size: 16px;
  font-weight: 600;
  padding: 0px 10px;
}
.settingForm label {
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
}
.settingForm ion-input,
.settingForm ion-select {
  margin: 3px 0px;
  border-radius: 4px;
  border: 1px solid #c9c9c9;
  min-height: 34px;
  padding: 2px 10px;
}
.settingForm ion-datetime-button {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: #ededed;
  border-radius: 4px;
  margin: 0px;
}
.settingForm ion-datetime-button::part(native) {
  width: 100%;
  text-align: left;
}
.settingForm.dateRange {
  margin: 10px;
}
.settingForm.dateRange ion-grid {
  padding-top: 0px;
}
.settingForm.dateRange .searchBtn {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
.dark .profile .profileAction ul li ion-img,
.dark .qrCodeScanner ion-img,
.dark .canteenLoaderSection ion-img,
.dark .emptyCart ion-img {
  filter: invert(1);
}
.dark .profile .profileAction ul li,
.dark .profile .profileAction ul li:last-child,
.dark .priceSummery .orderDate p {
  border: 1px solid rgba(235, 235, 235, 0.09) !important;
}
.dark .profile .profilebg {
  background:
    radial-gradient(
      circle,
      rgb(34, 34, 34) 10%,
      rgb(0, 0, 0) 62%) !important;
}
.dark .logo1 {
  display: none !important;
}
.dark .logo2 {
  display: block !important;
}
.dark .pageTitle h3,
.dark .headerTitle .dateRange p,
.dark .headerTitle .userInfo p,
.dark .cartList ion-card .cartSection ion-card-content .action .addtocartaction div .buttonGroup button,
.dark .userInfoScanner p {
  color: #fff !important;
}
.dark .qrCodeScanner,
.dark .dashboardCard .cardContent {
  background-color: unset !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4) !important;
}
.dark .pastOrder ion-card,
.dark .canteenLoaderSection,
.dark .cartList ion-card,
.dark .skeletonLoader ion-card {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4) !important;
}
.dark .settingForm ion-datetime-button {
  background-color: #585858 !important;
}
.dark .pastOrder ion-card .pastOrderHeader .orderDetail h4,
.dark .pastOrder ion-card .pastOrderBody .discount h6,
.dark .pastOrder ion-card .pastOrderBody .userDetail p span,
.dark .pastOrder ion-card .pastOrderFooter p,
.dark .pastOrder ion-card .pastOrderHeader h6.qrcode {
  color: #878787;
}
.dark .pastOrder ion-card .pastOrderBody,
.dark .priceSummery ul li,
.dark .skeletonLoader ion-card .skeletonDivider {
  border-bottom: 1px solid rgba(235, 235, 235, 0.09) !important;
}
.dark .pastOrder.contract ion-card .pastOrderBody .userDetail {
  border-top: 1px solid rgba(235, 235, 235, 0.09) !important;
}
.dark .pastOrder ion-card .pastOrderFooter p span.orderType {
  background-color: #333 !important;
}
.dark .pastOrder.contract ion-card .pastOrderBody,
.dark .priceSummery.final ul li:last-child {
  border-bottom: none !important;
}
.dark .productList .contentSection,
.dark .dashboardItemList .dashboardSection,
.dark .skeletonLoader ion-card.dashboard,
.dark .ratingSection {
  background-color: #000 !important;
}
.dark .qrCodeSection {
  margin: 10px 0px 0px !important;
}
.dark .priceSummery.final ul {
  background-color: unset !important;
}
.dark .userInfoScanner ion-img,
.dark .qrCodeScanner .guestStatus ion-img {
  filter: unset !important;
}
.dark .profile .profileAction .darkColor .darkColorContent ion-icon {
  background-color: #1e1e1e !important;
}
.dark ion-datetime {
  color: var(--ion-color-medium) !important;
}
.dark .skeletonLoader ion-card.order .skeletonSection .skeletonContent:first-child {
  border-right: 1px solid rgba(235, 235, 235, 0.09) !important;
}
.dark .itemOfferSection {
  border: 1px solid #2a2a2a !important;
}
.dark .itemOfferSection ion-img {
  filter: grayscale(1) !important;
}
.dark .dashboardItemCount ion-card {
  background-color: #121212 !important;
  border-bottom: 1px solid #2a2a2a !important;
}
.dark .header .srfLogoDark {
  display: block !important;
}
.dark .header .sparshLogo ion-img {
  filter: invert(1);
}
.dark .loginSection {
  background-color: #121212 !important;
}
.dark .headerAction .headerActionIcon:hover,
.dark .popupDetail .popupHeader {
  background-color: var(--backgroundColor2) !important;
}
.dark .popupDetail .popupContent ul.notification li,
.dark .popupDetail .popupContent ul.favorites li,
.dark .popupDetail .popupContent ul.profile li,
.dark .sideNav ul.menuCategory li.menuList {
  border-bottom: 1px solid var(--borderColor1) !important;
}
.dark .popupDetail .popupContent ul.quickLink li:hover {
  background-color: rgba(0, 0, 0, 0.39) !important;
}
.dark .sideNav {
  background-color: var(--backgroundColor1) !important;
}
.dark .sideNav ul.menuCategory::before,
.dark .sideNav ul.menuCategory li.menuList > a::before {
  background-color: var(--borderColor1) !important;
}
.dark .sideNav ul.menuCategory li.menuList.active > a::before {
  background-color: #ff5500 !important;
}
.dark .sideNav ul.menuCategory li.menuList > a .text,
.dark .sideNav .subMenuHeader ul.submenuCategory li.submenuList a .text,
.dark .sideNav .subMenuHeader2 ul.submenuCategory2 li.submenuList2 a .text {
  color: #949494;
}
.dark .sideNav::-webkit-scrollbar-track {
  background-color: #545454 !important;
}
.dark .sideNav::-webkit-scrollbar {
  background-color: #545454 !important;
}
.dark .homeSlider {
  background: var(--backgroundColor2) !important;
}
.dark .homeSlider .homeSliderData {
  background-color: var(--backgroundColor1) !important;
  border: 1px solid var(--borderColor1) !important;
}
.dark .homeSlider .homeSliderData .sliderContent h2 {
  color: unset !important;
}
.dark .homeAnnouncement {
  background-color: var(--backgroundColor1) !important;
}
.dark .homeAnnouncement .announcementContent .announcementData {
  border: 1px solid var(--borderColor1) !important;
}
.dark .homeAnnouncement .announcementContent .announcementData p {
  color: unset !important;
}
.dark .homeAnnouncement .announcementContent .announcementData .line {
  background-color: #1395d3;
}
.dark .newsEvent {
  background-color: var(--backgroundColor2);
}
.dark .newsEvent .newsEventData {
  background-color: var(--backgroundColor1) !important;
  border: 1px solid var(--borderColor1) !important;
}
.dark .newsEvent .newsEventData .newsEventContent h2 {
  color: unset !important;
}
.dark .newsEvent::after {
  background-color: transparent !important;
  z-index: unset !important;
}
.dark .newsEvent .countSection .countData {
  border: 1px solid var(--borderColor1) !important;
}
.dark .homeAspirations {
  background-color: var(--backgroundColor1) !important;
  background-image: unset !important;
}
.dark .homeAspirations ion-grid ion-row .aspirationsContent h2,
.dark .homeAspirations ion-grid ion-row .aspirationsContent p {
  color: unset !important;
}
.dark .homeAspirations ion-grid ion-row .aspirationsContent ul li {
  background-color: var(--backgroundColor2) !important;
  border: 1px solid var(--borderColor1) !important;
}
.dark .homeAspirations ion-grid ion-row .aspirationsContent ul li ion-icon {
  color: unset !important;
}
.dark .srfValue {
  background-color: var(--backgroundColor2) !important;
  background-image: unset !important;
}
.dark .srfValue .srfValueContent .srfValueData .srfValueIcon {
  background-color: var(--backgroundColor1) !important;
}
.dark .srfValue .srfValueContent .srfValueData .srfValueIcon::before {
  border: 2px dashed #333 !important;
}
.dark .srfValue .srfValueContent .srfValueData .srfValueIcon .srfValueImage {
  background-color: var(--backgroundColor2) !important;
}
.dark .srfValue .srfValueContent .srfValueData .srfValueIcon .srfValueImage img {
  filter: invert(1) !important;
}
.dark .srfValue .srfValueContent .srfValueData .srfValueIcon:hover::before {
  border: 2px dashed #464646 !important;
}
.dark .srfValue .srfValueContent .srfValueData h4 {
  color: #fff;
}
.dark .aboutSection {
  background-color: var(--backgroundColor1) !important;
}
.dark .aboutSection ion-grid ion-row .aboutContent h2,
.dark .aboutSection ion-grid ion-row .aboutContent p {
  color: unset !important;
}
.dark .employeeAnnouncement {
  background-color: var(--backgroundColor2) !important;
  background-image: unset !important;
}
.dark .employeeAnnouncement .employeeAnnouncementContent {
  background-color: var(--backgroundColor1) !important;
}
.dark .employeeAnnouncement .employeeAnnouncementContent .employeeInfo .employeeContent h4 {
  color: unset !important;
}
.dark .employeeAnnouncement .employeeAnnouncementContent .employeeInfo .employeeContent ul li {
  background-color: var(--backgroundColor2) !important;
}
.dark .testimonial {
  background-color: var(--backgroundColor1) !important;
  background-image: unset !important;
}
.dark .testimonial .testimonialContent {
  border: 1px solid var(--borderColor1) !important;
}
.dark .testimonial .testimonialContent .testimonialInfo .testimonialImage .quote {
  background-color: #1395d3;
  border: 5px solid #fff;
}
.dark .testimonial .testimonialContent .testimonialInfo .testimonialUser h4 {
  color: unset !important;
}
.dark .sectionTitle h2 {
  color: unset !important;
}
.dark .userProfile .userProfileData .userInfo h4 {
  color: unset !important;
}
.dark .scroll::-webkit-scrollbar-track {
  background-color: #545454;
}
.dark .scroll::-webkit-scrollbar {
  background-color: #545454;
}
.dark .formSection .formField ion-datetime-button {
  border-bottom: 1px solid #222222 !important;
}
.dark .formSection .formField .uploadFile {
  border: 2px dashed #222222 !important;
}
.dark .formSection .formField .fileList ion-card {
  border: 1px solid #222222 !important;
}
.dark .formSection .formField .fileList ion-card img {
  filter: invert(1) !important;
}
.dark .cardList ion-card {
  box-shadow: 1px 1px 9px rgb(72, 72, 72);
}
.dark .cardList ion-card ion-grid .cardData h4 {
  color: #c3c3c3 !important;
}
.dark .cardList ion-card ion-grid .cardButton {
  border-top: 1px solid #222222 !important;
}
.dark .copyRight {
  background-color: #1a1b1e !important;
  border-top: 1px solid #2e2e2e !important;
}
.dark .copyRight p {
  color: #fff !important;
}
.dark ion-modal ion-header {
  border-bottom: 1px solid #2e2e2e;
}
.dark ion-modal ion-toolbar {
  --background: #1a1b1e;
  --color: #fff;
}
.dark ion-modal ion-content {
  position: relative;
}
.dark ion-modal ion-content .popupAction {
  border-top: 1px solid #2e2e2e;
}
.dark ion-modal ion-content::part(background) {
  background: #1a1b1e;
}
.dark .formSection .formField .mat-mdc-text-field-wrapper .mdc-floating-label {
  color: #949494;
}
.dark .formSection .formField .mat-mdc-text-field-wrapper .mat-mdc-select .mat-mdc-select-value-text {
  color: #ffffff;
}
.dark .formSection .formField .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  padding: 0 16px !important;
}
.dark .leave-card {
  box-shadow: 1px 0px 2px 0px;
}
section.innerPage .container {
  max-width: initial;
}
.container {
  max-width: 1250px;
  margin: auto;
}
.formSection {
  position: relative;
  border-radius: 4px;
  padding: 17px 0px 10px;
  margin: 0px 0px 10px;
}
.formSection h4 {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0px;
  font-size: 18px;
}
.formSection .formField {
  position: relative;
}
.formSection .formField ion-input,
.formSection .formField ion-select,
.formSection .formField ion-textarea {
  border-bottom: 1px solid var(--border-color);
}
.formSection .formField mat-form-field {
  position: relative;
  width: 100%;
}
.formSection .formField mat-form-field .mat-mdc-text-field-wrapper {
  background-color: rgba(246, 222, 136, 0.1019607843);
}
.formSection .formField mat-form-field .mat-mdc-text-field-wrapper:hover {
  background-color: rgba(246, 222, 136, 0.1019607843);
}
.formSection .formField mat-form-field .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.formSection .formField mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  padding: 0 16px !important;
}
.formSection .formField mat-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.formSection .formField mat-form-field .mdc-line-ripple::before {
  border-bottom-color: #dedede;
}
.formSection .formField ion-datetime-button {
  position: relative;
  border-bottom: 1px solid #dedede;
}
.formSection .formField ion-datetime-button::part(native) {
  width: 100%;
  text-align: left;
  border-radius: 0px;
  background-color: transparent;
  padding: 6px 0px;
}
.formSection .formField .checkBoxGroup {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin: 7px 0px 0px;
}
.formSection .formField .checkBoxGroup ion-checkbox {
  position: relative;
}
.formSection .formField mat-error {
  color: #eb445a;
  font-size: 12px;
}
.formSection .formField p {
  position: relative;
  padding: 0px;
  margin: 0px;
}
.formSection .formField p .editor {
  position: absolute;
  top: 0px;
  right: 7px;
  font-size: 20px;
  cursor: pointer;
}
.formSection .formField p.active .editor {
  color: #ff5500;
}
.formSection .formField .icon {
  position: absolute;
  top: 26px;
  right: 0px;
  z-index: -1;
}
.formSection .formField .icon.date {
  right: 52%;
}
.formSection .formField .uploadFile {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 90px;
  border-radius: 6px;
  border: 2px dashed #dedede;
  padding: 4px;
  margin: 0px;
  transition: 0.5s;
  box-shadow: none;
  cursor: pointer;
}
.formSection .formField .uploadFile p {
  position: relative;
}
.formSection .formField .uploadFile .icon {
  position: relative;
}
.formSection .formField .uploadFile:hover {
  background-color: rgba(0, 0, 0, 0.06);
}
.formSection .formField .fileList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  margin: 10px 0px 0px;
}
.formSection .formField .fileList ion-card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  border: 1px solid #dedede;
  padding: 4px 10px;
  margin: 0px;
  box-shadow: none;
}
.formSection .formField .fileList ion-card img {
  width: 29px;
  height: 29px;
}
.formSection .formField .fileList ion-card p {
  position: relative;
}
.formSection .formField .fileList ion-card span {
  position: relative;
  font-size: 20px;
  transition: 0.5s;
  cursor: pointer;
}
.formSection .formField .fileList ion-card span.download:hover {
  color: #2766ea;
}
.formSection .formField .fileList ion-card span.delete:hover {
  color: #eb445a;
}
.formSection .formField .uploadImage {
  position: relative;
  width: fit-content;
  margin: 10px 0px 0px;
}
.formSection .formField .uploadImage img {
  width: auto;
  height: 110px;
  border-radius: 10px;
  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.29);
}
.formSection .formField .uploadImage span {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 20px;
  cursor: pointer;
}
.formSection .formField .uploadImage span.delete {
  display: none;
  color: #eb445a;
}
.formSection .formField .uploadImage:hover span.delete {
  display: block;
}
.formSection .formAction {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
}
.formSection.noSpace {
  margin: 0px;
  padding: 0px;
}
.formSection.noInnerShadow ion-card {
  box-shadow: none !important;
}
.dynamicTableDate mat-form-field {
  position: relative;
  width: 100%;
}
.dynamicTableDate mat-form-field .mat-mdc-text-field-wrapper {
  background-color: rgba(246, 222, 136, 0.1019607843);
}
.dynamicTableDate mat-form-field .mat-mdc-text-field-wrapper:hover {
  background-color: rgba(246, 222, 136, 0.1019607843);
}
.dynamicTableDate mat-form-field .mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}
.dynamicTableDate mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined {
  padding: 0 16px !important;
}
.dynamicTableDate mat-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.dynamicTableDate mat-form-field .mdc-line-ripple::before {
  border-bottom-color: #dedede;
}
.formSection div.mat-mdc-notch-piece.mdc-notched-outline__notch {
  border-right-width: 0px !important;
}
.cardList {
  position: relative;
}
.cardList ion-card {
  position: relative;
  border: 1px solid transparent;
  margin: 0px;
  padding: 4px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px;
}
.cardList ion-card ion-grid {
  padding: 0px;
}
.cardList ion-card ion-grid .cardData {
  position: relative;
}
.cardList ion-card ion-grid .cardData h4 {
  margin: 0px;
  color: #333;
  font-size: 15px;
  font-weight: 400;
  min-height: 26px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cardList ion-card ion-grid .cardData p {
  margin: 0px;
  font-size: 13px;
  font-weight: 400;
}
.cardList ion-card ion-grid .cardButton {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #ebebeb;
  padding: 6px 0px 0px;
  z-index: 2;
}
.cardList ion-card ion-grid .cardButton .cardButtonData {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.cardList ion-card ion-grid .cardButton .cardButtonData .icon {
  font-size: 20px;
}
.cardList ion-card ion-grid .cardButton .cardButtonData p {
  margin: 0px;
  font-size: 12px;
}
.cardList ion-card:has(.status) {
  padding-top: 22px;
}
.cardList ion-card:has(.cardCheckBox) {
  padding-top: 22px;
}
.cardList ion-card:has(.cardCheckBox .checked) {
  background-color: #fff5f1;
  border: 1px solid rgba(255, 85, 0, 0.71);
}
.cardList ion-card:has(.linkArrow) {
  padding-right: 22px;
}
.cardList ion-card.link {
  cursor: pointer;
}
.cardList ion-card .status {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #ff5500;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(255, 85, 0, 0.14);
  border-radius: 0px 0px 0px 7px;
  padding: 2px 7px;
}
.cardList ion-card .status.statusLeft {
  left: 0;
  right: auto;
  border-radius: 0px 0px 7px 0px;
}
.cardList ion-card .linkArrow {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0px, -50%);
}
.cardList ion-card .linkArrow span {
  color: #ff5500;
  font-size: 34px;
  opacity: 0.7;
}
.cardList ion-card .cardCheckBox {
  position: absolute;
  top: 6px;
  left: 8px;
}
.cardList ion-card .cardCheckBox:has(span.checked) {
  width: calc(100% - 8px);
  height: calc(100% - 6px);
}
.cardList ion-card .cardCheckBox span {
  transform: translate(-2px, -2px);
}
.cardList ion-card .cardCheckBox span.check {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  color: #ff5500;
  z-index: 1;
}
.cardList.size-small ion-card ion-grid .cardData h4 {
  font-size: 13px;
  font-weight: 500;
}
.cardList.size-small ion-card ion-grid .cardData p {
  font-size: 12px;
}
.img-shimmer {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      110deg,
      #f0f0f0 30%,
      #e0e0e0 50%,
      #f0f0f0 70%);
  background-size: 200% 100%;
  animation: img-shimmer-anim 1.5s ease-in-out infinite;
  z-index: 1;
  border-radius: inherit;
}
.shimmer-img {
  position: relative;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.shimmer-img.loaded {
  opacity: 1;
}
.shimmer-img.fallback-img {
  object-fit: contain !important;
  background: #f8fafc;
  padding: 15%;
}
.img-ready .img-shimmer {
  display: none;
}
@keyframes img-shimmer-anim {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.noData {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0px;
  padding: 10px;
  width: 100%;
  height: 260px;
  box-shadow: none;
}
.noData img {
  width: 100px;
  height: 100px;
}
.noData p {
  margin: 0px;
}
.sectionTitle {
  position: relative;
  margin: 0px 0px 12px;
}
.sectionTitle ion-grid,
.sectionTitle ion-row,
.sectionTitle ion-col {
  padding: 0px;
}
.sectionTitle h2 {
  color: #212529;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0px;
  margin: 0px;
}
.sectionTitle p {
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  padding: 0px;
  margin: 2px 0px 0px;
}
swiper-container::part(swiper-button-next) {
  position: absolute;
  color: green;
}
.swiper-initialized::part(div.swiper-button-prev) {
  position: absolute;
}
.swiper-initialized::part(div) {
  color: black;
  border: dashed 2px black;
  background-color: #fec0ff;
}
.textLimit2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.textLimit4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}
.section {
  background: transparent;
  width: 100vw;
  height: 100vh;
}
.section .contentSection {
  width: 100%;
  height: 100%;
}
.section .contentSection .content {
  width: 100%;
  height: 100%;
}
.section .contentSection .content ion-app {
  width: calc(100% - 50px);
  left: 50px;
  transition: 0.5s;
}
.section .contentSection .content.contentActive ion-app {
  width: calc(100% - 260px);
  left: 260px;
}
.tableStatus {
  display: block;
  background-color: #e9e9e9;
  min-width: 40px;
  color: #525252 !important;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  border-radius: 30px;
  padding: 3px 13px;
  letter-spacing: 0.02rem;
}
.statusBlue {
  background-color: #f2f4fc !important;
  color: #0030dd !important;
}
.statusGreen {
  background-color: rgba(13, 148, 136, 0.0588235294) !important;
  color: #009d3e !important;
}
.statusRed {
  background-color: rgba(239, 68, 68, 0.0588235294) !important;
  color: #ff0000 !important;
}
.statusYellow {
  background-color: #f5efe7 !important;
  color: #FF9800 !important;
}
.statusPurple {
  background-color: #f9e6fc !important;
  color: #9C27B0 !important;
}
.statusTeal {
  background-color: #e2f3f3 !important;
  color: #009688 !important;
}
.statusOrange {
  background-color: rgba(249, 115, 22, 0.0588235294) !important;
  color: #ff5500 !important;
}
.statusLite {
  background-color: #e9e9e9 !important;
  color: #525252 !important;
}
.textBlue {
  color: #0030dd !important;
}
.textGreen {
  color: #009d3e !important;
}
.textRed {
  color: #ff0000 !important;
}
.textYellow {
  color: #FF9800 !important;
}
.textPurple {
  color: #9C27B0 !important;
}
.textTeal {
  color: #009688 !important;
}
.textOrange {
  color: #ff5500 !important;
}
.textLite {
  color: #525252 !important;
}
.bgBlue {
  background-color: #d6dfff !important;
}
.bgGreen {
  background-color: #bcffd6 !important;
}
.bgRed {
  background-color: #ffe7e7 !important;
}
.bgYellow {
  background-color: #fff3e1 !important;
}
.bgPurple {
  background-color: #f9d3ff !important;
}
.bgTeal {
  background-color: #d2fafa !important;
}
.bgOrange {
  background-color: #f9e5d7 !important;
}
.bgLite {
  background-color: #e9e9e9 !important;
}
.dark .tableStatus {
  background-color: #252a40 !important;
  color: #c3cad8 !important;
}
.dark .statusBlue {
  background-color: rgba(59, 130, 246, 0.18) !important;
  color: #93c5fd !important;
}
.dark .statusGreen {
  background-color: rgba(34, 197, 94, 0.18) !important;
  color: #86efac !important;
}
.dark .statusRed {
  background-color: rgba(239, 68, 68, 0.18) !important;
  color: #fca5a5 !important;
}
.dark .statusYellow {
  background-color: rgba(245, 158, 11, 0.18) !important;
  color: #fcd34d !important;
}
.dark .statusPurple {
  background-color: rgba(168, 85, 247, 0.18) !important;
  color: #d8b4fe !important;
}
.dark .statusTeal {
  background-color: rgba(20, 184, 166, 0.18) !important;
  color: #5eead4 !important;
}
.dark .statusOrange {
  background-color: rgba(249, 115, 22, 0.18) !important;
  color: #fdba74 !important;
}
.dark .statusLite {
  background-color: #252a40 !important;
  color: #9ca3af !important;
}
.dark .textBlue {
  color: #93c5fd !important;
}
.dark .textGreen {
  color: #86efac !important;
}
.dark .textRed {
  color: #fca5a5 !important;
}
.dark .textYellow {
  color: #fcd34d !important;
}
.dark .textPurple {
  color: #d8b4fe !important;
}
.dark .textTeal {
  color: #5eead4 !important;
}
.dark .textOrange {
  color: #fdba74 !important;
}
.dark .textLite {
  color: #9ca3af !important;
}
.dark .bgBlue {
  background-color: rgba(59, 130, 246, 0.18) !important;
}
.dark .bgGreen {
  background-color: rgba(34, 197, 94, 0.18) !important;
}
.dark .bgRed {
  background-color: rgba(239, 68, 68, 0.18) !important;
}
.dark .bgYellow {
  background-color: rgba(245, 158, 11, 0.18) !important;
}
.dark .bgPurple {
  background-color: rgba(168, 85, 247, 0.18) !important;
}
.dark .bgTeal {
  background-color: rgba(20, 184, 166, 0.18) !important;
}
.dark .bgOrange {
  background-color: rgba(249, 115, 22, 0.18) !important;
}
.dark .bgLite {
  background-color: #252a40 !important;
}
.payslipDetail .tableDesign tr:last-child td p span,
.payslipDetail .tableDesign tr:last-child td {
  font-weight: bold;
}
.payslipDetail .tableDesign tbody tr:last-child {
  position: sticky;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: auto;
}
@media only screen and (max-width: 1199px) {
  .section .contentSection .content ion-app {
    width: 100%;
    left: 0px;
  }
  .section .contentSection .content.contentActive ion-app {
    width: 100%;
    left: 0px;
  }
  .sideNav {
    width: 260px !important;
    left: -279px !important;
    height: calc(100vh - 56px) !important;
  }
  .sideNav.sideNavActive {
    left: 0px !important;
  }
  .sideNav.sideNavActive .menuCategory {
    max-height: calc(100% - 70px);
    overflow-y: auto;
  }
  .headerMenu {
    display: none !important;
  }
  ion-tab-bar {
    display: inline-flex;
  }
  .copyRightContent {
    display: none !important;
  }
  .copyRightMenu {
    display: block !important;
  }
  .srfLogo {
    position: relative;
  }
  .srfLogo ion-img {
    display: none;
    width: 60px;
    height: auto;
    margin-left: 3px;
  }
  .srfLogo ion-img.selLogo {
    width: 60px;
  }
  .srfLogoMenu {
    display: block !important;
  }
}
.header {
  position: relative;
  padding: 0px 10px;
  background-color: var(--backgroundColor1, #ffffff);
  min-height: 56px;
  box-shadow: none;
}
.header .container {
  transform: translate(-8px, 0px);
}
.header ion-toolbar {
  position: relative;
  --background: var(--backgroundColor1);
}
.header ion-toolbar .headerSection {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 0px 6px 0px;
}
.header ion-toolbar .headerSection .headerContent {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}
.header ion-toolbar .headerSection .headerContent .menuIcon {
  line-height: 1;
  cursor: pointer;
}
.header ion-toolbar .headerSection .headerContent .sparshLogo {
  position: relative;
}
.header ion-toolbar .headerSection .headerContent .sparshLogo ion-img {
  width: 100px;
  height: auto;
}
.header ion-toolbar .headerSection .headerContent .srfLogo {
  position: relative;
}
.header ion-toolbar .headerSection .headerContent .srfLogo ion-img {
  width: 70px;
  height: auto;
}
.header ion-toolbar .headerSection .headerContent .srfLogo ion-img.selLogo {
  width: 132px;
}
.header ion-toolbar .headerSection .headerContent .profile {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 0px 10px 0px 0px;
  cursor: pointer;
}
.header ion-toolbar .headerSection .headerContent .profile ion-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #c3c3c3;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
}
.header ion-toolbar .headerSection .headerContent .profile .profileDetail {
  position: relative;
}
.header ion-toolbar .headerSection .headerContent .profile .profileDetail h4 {
  margin: 0px;
  font-size: 16px;
}
.header ion-toolbar .headerSection .headerContent .profile .profileDetail p {
  margin: 0px;
  font-size: 12px;
}
.header::after,
.header.header-md::after {
  background: none !important;
}
ion-content::part(background) {
  background: var(--ion-background-color);
}
ion-modal ion-content::part(background) {
  background: var(--srf-popover-bg, #ffffff);
}
.dark ion-modal ion-content::part(background) {
  background: var(--srf-popover-bg, #1a1b1e);
}
ion-modal ion-header {
  border-bottom: 1px solid var(--srf-popover-border, #e5e7eb);
}
ion-modal ion-toolbar {
  --background: var(--srf-popover-bg, #fff);
  --color: var(--srf-popover-text, #222);
}
ion-modal ion-content {
  --color: var(--srf-popover-text, #374151);
}
ion-modal ion-content .popupAction {
  border-top: 1px solid var(--srf-popover-border, #e5e7eb);
}
ion-modal .formSection {
  color: var(--srf-popover-text, #374151);
}
ion-modal ion-title {
  color: var(--srf-popover-text, #374151);
}
.dark ion-content::part(background) {
  background: var(--backgroundColor1);
}
ion-popover {
  --width: 400px;
}
ion-popover::part(content) {
  right: 2px !important;
  left: unset !important;
}
ion-modal.gallery-lightbox-modal {
  --width: 100%;
  --height: 100%;
  --max-width: 100%;
  --max-height: 100%;
  --border-radius: 0;
  --background: #000;
  --ion-background-color: #000;
  --box-shadow: none;
  --backdrop-opacity: 0 !important;
  top: 0 !important;
  z-index: 99999 !important;
}
ion-modal.gallery-lightbox-modal::part(content) {
  background: #000 !important;
  border-radius: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  overflow: hidden !important;
}
ion-modal.mobile-sub-account-modal::part(content) {
  width: 100vw !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  top: 0 !important;
}
ion-modal.mobile-sub-account-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
ion-modal.mobile-sub-account-modal ion-content {
  flex: 1 1 auto;
  min-height: 0;
}
ion-modal.gallery-lightbox-modal .ion-page,
ion-modal.gallery-lightbox-modal app-gallery-lightbox,
ion-modal.gallery-lightbox-modal .gallery-lightbox-host {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  background: #000 !important;
  color: #fff;
  overflow: hidden !important;
}
html.dark ion-modal.gallery-lightbox-modal,
body.dark ion-modal.gallery-lightbox-modal,
html.dark ion-modal.gallery-lightbox-modal::part(content),
body.dark ion-modal.gallery-lightbox-modal::part(content),
html.dark ion-modal.gallery-lightbox-modal .ion-page,
body.dark ion-modal.gallery-lightbox-modal .ion-page,
html.dark ion-modal.gallery-lightbox-modal app-gallery-lightbox,
body.dark ion-modal.gallery-lightbox-modal app-gallery-lightbox,
html.dark ion-modal.gallery-lightbox-modal .gallery-lightbox-host,
body.dark ion-modal.gallery-lightbox-modal .gallery-lightbox-host {
  background: #000 !important;
  color: #fff;
}
ion-modal {
  --backdrop-opacity: 0.4 !important;
}
ion-modal::part(backdrop) {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
ion-modal.confirmationModal {
  --width: min(560px, calc(100vw - 1.5rem));
  --max-width: 100%;
  --height: auto;
  --max-height: min(88vh, 720px);
  --border-radius: 28px;
  align-items: center;
  justify-content: center;
}
ion-modal .label-error {
  font-size: 0.75rem;
  color: #eb445a;
}
ion-modal.mobile-sub-account-modal {
  --width: 100vw !important;
  --max-width: 100% !important;
  --height: 100% !important;
  --max-height: 100% !important;
  --border-radius: 0;
  align-items: flex-start;
  top: 0;
}
.mobile ion-modal {
  --width: 81%;
  --max-width: 100%;
  --height: 51%;
  --max-height: 100%;
  --border-radius: 4px;
  --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  top: 0;
  align-items: flex-start;
  --backdrop-opacity: 0.4 !important;
}
.mobile ion-modal::part(backdrop) {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.mobile ion-modal.small {
  --width: 400px;
  --height: 300px;
  align-items: center;
}
.mobile ion-modal.small-full {
  --width: 400px;
  --height: 500px;
  align-items: center;
}
.mobile ion-modal.small-right {
  justify-content: flex-end;
  --height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}
.mobile ion-modal.user-select-modal {
  --width: 480px;
  --max-width: calc(100vw - 2rem);
  --height: min(600px, calc(100vh - 4rem));
  --border-radius: 1.25rem;
  --box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  align-items: center;
}
.mobile ion-modal.gallery-lightbox-modal {
  --width: 100%;
  --height: 100%;
  --max-width: 100%;
  --max-height: 100%;
  --border-radius: 0;
  --background: #000;
  --box-shadow: none;
  --ion-background-color: #000;
  top: 0 !important;
  z-index: 99999 !important;
  --backdrop-opacity: 0 !important;
}
.mobile ion-modal.gallery-lightbox-modal::part(content) {
  background: #000;
}
.mobile ion-modal.medium {
  --width: 700px;
  align-items: flex-start;
  --height: calc(100% - 22px);
}
.mobile ion-modal.medium-half {
  --width: 700px;
  align-items: flex-start;
  --height: 500px;
}
.mobile ion-modal.medium-right {
  --width: 700px;
  justify-content: flex-end;
  --height: calc(100% - 22px);
}
.mobile ion-modal.wide-right {
  --width: min(950px, calc(100vw - 2rem));
  justify-content: flex-end;
  --height: calc(100% - 22px);
}
.mobile ion-modal.document-viewer-modal {
  --width: calc(100vw - 1rem);
  --max-width: 100%;
  --height: calc(100vh - 1rem);
  --max-height: 100%;
  --border-radius: 24px;
  align-items: center;
}
.mobile ion-modal.large {
  --width: 100%;
  --height: 800px;
}
.mobile ion-modal.fullscreen {
  --width: 100vw;
  --height: 100vh;
}
.mobile ion-modal.mobile-sub-account-modal {
  --width: 100vw !important;
  --max-width: 100% !important;
  --height: 100% !important;
  --max-height: 100% !important;
  --border-radius: 0;
  align-items: flex-start;
  top: 0;
}
.mobile ion-modal.confirmation {
  --width: 400px;
  --height: 190px;
  align-items: center;
  z-index: 1000000000000000000000 !important;
}
.mobile ion-modal.confirmationModal {
  --width: min(560px, calc(100vw - 1rem));
  --max-width: 100%;
  --height: auto;
  --max-height: min(88vh, 720px);
  --border-radius: 28px;
  align-items: center;
  justify-content: center;
}
.mobile ion-modal.bulk-approval-confirm-modal {
  --height: fit-content;
  --max-height: 85vh;
  --border-radius: 16px;
  align-items: center;
}
.mobile ion-modal.bulk-approval-confirm-modal .ion-page {
  position: relative;
  display: flex;
  flex-direction: column;
  contain: content;
}
.mobile ion-modal.bulk-approval-confirm-modal .modal-body {
  overflow-y: auto;
  max-height: 60vh;
  background: #fff;
}
.mobile ion-modal.bulk-approval-confirm-modal .popupContent {
  height: auto;
}
.mobile ion-modal.bulk-approval-confirm-modal ion-header ion-toolbar {
  --min-height: 48px;
}
.mobile ion-modal.bulk-approval-confirm-modal ion-footer ion-toolbar {
  --padding-top: 8px;
  --padding-bottom: 8px;
  padding-bottom: env(safe-area-inset-bottom, 8px);
}
.mobile ion-modal.confirmationResponse {
  --width: 490px;
  --height: 300px;
  align-items: center;
}
.mobile ion-modal.confirmationResponse .formSection {
  margin: 0px;
  padding: 0px;
}
.mobile ion-modal ion-header {
  box-shadow: none !important;
  border-bottom: 1px solid var(--srf-popover-border, #e5e7eb);
}
.mobile ion-modal ion-toolbar {
  --background: var(--srf-popover-bg, #fff);
  --color: var(--srf-popover-text, #222);
}
.mobile ion-modal ion-content {
  position: relative;
  --keyboard-offset: 0px !important;
  --color: var(--srf-popover-text, #374151);
}
.mobile ion-modal ion-content .popupContent {
  position: relative;
}
.mobile ion-modal ion-content .popupContent p {
  margin: 0px 0px 5px;
  font-size: 13px;
}
.mobile ion-modal ion-content .popupAction {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  border-top: 1px solid var(--srf-popover-border, #e5e7eb);
}
.mobile ion-modal ion-content::part(background) {
  background: var(--srf-popover-bg, #ffffff);
}
.desktop ion-modal {
  --border-radius: 4px;
  z-index: 100 !important;
  --box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  top: 0;
  align-items: center;
  --backdrop-opacity: 0.4 !important;
}
.desktop ion-modal::part(backdrop) {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.desktop ion-modal.full {
  --width: 100vw;
  top: 0;
  --height: 100vh;
}
.desktop ion-modal.small {
  --width: 400px;
  --height: 300px;
  align-items: center;
}
.desktop ion-modal.small-full {
  --width: 400px;
  --height: 500px;
  align-items: center;
}
.desktop ion-modal.small-right {
  --width: 400px;
  justify-content: flex-end;
  --height: calc(100% - 22px);
}
.desktop ion-modal.medium {
  --width: 700px;
  align-items: flex-start;
  --height: calc(100% - 22px);
}
.desktop ion-modal.medium-half {
  --width: 700px;
  align-items: flex-start;
  --height: 500px;
}
.desktop ion-modal.medium-right {
  --width: 700px;
  justify-content: flex-end;
  --height: calc(100% - 22px);
}
.desktop ion-modal.wide-right {
  --width: min(950px, calc(100vw - 2rem));
  justify-content: flex-end;
  --height: calc(100% - 22px);
}
.desktop ion-modal.document-viewer-modal {
  --width: min(1200px, calc(100vw - 3rem));
  --max-width: 100%;
  --height: min(900px, calc(100vh - 3rem));
  --max-height: 100%;
  --border-radius: 28px;
  align-items: center;
}
.desktop ion-modal.large {
  --width: 100%;
  --height: 800px;
}
.desktop ion-modal.confirmation {
  --width: 400px;
  --height: 190px;
  align-items: center;
  z-index: 1000000000000000000000 !important;
}
.desktop ion-modal.gallery-lightbox-modal {
  --width: 100%;
  --height: 100%;
  --max-width: 100%;
  --max-height: 100%;
  --border-radius: 0;
  --background: #000;
  --box-shadow: none;
  top: 0 !important;
  z-index: 99999 !important;
  --backdrop-opacity: 0 !important;
}
.desktop ion-modal.confirmationResponse {
  --width: 490px;
  --height: 300px;
  align-items: center;
}
.desktop ion-modal.confirmationResponse .formSection {
  margin: 0px;
  padding: 0px;
}
.desktop ion-modal ion-header {
  box-shadow: none !important;
  border-bottom: 1px solid var(--srf-popover-border, #e5e7eb);
}
.desktop ion-modal ion-toolbar {
  --background: var(--srf-popover-bg, #fff);
  --color: var(--srf-popover-text, #222);
}
.desktop ion-modal ion-content {
  position: relative;
  --keyboard-offset: 0px !important;
  --color: var(--srf-popover-text, #374151);
}
.desktop ion-modal ion-content .popupContent {
  position: relative;
}
.desktop ion-modal ion-content .popupContent p {
  margin: 0px 0px 10px;
  font-size: 14px;
}
.desktop ion-modal ion-content .popupAction {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  border-top: 1px solid var(--srf-popover-border, #e5e7eb);
}
.desktop ion-modal ion-content::part(background) {
  background: var(--srf-popover-bg, #ffffff);
}
.desktop .getInputPopup .mat-dialog-container,
.desktop .getInputPopup mat-dialog-container {
  background-color: var(--srf-popover-bg, #f2f2f2);
  padding: 0px;
  overflow: hidden;
  border-radius: 4px;
}
.desktop .getInputPopup .mat-dialog-container .mat-dialog-content,
.desktop .getInputPopup .mat-dialog-container mat-dialog-content,
.desktop .getInputPopup .mat-dialog-container .mat-mdc-dialog-content,
.desktop .getInputPopup mat-dialog-container .mat-dialog-content,
.desktop .getInputPopup mat-dialog-container mat-dialog-content,
.desktop .getInputPopup mat-dialog-container .mat-mdc-dialog-content {
  margin: 0px;
  min-height: calc(100% - 56px);
  padding: 10px 10px 0px;
  overflow-x: hidden;
}
.desktop .getInputPopup .mat-dialog-container:has(mat-dialog-actions) .mat-dialog-content,
.desktop .getInputPopup .mat-dialog-container:has(mat-dialog-actions) mat-dialog-content,
.desktop .getInputPopup .mat-dialog-container:has(mat-dialog-actions) .mat-mdc-dialog-content,
.desktop .getInputPopup mat-dialog-container:has(mat-dialog-actions) .mat-dialog-content,
.desktop .getInputPopup mat-dialog-container:has(mat-dialog-actions) mat-dialog-content,
.desktop .getInputPopup mat-dialog-container:has(mat-dialog-actions) .mat-mdc-dialog-content {
  min-height: calc(100% - 109px);
}
.desktop .documentRegisterPopup {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.desktop .popup_Header {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 9px 20px;
}
.desktop .popup_Header .popupStatus {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.desktop .popup_Header h2 {
  margin: 0px;
  padding: 0px;
}
.desktop .popup_Header h2::before {
  height: auto;
}
.desktop .popup_Header .documentActions {
  margin: 0px 40px 0px 0px;
  float: right;
}
.desktop .popup_Header .documentActions.doc-reg {
  display: flex;
  gap: 12px;
  align-items: center;
}
.desktop .popup_Header .documentActions.doc-reg mat-slide-toggle {
  margin-left: 0;
  align-self: flex-end;
}
.desktop .popup_Header .documentActions.doc-reg button {
  margin-left: 0;
}
.desktop .popup_Header .documentActions button {
  margin: 0px 0px 0px 12px;
}
.desktop .popup_Header .documentActions button mat-icon {
  transform: translate(-3px, -2px);
}
.desktop .popup_Header .documentActions mat-slide-toggle {
  background-color: var(--srf-popover-hover-bg, #ffffff);
  padding: 7px 5px;
  border-radius: 4px;
  margin-left: 12px;
}
.desktop .popup_Header .documentActions mat-slide-toggle button {
  margin: 0px;
}
.desktop .popup_Header span.status {
  color: #ff9800;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 10px 3px;
  margin: 2px 0px 0px 9px;
  background-color: var(--srf-popover-bg, #fff);
}
.desktop .popup_Header span.status1 {
  color: #4caf50;
}
.desktop .popup_Header span.status2 {
  color: #3f51b5;
}
.desktop .popup_Header span.status3 {
  color: #2196f3;
}
.desktop .popup_Header span.status4 {
  color: #f44336;
}
.desktop .popup_Header .close-button {
  position: absolute;
  top: 50%;
  right: 0px;
  color: var(--srf-popover-text, #333);
  background: none;
  border: none;
  cursor: pointer;
  transform: translate(0px, -50%);
  outline: none;
}
.desktop .popup_Header .close-button:hover {
  background: none;
}
.desktop .popup_Header .close-button:hover mat-icon {
  color: #fff;
  background: #f44336;
  border-radius: 4px;
}
.desktop .popup_Header .close-button mat-icon {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 30px;
}
mat-card {
  margin: 0px;
  padding: 10px;
  overflow: hidden;
}
.tableSection .tableData table tr th {
  font-size: 14px;
}
.tableSection .tableData table tr td {
  font-size: 14px;
}
.tableSection .search input {
  width: 100% !important;
}
.tableSection .actionButton button {
  border-radius: 20px;
  padding: 6px 16px !important;
}
button:focus:not(.focus-visible) {
  outline: none;
}
ion-button::part(native) {
  border-radius: 30px;
  height: 29px;
  --padding-start: 16px;
  --padding-end: 16px;
  --box-shadow: none;
  text-transform: capitalize;
  font-size: 13px;
}
ion-button.btn-size-large::part(native) {
  height: 40px;
  font-size: 18px;
}
ion-button.btn-size-medium::part(native) {
  height: 36px;
  font-size: 16px;
}
ion-button.rounded-none::part(native) {
  border-radius: inherit;
}
ion-button.rounded::part(native) {
  border-radius: inherit;
}
.swal2-actions button.swal2-cancel,
.swal2-actions button.swal2-deny,
.swal2-actions button.swal2-confirm {
  border-radius: 30px !important;
}
.popupSection {
  position: relative;
}
.popupSection .action {
  margin: 10px 0px 0px;
  text-align: right;
}
.popupSectionUserSelect::part(content) {
  --height: 70vh;
}
.copyRight {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #e3e3e3;
  z-index: 1;
}
.copyRight p {
  margin: 0px;
  font-size: 11px;
  text-align: right;
  padding: 2px 10px 2px 0px;
}
.copyRight p span {
  font-weight: 600;
}
.srfLogoMenu {
  display: none;
  position: absolute;
  left: 10px;
  bottom: 26px;
}
.srfLogoMenu ion-img {
  width: 79px;
  height: auto;
}
.srfLogoMenu ion-img.selLogoMenu {
  width: 109px;
}
.srfLogoMenu ion-img.logoLight {
  display: block;
}
.srfLogoMenu ion-img.logoDark {
  display: none;
}
.copyRightMenu {
  display: none;
}
.copyRightMenu .copyRight p {
  text-align: center;
  padding: 2px 0px 2px 0px;
}
.payslipList .tableSection .tableData table tbody tr td:nth-child(2),
.payslipList .tableSection .tableData table tbody tr td:nth-child(6) {
  text-align: right;
}
.PayslipEPF .tableSection .tableData table tbody tr td:nth-child(2),
.PayslipEPF .tableSection .tableData table tbody tr td:nth-child(3),
.PayslipEPF .tableSection .tableData table tbody tr td:nth-child(4) {
  text-align: right;
}
.salaryAdvance .tableSection .tableData table tbody tr td:nth-child(3) {
  text-align: right;
}
.claimList .tableSection .tableData table tbody tr td:nth-child(2),
.claimList .tableSection .tableData table tbody tr td:nth-child(3),
.claimList .tableSection .tableData table tbody tr td:nth-child(4),
.claimList .tableSection .tableData table tbody tr td:nth-child(5) {
  text-align: right;
}
.claimList2 table tbody tr td:nth-child(2),
.claimList2 table tbody tr td:nth-child(3),
.claimList2 table tbody tr td:nth-child(4),
.claimList2 table tbody tr td:nth-child(5) {
  text-align: right;
}
.claimList3 .tableSection .tableData table tbody tr td:nth-child(6) {
  text-align: right;
}
.p-0 {
  padding: 0px;
}
@media only screen and (max-width: 768px) {
  ion-button {
    text-transform: capitalize;
  }
}
@media only screen and (max-width: 600px) {
  .header .container {
    transform: translate(0px, 0px);
  }
  .header ion-toolbar .headerSection .headerContent {
    gap: 7px;
  }
  .header ion-toolbar .headerSection .headerContent .menuIcon {
    line-height: 1;
    cursor: pointer;
  }
  .header ion-toolbar .headerSection .headerContent .sparshLogo {
    position: relative;
  }
  .header ion-toolbar .headerSection .headerContent .sparshLogo ion-img {
    width: 79px;
    height: auto;
  }
  .header ion-toolbar .headerSection .headerContent .profile {
    margin: 0px;
  }
  .header ion-toolbar .headerSection .headerContent .profile ion-img {
    width: 30px;
    height: 30px;
  }
  .header ion-toolbar .headerSection .headerContent .profile .profileDetail {
    display: none;
  }
  .popupDetail .popupContent ul.quickLink li {
    width: 48% !important;
  }
  ion-popover {
    --width: 300px;
  }
  ion-popover::part(content) {
    right: 2px !important;
  }
  .headerbreadcrumb {
    display: none;
  }
  .headerbreadcrumb p,
  .headerbreadcrumb .icon,
  .headerbreadcrumb .text {
    display: none !important;
  }
  .cardList ion-card ion-grid .cardData h4 {
    min-height: fit-content;
  }
  .cardList mat-paginator .mat-mdc-paginator-range-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .cardList mat-paginator .mat-mdc-paginator-range-actions .mat-mdc-paginator-range-label {
    width: 100%;
    text-align: right;
  }
  .cardList mat-paginator .mat-mdc-paginator-page-size {
    margin-bottom: 5px;
  }
  ion-segment ion-segment-button::part(indicator) {
    opacity: 0;
  }
  ion-segment.cab-booking ion-segment-button.segment-button-checked::part(indicator) {
    opacity: 1 !important;
  }
  ion-segment.custom-segment-tab ion-segment-button.segment-button-checked::part(indicator) {
    opacity: 1 !important;
  }
}
.pushNotification {
  display: none;
  position: absolute;
  z-index: 1;
}
.lopTableHeader {
  position: relative;
}
.lopTableHeader table {
  position: relative;
}
.lopTableHeader table thead tr th:last-child::before {
  content: "Apply";
}
ion-toast {
  --ion-safe-area-bottom: 19px;
}
ion-toast.srf-notice {
  --background: #ffffff;
  --color: #0f172a;
  --button-color: #0f172a;
  --border-radius: 14px;
  --box-shadow: 0 16px 34px rgba(2, 83, 138, 0.14);
  --max-width: min(92vw, 420px);
  --min-height: 56px;
  --border-color: #dbe2ea;
  border: 1px solid var(--border-color);
  font-family:
    "Instrument Sans",
    "Segoe UI",
    sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.mat-mdc-snack-bar-container.srf-notice {
  --mdc-snackbar-container-color: #ffffff;
  --mdc-snackbar-supporting-text-color: #0f172a;
  --mat-mdc-snack-bar-button-color: #0f172a;
  background: var(--mdc-snackbar-container-color);
  border: 1px solid #dbe2ea;
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(2, 83, 138, 0.14);
  overflow: hidden;
}
.mat-mdc-snack-bar-container.srf-notice .mdc-snackbar__surface {
  border-radius: inherit;
  background: var(--mdc-snackbar-container-color) !important;
  box-shadow: none;
  min-height: 56px;
  opacity: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.mat-mdc-snack-bar-container.srf-notice .mdc-snackbar__label {
  color: var(--mdc-snackbar-supporting-text-color) !important;
  font-family:
    "Instrument Sans",
    "Segoe UI",
    sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.mat-mdc-snack-bar-container.srf-notice .mdc-button__label {
  color: var(--mat-mdc-snack-bar-button-color) !important;
  font-weight: 700;
  letter-spacing: 0.02em;
}
ion-toast.srf-notice.srf-notice--info,
.mat-mdc-snack-bar-container.srf-notice.srf-notice--info {
  --border-color: rgba(2, 83, 138, 0.2);
}
ion-toast.srf-notice.srf-notice--success,
.mat-mdc-snack-bar-container.srf-notice.srf-notice--success {
  --background: #eefbf3;
  --color: #14532d;
  --button-color: #14532d;
  --mdc-snackbar-container-color: #eefbf3;
  --mdc-snackbar-supporting-text-color: #14532d;
  --mat-mdc-snack-bar-button-color: #14532d;
  --border-color: rgba(34, 197, 94, 0.34);
}
ion-toast.srf-notice.srf-notice--warning,
.mat-mdc-snack-bar-container.srf-notice.srf-notice--warning {
  --background: #fff8eb;
  --color: #7c2d12;
  --button-color: #7c2d12;
  --mdc-snackbar-container-color: #fff8eb;
  --mdc-snackbar-supporting-text-color: #7c2d12;
  --mat-mdc-snack-bar-button-color: #7c2d12;
  --border-color: rgba(245, 158, 11, 0.4);
}
ion-toast.srf-notice.srf-notice--danger,
.mat-mdc-snack-bar-container.srf-notice.srf-notice--danger {
  --background: #fff2f2;
  --color: #991b1b;
  --button-color: #991b1b;
  --mdc-snackbar-container-color: #fff2f2;
  --mdc-snackbar-supporting-text-color: #991b1b;
  --mat-mdc-snack-bar-button-color: #991b1b;
  --border-color: rgba(239, 68, 68, 0.34);
}
html.dark ion-toast.srf-notice,
.dark ion-toast.srf-notice {
  --background: #1b2130;
  --color: #e5e7eb;
  --button-color: #f3f4f6;
  --border-color: rgba(148, 163, 184, 0.34);
  --box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42);
}
html.dark .mat-mdc-snack-bar-container.srf-notice,
.dark .mat-mdc-snack-bar-container.srf-notice {
  --mdc-snackbar-container-color: #1b2130;
  --mdc-snackbar-supporting-text-color: #e5e7eb;
  --mat-mdc-snack-bar-button-color: #f3f4f6;
  border-color: rgba(148, 163, 184, 0.34);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.42);
}
.scroll::-webkit-scrollbar-track,
ion-segment::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar,
ion-segment::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #F5F5F5;
}
.scroll::-webkit-scrollbar-thumb,
ion-segment::-webkit-scrollbar-thumb {
  background-color: #1395d3;
}
.removeMenu .header ion-toolbar .headerSection .headerContent .menuIcon {
  display: none;
}
.removeMenu .sideNav {
  left: -270px !important;
}
.removeMenu .section .contentSection .content ion-app {
  width: calc(100% - 0px);
  left: 0;
}
swiper-container[slides-per-view=auto] swiper-slide {
  width: auto;
  margin: 0px 20px 0px 0px;
}
swiper-container[navigation=true]::part(container) {
  padding: 12px 0 25px 0;
}
swiper-container[navigation=true]::part(button-prev) {
  position: absolute;
  color: #1395d3;
  top: 20px;
  right: 39px;
  left: unset;
  width: auto;
  height: 17px;
  padding: 4px 10px;
  background-color: #fff;
}
swiper-container[navigation=true]::part(button-next) {
  position: absolute;
  color: #1395d3;
  top: 20px;
  right: 0px;
  width: auto;
  height: 17px;
  padding: 4px 10px;
  background-color: #fff;
}
[kendowatermarkoverlay] {
  display: none;
}
@media only screen and (min-width: 768px) {
  app-vec-dashboard img {
    height: 75px;
  }
}
.apexcharts-legend {
  top: -5px !important;
}
app-claim-vec ion-content::part(background) {
  background: var(--backgroundColor1);
}
app-add-new-bill ion-content::part(background) {
  background: var(--backgroundColor1);
}
app-add-new-bill ion-content::part(scroll) {
  height: 93vh;
}
app-past-claims .apexcharts-legend {
  margin-top: -82px !important;
}
.bg-white {
  background-color: #ffffff;
}
.shadow-bottom {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-top {
  box-shadow: 0 -4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-right {
  box-shadow: 4px 0px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-left {
  box-shadow: -4px 0px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.shadow-inset {
  box-shadow: inset 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}
.footer-buttons {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 99%;
}
blockquote {
  margin-left: 1rem;
  border-left: 3px solid #666666;
  padding-left: 1rem;
  background-color: #ffffff;
  color: #666666;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
ion-toolbar {
  --box-shadow: none !important;
}
ion-header {
  --background: transparent !important;
  --box-shadow: none !important;
}
.car-icon {
  background-image: url("./media/car-A6S2I3JG.png");
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #2766ea !important;
  color: #ffffff !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  color: #2766ea !important;
}
.tabs-badge {
  top: 10px;
  font-size: 12px;
  padding: 4px 7px;
}
.tabs-badge-2 {
  left: 85px;
  top: 10px;
  font-size: 13px;
  padding: 4px 6px;
}
ion-tab-button {
  position: relative;
}
.add-more-bills-icon {
  border: 1px solid #b9b9b9;
  padding: 1rem;
  border-radius: 0.3rem;
}
.ng-select .ng-select-container:after {
  border-bottom: thin solid rgba(0, 0, 0, 0.13) !important;
}
app-date-common {
  display: flex;
  align-items: center;
  background-color: transparent;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  height: 34px;
  width: 130px;
  font-size: 13px;
}
html.dark app-date-common {
  background-color: transparent;
}
.user-select-footer {
  position: fixed;
  bottom: 15px;
  right: 15px;
}
blockquote {
  width: 99%;
}
section.notification-list {
  position: fixed;
  z-index: 99999;
  background: var(--srf-popover-bg, #fff);
  right: 0;
  left: 0;
  height: 100vh;
}
section.notification-list .unread {
  background-color: #E2E8F0;
  color: #4A576A;
}
section.notification-list .dot {
  height: 5px;
  width: 5px;
  background-color: #2E70E8;
  border-radius: 50%;
  display: inline-block;
}
section.notification-list .color-lighter {
  color: #334155;
}
app-skeleton-loading {
  background: var(--srf-popover-bg, #fff);
  z-index: 999;
  left: 0;
  right: 0;
}
.text-primary {
  color: #fe792c;
}
.bg-primary {
  background-color: #fe792c;
}
.bg-primary-lite {
  background-color: #f9e5d7;
}
.bg-secondary {
  color: #2766ea;
}
.bg-secondary-lite {
  background-color: #e1f5fe;
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: #2766ea !important;
}
.swal2-container {
  z-index: 100001 !important;
}
body.swal2-shown > .swal2-container {
  z-index: 100001 !important;
}
.swal2-popup {
  z-index: 100002 !important;
}
div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 1.375em !important;
  color: #2766ea !important;
}
.stay-swal-popup {
  border-radius: 18px !important;
  padding: 24px 20px !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18) !important;
}
.stay-swal-title {
  font-family:
    "Plus Jakarta Sans",
    "Instrument Sans",
    sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #1a1d26 !important;
}
.stay-swal-confirm {
  background: #f97316 !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  padding: 10px 24px !important;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25) !important;
  transition: background 0.15s ease !important;
}
.stay-swal-confirm:hover,
.stay-swal-confirm:focus {
  background: #ea580c !important;
}
.stay-swal-cancel {
  background: transparent !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 12px !important;
  color: #6b7280 !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  padding: 10px 24px !important;
  transition: all 0.15s ease !important;
}
.stay-swal-cancel:hover,
.stay-swal-cancel:focus {
  background: #f3f4f6 !important;
  color: #374151 !important;
  border-color: #9ca3af !important;
}
.stay-swal-popup--dark {
  background: #1e2130 !important;
  border: 1px solid #2d3148 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6) !important;
}
.stay-swal-popup--dark .stay-swal-title,
.stay-swal-popup--dark .swal2-title {
  color: #f1f5f9 !important;
}
.stay-swal-popup--dark .swal2-html-container {
  color: #cbd5e1 !important;
}
.stay-swal-popup--dark .swal2-icon.swal2-warning {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}
.stay-swal-popup--dark .stay-swal-confirm {
  background: #f97316 !important;
  box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35) !important;
}
.stay-swal-popup--dark .stay-swal-confirm:hover,
.stay-swal-popup--dark .stay-swal-confirm:focus {
  background: #ea580c !important;
}
.stay-swal-popup--dark .stay-swal-cancel {
  background: transparent !important;
  border-color: #3a405d !important;
  color: #d1d5db !important;
}
.stay-swal-popup--dark .stay-swal-cancel:hover,
.stay-swal-popup--dark .stay-swal-cancel:focus {
  background: #262b42 !important;
  color: #f3f4f6 !important;
  border-color: #4b5563 !important;
}
html.dark div:where(.swal2-container) h2:where(.swal2-title) {
  color: #f1f5f9 !important;
}
.srf-ion-toast {
  --border-radius: 14px;
  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  font-family: var(--srf-font-body, "Instrument Sans", sans-serif);
  font-weight: 600;
  font-size: 0.8125rem;
}
html.dark .srf-ion-toast,
.dark .srf-ion-toast {
  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
ion-modal .srf-cancel-alert,
ion-modal .fts-cancel-alert {
  margin-bottom: 1.25rem;
  padding: 1rem;
  border-radius: 0.75rem;
  border: 1px solid #fcd34d;
  background: #fffbeb;
}
ion-modal .srf-cancel-alert__icon,
ion-modal .fts-cancel-alert__icon {
  color: #d97706;
}
ion-modal .srf-cancel-alert__text,
ion-modal .fts-cancel-alert__text {
  color: #374151;
}
html.dark ion-modal .srf-cancel-alert,
.dark ion-modal .srf-cancel-alert,
html.dark ion-modal .fts-cancel-alert,
.dark ion-modal .fts-cancel-alert {
  border-color: rgba(245, 158, 11, 0.42) !important;
  background: rgba(120, 53, 15, 0.34) !important;
}
html.dark ion-modal .srf-cancel-alert__icon,
.dark ion-modal .srf-cancel-alert__icon,
html.dark ion-modal .fts-cancel-alert__icon,
.dark ion-modal .fts-cancel-alert__icon {
  color: #fbbf24 !important;
}
html.dark ion-modal .srf-cancel-alert__text,
.dark ion-modal .srf-cancel-alert__text,
html.dark ion-modal .fts-cancel-alert__text,
.dark ion-modal .fts-cancel-alert__text {
  color: #fde68a !important;
}
ion-modal.center-cancel-modal,
ion-modal.cancel-confirm-modal {
  --width: 90%;
  --max-width: 400px;
  --height: auto;
  --max-height: 80vh;
  --border-radius: 16px;
  --box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
}
.dark ion-modal.center-cancel-modal,
.dark ion-modal.cancel-confirm-modal {
  --box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 800px) {
  app-breadcrumb {
    display: none;
  }
}
.count-badge {
  background-color: #f2ebe8;
  color: #000000;
  border-radius: 9999px;
  font-weight: 500;
  text-align: center;
  font-size: 0.75rem;
  margin-bottom: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.count-badge.active {
  background-color: #caddff;
  color: #2766ea;
}
ui5-carousel::part(item) {
  padding: 0;
}
.popUpContainer {
  position: relative;
}
.popUpContainer .popupHeader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #efefef;
  padding: 10px;
}
.popUpContainer .popupHeader .popupStatus {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.popUpContainer .popupHeader h2 {
  margin: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0px 9px 0px 0px;
}
.popUpContainer .popupHeader .documentActions {
  margin: 0px 40px 0px 0px;
  float: right;
}
.popUpContainer .popupHeader .documentActions button {
  margin: 0px 0px 0px 12px;
}
.popUpContainer .popupHeader .documentActions button mat-icon {
  transform: translate(-3px, -2px);
}
.popUpContainer .popupHeader .documentActions .mat-slide-toggle {
  font-weight: 600;
}
.popUpContainer .popupHeader .documentActions .statusButton {
  position: relative;
  margin: 0px 0px 0px 12px;
}
.popUpContainer .popupHeader .documentActions .statusButton mat-button-toggle.mat-button-toggle-checked[value=A] {
  background-color: #009d3e;
  color: #fff;
}
.popUpContainer .popupHeader .documentActions .statusButton mat-button-toggle.mat-button-toggle-checked[value=N] {
  background-color: #ff0000;
  color: #fff;
}
.popUpContainer .popupHeader .documentActions .statusButton button {
  margin: 0px;
}
.popUpContainer .popupHeader .documentActions .statusButton button span {
  line-height: 32px;
}
.popUpContainer .popupHeader span.status {
  color: #ff9800;
  font-size: 13px;
  font-weight: 600;
  border-radius: 4px;
  padding: 2px 10px 3px;
  margin: 2px 0px 0px 9px;
  background-color: rgba(255, 152, 0, 0.12);
}
.popUpContainer .popupHeader span.status1 {
  color: #4caf50;
  background-color: rgba(76, 175, 80, 0.16);
}
.popUpContainer .popupHeader span.status2 {
  color: #3f51b5;
  background-color: rgba(63, 81, 181, 0.16);
}
.popUpContainer .popupHeader span.status3 {
  color: #2196f3;
  background-color: rgba(33, 150, 243, 0.16);
}
.popUpContainer .popupHeader span.status4 {
  color: #f44336;
  background-color: rgba(244, 67, 54, 0.16);
}
.popUpContainer .popupHeader .close-button {
  position: absolute;
  top: 27px;
  right: 0px;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  transform: translate(0px, -50%);
}
.popUpContainer .popupHeader .close-button:hover {
  background: none;
}
.popUpContainer .popupHeader .close-button:hover mat-icon {
  color: #fff;
  background: #f44336;
  border-radius: 4px;
}
.popUpContainer .popupHeader .close-button mat-icon {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 39px;
  height: 30px;
}
.popUpContainer .formFieldSection {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 16px 10px;
  margin: 0px 0px 12px;
}
.popUpContainer .formFieldSection h3 {
  width: 100%;
  margin: 0px 0px 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.popUpContainer .formFieldSection .formFieldContent {
  width: 240px;
  min-width: 240px;
  padding: 0px 6px 0px 0px;
  margin: 0px 0px 6px;
}
.popUpContainer .formFieldSection .formFieldContent h4 {
  margin: 0px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  padding: 0px;
}
.popUpContainer .formFieldSection .formFieldContent h4 span {
  font-size: x-small;
}
.popUpContainer .formFieldSection .formFieldContent p {
  color: #424242;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0px;
  margin: 0px;
}
.popUpContainer .formFieldSection .formFieldContentColumn {
  min-width: 485px;
}
.popupDesign {
  position: relative;
}
.popupDesign mat-dialog-container {
  position: relative;
}
.popupDesign mat-dialog-container .popupHeader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background-color: white;
  padding: 10px;
}
.popupDesign mat-dialog-container .popupHeader h2,
.popupDesign mat-dialog-container .popupHeader h4 {
  margin: 0px;
  font-size: 16px;
}
.popupDesign mat-dialog-container .popupHeader::before {
  display: none;
}
.popupDesign mat-dialog-container .popupHeader .popCloseBtn {
  width: 34px;
  height: 34px;
  padding: 0;
}
.popupDesign mat-dialog-container .popupHeader .popCloseBtn mat-icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
  line-height: 30px;
  color: #eb445a;
  cursor: pointer;
}
.popupDesign mat-dialog-container .mat-mdc-dialog-title.popup-title-shadow {
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2705882353);
}
.popupDesign mat-dialog-container .popupBodyOverflowHidden {
  position: relative;
  min-height: 91vh;
  padding-top: 5px;
  padding: 10px;
  padding-left: 0;
  padding-right: 0;
  background-color: #e5e5e5;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.popupDesign mat-dialog-container .popupBody {
  position: relative;
  min-height: 91vh;
  padding-top: 5px;
  padding: 10px;
  padding-left: 0;
  padding-right: 0;
  background-color: #e5e5e5;
  padding-top: 0;
  padding-bottom: 0;
  overflow-x: hidden;
}
.popupDesign mat-dialog-container mat-dialog-actions.popup-footer-shadow {
  box-shadow: 0 -5px 6px -6px rgba(0, 0, 0, 0.2705882353);
}
.emi-list-table .tableSection .tableData {
  max-height: 65vh;
}
.emi-list-table .tableSection .tableData table tbody tr {
  height: 45px;
}
.emi-payment-list-table .tableSection .tableData {
  max-height: 75vh;
}
.emi-payment-list-table .tableSection .tableData table tbody tr {
  height: 45px;
}
app-image-cirlce img,
app-image-cirlce video {
  max-width: 100%;
  height: 100%;
}
:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,
:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,
:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon {
  border-inline-start: #ffffff !important;
}
.custom-globe-button ion-icon {
  color: rgb(182, 40, 40) !important;
  background-color: #f5f5f5 !important;
}
.custom-calendar-button ion-icon {
  color: rgb(182, 40, 111) !important;
  background-color: #f5f5f5 !important;
}
.custom-document-button ion-icon {
  color: rgb(137, 40, 182) !important;
  background-color: #f5f5f5 !important;
}
.custom-card-button ion-icon {
  color: rgb(182, 104, 31) !important;
  background-color: #f5f5f5 !important;
}
.custom-home-button ion-icon {
  color: rgb(31, 104, 31) !important;
  background-color: #f5f5f5 !important;
}
.custom-time-button ion-icon {
  color: rgb(18, 121, 139) !important;
  background-color: #f5f5f5 !important;
}
.loan-card-listing {
  position: relative;
}
.loan-card-listing .badge-label {
  line-height: 1.2;
  font-size: 13px;
  color: #737373;
}
.loan-card-listing h5 {
  margin: 0 0 3px 0;
  padding: 0;
  line-height: 1.2;
  font-size: 13px;
  color: #737373;
}
.loan-card-listing p {
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-size: 14px;
  color: #000000;
}
.loan-card-listing .link {
  color: #005a9e;
  cursor: pointer;
}
ion-card {
  box-shadow:
    0 1px 1px hsla(0, 0%, 0%, 0.075),
    0 2px 2px hsla(0, 0%, 0%, 0.075),
    0 4px 4px hsla(0, 0%, 0%, 0.075),
    0 8px 8px hsla(0, 0%, 0%, 0.075),
    0 16px 16px hsla(0, 0%, 0%, 0.075);
}
.custom-popover-menu {
  --width: 400px !important;
}
.linkText {
  color: #007EFF !important;
  cursor: pointer;
}
ion-title.ios {
  padding-left: 20px;
  padding-right: 20px;
}
ion-title.md {
  padding-left: 20px;
  padding-right: 20px;
}
.srf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.625rem 1.25rem;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  outline: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.srf-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.srf-btn {
}
.srf-btn--primary {
  background:
    linear-gradient(
      135deg,
      var(--srf-brand-orange, #f97316) 0%,
      #ea580c 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.25);
}
.srf-btn--primary:hover {
  background:
    linear-gradient(
      135deg,
      #ea580c 0%,
      #c2410c 100%);
  box-shadow: 0 4px 14px rgba(249, 115, 22, 0.35);
  transform: translateY(-1px);
}
.srf-btn--primary:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(249, 115, 22, 0.2);
}
.srf-btn {
}
.srf-btn--outline {
  background: transparent;
  color: var(--srf-popover-text, #374151);
  border: 1.5px solid var(--srf-popover-border, #d1d5db);
}
.srf-btn--outline:hover {
  background: var(--srf-popover-hover-bg, #f3f4f6);
  border-color: var(--srf-popover-text-muted, #9ca3af);
}
.srf-btn--outline:active {
  background: var(--srf-popover-border, #e5e7eb);
}
.srf-btn {
}
.srf-btn--danger {
  background:
    linear-gradient(
      135deg,
      #ef4444 0%,
      #dc2626 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.25);
}
.srf-btn--danger:hover {
  background:
    linear-gradient(
      135deg,
      #dc2626 0%,
      #b91c1c 100%);
  box-shadow: 0 4px 14px rgba(239, 68, 68, 0.35);
  transform: translateY(-1px);
}
.srf-btn--danger:active {
  transform: translateY(0);
}
.srf-btn {
}
.srf-btn--success {
  background:
    linear-gradient(
      135deg,
      #10b981 0%,
      #059669 100%);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.25);
}
.srf-btn--success:hover {
  background:
    linear-gradient(
      135deg,
      #059669 0%,
      #047857 100%);
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
  transform: translateY(-1px);
}
.srf-btn--success:active {
  transform: translateY(0);
}
.srf-btn {
}
.srf-btn--ghost {
  background: transparent;
  color: var(--srf-primary, #0b66c3);
}
.srf-btn--ghost:hover {
  background: rgba(11, 102, 195, 0.08);
}
.srf-btn--ghost:active {
  background: rgba(11, 102, 195, 0.14);
}
.srf-btn {
}
.srf-btn--sm {
  padding: 0.375rem 0.875rem;
  font-size: 0.8125rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
}
.srf-btn--lg {
  padding: 0.75rem 1.5rem;
  font-size: 0.9375rem;
  border-radius: 0.875rem;
}
.srf-btn {
}
.srf-btn--block {
  width: 100%;
}
.srf-textarea {
  --background: var(--srf-popover-bg, #ffffff);
  --color: var(--srf-popover-text, #374151);
  --placeholder-color: var(--srf-popover-text-muted, #9ca3af);
  --border-color: var(--srf-popover-border, #d1d5db);
  --border-radius: 0.75rem;
  --padding-start: 0.875rem;
  --padding-end: 0.875rem;
  --padding-top: 0.75rem;
  --padding-bottom: 0.75rem;
  border: 1.5px solid var(--srf-popover-border, #d1d5db);
  border-radius: 0.75rem;
  transition: border-color 0.2s ease;
}
.srf-textarea:focus-within {
  border-color: var(--srf-primary, #0b66c3);
  box-shadow: 0 0 0 3px rgba(11, 102, 195, 0.1);
}
ion-modal.ion-datetime-button-overlay {
  --width: fit-content;
  --min-width: 290px;
  --max-width: 360px;
  --height: auto;
  --max-height: 90dvh;
  --border-radius: 16px;
  --box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14);
  --ion-color-primary: #f97316;
  --ion-color-primary-rgb:
    249,
    115,
    22;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-shade: #d97706;
  --ion-color-primary-tint: #fb923c;
  align-items: center;
  justify-content: center;
}
ion-modal.ion-datetime-button-overlay::part(content) {
  border-radius: 16px;
}
ion-modal.ion-datetime-button-overlay::part(backdrop) {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
ion-modal.ion-datetime-button-overlay ion-datetime {
  width: 320px;
  --background: #ffffff;
  --background-rgb:
    255,
    255,
    255;
  --title-color: #111827;
  --color: #111827;
}
html.dark ion-modal.ion-datetime-button-overlay {
  --box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
}
html.dark ion-modal.ion-datetime-button-overlay::part(content) {
  background: #111827;
}
html.dark ion-modal.ion-datetime-button-overlay ion-datetime {
  --background: #111827;
  --background-rgb:
    17,
    24,
    39;
  --title-color: #f3f4f6;
  --color: #f3f4f6;
  --wheel-fade-background-rgb:
    17,
    24,
    39;
  --wheel-highlight-background: #1f2937;
  --border-color: #2d3148;
}
html.dark .swal2-container {
  z-index: 100001 !important;
}
html.dark .swal2-container.swal2-backdrop-show,
html.dark .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.75) !important;
}
html.dark .swal2-container .swal2-popup {
  z-index: 100002 !important;
  background: #1e2130 !important;
  border: 1px solid #2d3148 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6) !important;
  color: #e2e8f0 !important;
}
html.dark .swal2-container .swal2-popup.swal2-icon-success {
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html.dark .swal2-container .swal2-popup.swal2-icon-warning {
  border-color: rgba(245, 158, 11, 0.3) !important;
}
html.dark .swal2-container .swal2-popup.swal2-icon-error {
  border-color: rgba(239, 68, 68, 0.3) !important;
}
html.dark .swal2-container .swal2-popup.swal2-icon-info,
html.dark .swal2-container .swal2-popup.swal2-icon-question {
  border-color: rgba(59, 130, 246, 0.3) !important;
}
html.dark .swal2-container .swal2-title {
  color: #f1f5f9 !important;
}
html.dark .swal2-container .swal2-html-container {
  color: #cbd5e1 !important;
}
html.dark .swal2-container .swal2-close {
  color: #94a3b8 !important;
}
html.dark .swal2-container .swal2-close:hover {
  color: #f1f5f9 !important;
}
html.dark .swal2-container .swal2-validation-message {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
}
html.dark .swal2-container .swal2-input,
html.dark .swal2-container .swal2-textarea,
html.dark .swal2-container .swal2-select,
html.dark .swal2-container .swal2-file {
  background: #252840 !important;
  border-color: #3d415e !important;
  color: #e2e8f0 !important;
}
html.dark .swal2-container .swal2-input:focus,
html.dark .swal2-container .swal2-textarea:focus,
html.dark .swal2-container .swal2-select:focus,
html.dark .swal2-container .swal2-file:focus {
  border-color: var(--srf-blue, #02538a) !important;
  box-shadow: 0 0 0 3px rgba(2, 83, 138, 0.25) !important;
}
html.dark .swal2-container .swal2-input::placeholder,
html.dark .swal2-container .swal2-textarea::placeholder,
html.dark .swal2-container .swal2-select::placeholder,
html.dark .swal2-container .swal2-file::placeholder {
  color: #64748b !important;
}
html.dark .swal2-container .swal2-progress-steps .swal2-progress-step {
  background: var(--srf-blue, #02538a) !important;
}
html.dark .swal2-container .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: var(--srf-orange, #f97316) !important;
}
html.dark .swal2-container .swal2-progress-steps .swal2-progress-step-line {
  background: #3d415e !important;
}
html.dark .swal2-container .swal2-icon.swal2-success {
  border-color: #10b981 !important;
  color: #10b981 !important;
}
html.dark .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #10b981 !important;
}
html.dark .swal2-container .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(16, 185, 129, 0.3) !important;
}
html.dark .swal2-container .swal2-icon.swal2-error {
  border-color: #ef4444 !important;
  color: #ef4444 !important;
}
html.dark .swal2-container .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  background-color: #ef4444 !important;
}
html.dark .swal2-container .swal2-icon.swal2-warning {
  border-color: #f59e0b !important;
  color: #f59e0b !important;
}
html.dark .swal2-container .swal2-icon.swal2-info,
html.dark .swal2-container .swal2-icon.swal2-question {
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
}
html.dark .swal2-container .swal2-loader {
  border-color: var(--srf-blue, #02538a) transparent var(--srf-blue, #02538a) transparent !important;
}
html.dark .swal2-container .swal2-image {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  margin-top: 0.5em;
}
.swal2-container.uk-swal-container {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.swal2-container .uk-swal-popup {
  border-radius: 28px !important;
  border: 1px solid transparent !important;
  box-shadow: 0 32px 90px rgba(15, 23, 42, 0.24) !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-family: var(--srf-font-body, "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
}
.swal2-container .uk-swal-popup .swal2-title,
.swal2-container .uk-swal-popup .uk-swal-title {
  padding: 28px 32px 0 !important;
  font-size: clamp(1.3rem, 2vw, 1.75rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em;
  text-align: left !important;
}
.swal2-container .uk-swal-popup .swal2-html-container,
.swal2-container .uk-swal-popup .uk-swal-html-container {
  margin: 0 !important;
  padding: 14px 32px 32px !important;
  text-align: left !important;
}
.swal2-container .uk-swal-popup .swal2-actions {
  margin: 0 !important;
  padding: 0 32px 32px !important;
  justify-content: flex-end !important;
  gap: 12px;
}
.swal2-container .uk-swal-popup .swal2-styled.uk-swal-confirm,
.swal2-container .uk-swal-popup .swal2-styled.uk-swal-cancel {
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  padding: 0.78rem 1.2rem !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.swal2-container .uk-swal-popup .swal2-styled.uk-swal-confirm:focus,
.swal2-container .uk-swal-popup .swal2-styled.uk-swal-cancel:focus {
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.18) !important;
}
.swal2-container .uk-swal-popup .swal2-close {
  top: 14px !important;
  right: 14px !important;
  border-radius: 999px !important;
  transition: background-color 160ms ease, color 160ms ease;
}
.swal2-container .uk-swal-popup .swal2-close:hover {
  background: rgba(148, 163, 184, 0.18) !important;
}
.swal2-container .uk-swal-popup .swal2-icon {
  margin: 28px auto 0 32px !important;
}
.swal2-container .uk-swal-popup .uk-swal-slot {
  display: grid;
  gap: 18px;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light {
  background:
    linear-gradient(
      180deg,
      #ffffff,
      #f8fafc) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #0f172a !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .swal2-title,
.swal2-container .uk-swal-popup.uk-swal-popup--light .uk-swal-title {
  color: #0f172a !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .swal2-html-container,
.swal2-container .uk-swal-popup.uk-swal-popup--light .uk-swal-html-container {
  color: #475569 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .swal2-styled.uk-swal-confirm {
  background:
    linear-gradient(
      135deg,
      #f97316,
      #fb923c) !important;
  color: #fff7ed !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .swal2-styled.uk-swal-cancel {
  background: #ffffff !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  color: #334155 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .swal2-close {
  color: #64748b !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark {
  background:
    linear-gradient(
      180deg,
      #111827,
      #0f172a) !important;
  border-color: rgba(71, 85, 105, 0.54) !important;
  color: #e2e8f0 !important;
  box-shadow: 0 32px 90px rgba(2, 6, 23, 0.58) !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .swal2-title,
.swal2-container .uk-swal-popup.uk-swal-popup--dark .uk-swal-title {
  color: #f8fafc !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .swal2-html-container,
.swal2-container .uk-swal-popup.uk-swal-popup--dark .uk-swal-html-container {
  color: #cbd5e1 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .swal2-styled.uk-swal-confirm {
  background:
    linear-gradient(
      135deg,
      #fb923c,
      #f97316) !important;
  color: #fff7ed !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .swal2-styled.uk-swal-cancel {
  background: rgba(15, 23, 42, 0.85) !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
  color: #e2e8f0 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .swal2-close {
  color: #94a3b8 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--loader .swal2-title {
  padding-bottom: 6px !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--loader .swal2-html-container {
  padding-top: 0 !important;
}
.swal2-container .uk-swal-popup .uk-swal-loader-copy {
  max-width: 28ch;
  font-size: 0.98rem;
  line-height: 1.65;
}
.swal2-container .uk-swal-popup.uk-swal-popup--light .uk-swal-loader-copy {
  color: #475569 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .uk-swal-loader-copy {
  color: #cbd5e1 !important;
}
.swal2-container .uk-swal-popup.uk-swal-popup--dark .uk-swal-item-card {
  --uk-swal-card-bg: rgba(30, 41, 59, 0.85);
  --uk-swal-card-border: rgba(71, 85, 105, 0.5);
  --uk-swal-card-label: #94a3b8;
  --uk-swal-card-value: #f1f5f9;
}
.anb-month-picker-popup {
  width: min(760px, 100vw - 32px) !important;
  border-radius: 20px !important;
  padding: 24px 20px !important;
  background: #ffffff !important;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.18) !important;
}
.anb-month-picker-popup .anb-month-picker-title {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #0f172a;
}
.anb-month-picker-popup .anb-month-picker-html {
  overflow: visible !important;
}
.anb-month-picker-popup .anb-month-picker-confirm {
  background:
    linear-gradient(
      180deg,
      #2563eb 0%,
      #1d4ed8 100%);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 10px 32px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.15s ease;
}
.anb-month-picker-popup .anb-month-picker-confirm:hover {
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}
.anb-month-picker-popup .anb-month-picker-shell {
  text-align: left;
}
.anb-month-picker-popup .anb-month-picker-subtitle {
  font-size: 0.82rem;
  color: #64748b;
  margin: 0 0 12px;
  font-weight: 500;
}
.anb-month-picker-popup .anb-month-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
  gap: 12px;
  padding-top: 4px;
}
.anb-month-picker-popup .anb-month-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 118px;
  padding: 14px 8px 10px;
  border-radius: 12px;
  border: 2px solid #cbd5e1;
  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%);
  color: #0f172a;
  font-size: 0.95rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
  overflow: hidden;
}
.anb-month-picker-popup .anb-month-card:not(.events-disabled):hover {
  transform: translateY(-2px);
  border-color: #94a3b8;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}
.anb-month-picker-popup .anb-month-card.active {
  border-color: #2563eb;
  background:
    linear-gradient(
      180deg,
      #2563eb 0%,
      #1d4ed8 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.26);
}
.anb-month-picker-popup .anb-month-card.active .anb-month-card__amount {
  color: rgba(255, 255, 255, 0.85);
}
.anb-month-picker-popup .anb-month-card.active .anb-month-card__year {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.14);
  color: #dbeafe;
}
.anb-month-picker-popup .anb-month-card.events-disabled {
  opacity: 0.45;
  filter: saturate(0.8);
  pointer-events: none;
}
.anb-month-picker-popup .anb-month-card__amount {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
  margin-top: 4px;
}
.anb-month-picker-popup .anb-month-card__year {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  font-size: 0.68rem;
  font-weight: 600;
  border-radius: 6px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #1d4ed8;
}
.anb-month-picker-popup .ribbon {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 75px;
  height: 75px;
  overflow: hidden;
}
.anb-month-picker-popup .ribbon span {
  position: absolute;
  display: block;
  width: 100px;
  padding: 3px 0;
  background-color: #16a34a;
  color: #fff;
  font-size: 0.55rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-45deg);
  top: 16px;
  left: -22px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.anb-month-picker-popup .d-none {
  display: none !important;
}
html.dark .anb-month-picker-popup {
  background: #111827 !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}
html.dark .anb-month-picker-popup .anb-month-picker-title {
  color: #f1f5f9;
}
html.dark .anb-month-picker-popup .anb-month-picker-subtitle {
  color: #94a3b8;
}
html.dark .anb-month-picker-popup .anb-month-picker-confirm {
  background:
    linear-gradient(
      180deg,
      #2563eb 0%,
      #1e40af 100%);
}
html.dark .anb-month-picker-popup .anb-month-picker-confirm:hover {
  box-shadow: 0 8px 20px rgba(30, 64, 175, 0.5);
}
html.dark .anb-month-picker-popup .anb-month-card {
  border-color: #334155;
  background:
    linear-gradient(
      180deg,
      #111827 0%,
      #1f2937 100%);
  color: #e5e7eb;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32);
}
html.dark .anb-month-picker-popup .anb-month-card:not(.events-disabled):hover {
  border-color: #64748b;
  box-shadow: 0 14px 30px rgba(2, 6, 23, 0.45);
}
html.dark .anb-month-picker-popup .anb-month-card.active {
  border-color: #60a5fa;
  background:
    linear-gradient(
      180deg,
      #1d4ed8 0%,
      #1e40af 100%);
  color: #eff6ff;
  box-shadow: 0 16px 34px rgba(30, 64, 175, 0.42);
}
html.dark .anb-month-picker-popup .anb-month-card.active .anb-month-card__amount {
  color: rgba(239, 246, 255, 0.8);
}
html.dark .anb-month-picker-popup .anb-month-card.active .anb-month-card__year {
  border-color: rgba(191, 219, 254, 0.28);
  background: rgba(219, 234, 254, 0.14);
  color: #eff6ff;
}
html.dark .anb-month-picker-popup .anb-month-card.events-disabled {
  opacity: 0.38;
}
html.dark .anb-month-picker-popup .anb-month-card__amount {
  color: #94a3b8;
}
html.dark .anb-month-picker-popup .anb-month-card__year {
  border-color: rgba(96, 165, 250, 0.25);
  background: rgba(30, 41, 59, 0.92);
  color: #bfdbfe;
}
html.dark .anb-month-picker-popup .ribbon span {
  background-color: #15803d;
  color: #f0fdf4;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28);
}
.msm-body {
  padding: 12px 12px 32px;
}
.msm-body .section-heading {
  margin: 16px 4px 8px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8594aa;
}
.msm-body .card {
  background: #ffffff;
  border-radius: 16px;
  border: 1px solid #edf1f8;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
  margin-bottom: 4px;
  overflow: hidden;
}
.msm-body .cardData {
  padding: 10px 4px 6px;
}
.msm-body .cardData p {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a97ab;
  margin: 0 0 3px;
}
.msm-body .cardData h4 {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1e2d45;
  margin: 0;
  line-height: 1.35;
  overflow-wrap: break-word;
  word-break: break-word;
}
.msm-body ion-col {
  border-bottom: 1px solid #f1f4fb;
}
html.dark .msm-hero {
  background:
    linear-gradient(
      135deg,
      rgba(249, 115, 22, 0.09) 0%,
      rgba(255, 255, 255, 0) 60%);
  border-bottom-color: #2d3750;
}
html.dark .msm-hero small {
  color: #ff9a56 !important;
}
html.dark .msm-hero h2 {
  color: #e5ecff !important;
}
html.dark .msm-hero p {
  color: #9fb0cd !important;
}
html.dark .mobile-section-modal__content {
  --background: #101726;
  --color: #dde6f8;
}
html.dark .mobile-section-modal__header ion-toolbar {
  --background: #161c2b;
  --border-color: #2d3750;
  --color: #e5ecff;
}
html.dark .msm-body .section-heading {
  color: #94a3b8;
}
html.dark .msm-body .card {
  background: #161c2b !important;
  border-color: #2d3750 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
html.dark .msm-body .cardData p {
  color: #7b8ba3 !important;
}
html.dark .msm-body .cardData h4 {
  color: #dde6f8 !important;
}
html.dark .msm-body ion-col {
  border-bottom-color: #222c3f !important;
}
.sparsh-panel-medium-right .mat-mdc-dialog-container,
.sparsh-panel-small-right .mat-mdc-dialog-container {
  border-radius: 1.25rem 0 0 1.25rem;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.08), -2px 0 8px rgba(0, 0, 0, 0.04);
  padding: 0;
  overflow: hidden;
}
.dark .sparsh-panel-medium-right .mat-mdc-dialog-container,
.dark .sparsh-panel-small-right .mat-mdc-dialog-container {
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.32), -2px 0 8px rgba(0, 0, 0, 0.18);
}
.ion-header-web {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--ion-background-color, #fff);
}
.dark .ion-header-web {
  background: var(--ion-background-color, #1a1d2a);
}
.ion-content-web {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ion-footer-web {
  flex-shrink: 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
  background: var(--ion-background-color, #fff);
}
.dark .ion-footer-web {
  background: var(--ion-background-color, #1a1d2a);
}
.sparsh-panel-medium-right .mat-mdc-dialog-surface,
.sparsh-panel-small-right .mat-mdc-dialog-surface {
  display: flex !important;
  flex-direction: column !important;
  max-height: 100vh;
}
.dark .file-viewer-dialog .mat-mdc-dialog-surface {
  background: #1a1d2a !important;
  color: #e8eaf0 !important;
  --mdc-dialog-subhead-color: #e8eaf0;
  --mat-dialog-subhead-color: #e8eaf0;
}
.dark .file-viewer-dialog .mat-mdc-dialog-title,
.dark .file-viewer-dialog .mdc-dialog__title {
  color: #e8eaf0 !important;
}
.dark .file-viewer-dialog .mat-mdc-dialog-content {
  background: #0f1117;
  color: #e8eaf0;
}
.file-viewer-lightbox .mat-mdc-dialog-container,
.file-viewer-lightbox .mat-mdc-dialog-surface {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}
.file-viewer-lightbox .mat-mdc-dialog-content {
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
}
.file-viewer-lightbox .mat-mdc-dialog-title {
  padding: 0 !important;
  margin: 0 !important;
}
.file-viewer-lightbox .mat-mdc-dialog-title::before {
  display: none !important;
}
.fs-12p {
  font-size: 12px !important;
}
.after\:absolute::after {
  content: var(--tw-content);
  position: absolute;
}
.after\:left-\[2px\]::after {
  content: var(--tw-content);
  left: 2px;
}
.after\:top-\[2px\]::after {
  content: var(--tw-content);
  top: 2px;
}
.after\:h-4::after {
  content: var(--tw-content);
  height: 1rem;
}
.after\:w-4::after {
  content: var(--tw-content);
  width: 1rem;
}
.after\:rounded-full::after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:bg-white::after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.after\:transition-all::after {
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.after\:content-\[\'\'\]::after {
  --tw-content: "";
  content: var(--tw-content);
}
.last\:border-r-0:last-child {
  border-right-width: 0px;
}
.focus-within\:border-\[\#f97316\]\/50:focus-within {
  border-color: rgb(249 115 22 / 0.5);
}
.focus-within\:ring-2:focus-within {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-\[\#f97316\]\/30:focus-within {
  --tw-ring-color: rgb(249 115 22 / 0.3);
}
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-amber-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.hover\:border-blue-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.hover\:border-emerald-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(52 211 153 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.hover\:border-green-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}
.hover\:border-purple-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 132 252 / var(--tw-border-opacity, 1));
}
.hover\:border-red-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));
}
.hover\:border-srf-orange\/50:hover {
  border-color: rgb(249 115 22 / 0.5);
}
.hover\:bg-\[\#ba430c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(186 67 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-amber-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50\/40:hover {
  background-color: rgb(239 246 255 / 0.4);
}
.hover\:bg-blue-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-emerald-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.hover\:bg-indigo-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-sky-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50\/60:hover {
  background-color: rgb(248 250 252 / 0.6);
}
.hover\:bg-slate-50\/80:hover {
  background-color: rgb(248 250 252 / 0.8);
}
.hover\:bg-violet-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}
.hover\:from-blue-600:hover {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-blue-700:hover {
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
}
.hover\:text-amber-600:hover {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.hover\:text-blue-700:hover {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.hover\:text-emerald-600:hover {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-600:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.hover\:text-red-500:hover {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-600:hover {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-700:hover {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.hover\:text-srf-orange:hover {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.hover\:text-violet-600:hover {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:no-underline:hover {
  text-decoration-line: none;
}
.hover\:shadow-card-hover:hover {
  --tw-shadow: 0 8px 25px -5px rgb(0 0 0 / 0.08), 0 4px 10px -6px rgb(0 0 0 / 0.04);
  --tw-shadow-colored: 0 8px 25px -5px var(--tw-shadow-color), 0 4px 10px -6px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus\:z-10:focus {
  z-index: 10;
}
.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.focus\:border-srf-orange\/50:focus {
  border-color: rgb(249 115 22 / 0.5);
}
.focus\:text-blue-700:focus {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.focus\:shadow-md:focus {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#02538a\]\/20:focus {
  --tw-ring-color: rgb(2 83 138 / 0.2);
}
.focus\:ring-blue-300:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1));
}
.focus\:ring-blue-500\/40:focus {
  --tw-ring-color: rgb(59 130 246 / 0.4);
}
.focus\:ring-blue-500\/50:focus {
  --tw-ring-color: rgb(59 130 246 / 0.5);
}
.focus\:ring-blue-700:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-300\/50:focus {
  --tw-ring-color: rgb(253 186 116 / 0.5);
}
.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.focus\:ring-srf-orange\/30:focus {
  --tw-ring-color: rgb(249 115 22 / 0.3);
}
.active\:scale-95:active {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:scale-\[0\.98\]:active {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.active\:bg-gray-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.active\:bg-orange-100:active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.active\:bg-red-200:active {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.active\:bg-slate-50\/80:active {
  background-color: rgb(248 250 252 / 0.8);
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:bg-gray-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.disabled\:bg-slate-300:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));
}
.disabled\:opacity-0:disabled {
  opacity: 0;
}
.disabled\:opacity-20:disabled {
  opacity: 0.2;
}
.disabled\:opacity-40:disabled {
  opacity: 0.4;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.disabled\:hover\:translate-y-0:hover:disabled {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.disabled\:hover\:shadow-md:hover:disabled {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-white\/50 {
  background-color: rgb(255 255 255 / 0.5);
}
.group:hover .group-hover\:text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-orange-100 {
  --tw-text-opacity: 1;
  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group:focus .group-focus\:opacity-100 {
  opacity: 1;
}
.group:focus .group-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.group:focus .group-focus\:ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.group:focus .group-focus\:ring-white {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}
.peer:checked ~ .peer-checked\:bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after {
  content: var(--tw-content);
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.peer:focus ~ .peer-focus\:ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:
    var(--tw-ring-offset-shadow),
    var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.peer:focus ~ .peer-focus\:ring-orange-300 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 186 116 / var(--tw-ring-opacity, 1));
}
.data-\[selected\]\:bg-orange-500[data-selected] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.data-\[selected\]\:text-white[data-selected] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:divide-\[\#2d3148\]:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(45 49 72 / var(--tw-divide-opacity, 1));
}
.dark\:divide-slate-800:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-divide-opacity, 1));
}
.dark\:border-\[\#02538a\]\/20:is(.dark *) {
  border-color: rgb(2 83 138 / 0.2);
}
.dark\:border-\[\#2d3148\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(45 49 72 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#3d3148\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(61 49 72 / var(--tw-border-opacity, 1));
}
.dark\:border-\[\#3f435e\]:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(63 67 94 / var(--tw-border-opacity, 1));
}
.dark\:border-amber-700\/40:is(.dark *) {
  border-color: rgb(180 83 9 / 0.4);
}
.dark\:border-amber-700\/50:is(.dark *) {
  border-color: rgb(180 83 9 / 0.5);
}
.dark\:border-amber-900\/30:is(.dark *) {
  border-color: rgb(120 53 15 / 0.3);
}
.dark\:border-blue-400:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-400\/20:is(.dark *) {
  border-color: rgb(96 165 250 / 0.2);
}
.dark\:border-blue-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:border-blue-800\/60:is(.dark *) {
  border-color: rgb(30 64 175 / 0.6);
}
.dark\:border-blue-900\/40:is(.dark *) {
  border-color: rgb(30 58 138 / 0.4);
}
.dark\:border-emerald-900\/30:is(.dark *) {
  border-color: rgb(6 78 59 / 0.3);
}
.dark\:border-gray-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.dark\:border-gray-700\/50:is(.dark *) {
  border-color: rgb(55 65 81 / 0.5);
}
.dark\:border-gray-800\/50:is(.dark *) {
  border-color: rgb(31 41 55 / 0.5);
}
.dark\:border-indigo-700\/40:is(.dark *) {
  border-color: rgb(67 56 202 / 0.4);
}
.dark\:border-indigo-700\/50:is(.dark *) {
  border-color: rgb(67 56 202 / 0.5);
}
.dark\:border-orange-500\/20:is(.dark *) {
  border-color: rgb(249 115 22 / 0.2);
}
.dark\:border-orange-800\/20:is(.dark *) {
  border-color: rgb(154 52 18 / 0.2);
}
.dark\:border-orange-800\/50:is(.dark *) {
  border-color: rgb(154 52 18 / 0.5);
}
.dark\:border-red-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));
}
.dark\:border-red-900\/30:is(.dark *) {
  border-color: rgb(127 29 29 / 0.3);
}
.dark\:border-rose-700\/40:is(.dark *) {
  border-color: rgb(190 18 60 / 0.4);
}
.dark\:border-rose-700\/50:is(.dark *) {
  border-color: rgb(190 18 60 / 0.5);
}
.dark\:border-sky-700\/40:is(.dark *) {
  border-color: rgb(3 105 161 / 0.4);
}
.dark\:border-sky-700\/50:is(.dark *) {
  border-color: rgb(3 105 161 / 0.5);
}
.dark\:border-slate-600:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(71 85 105 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-700\/80:is(.dark *) {
  border-color: rgb(51 65 85 / 0.8);
}
.dark\:border-slate-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}
.dark\:border-slate-800\/60:is(.dark *) {
  border-color: rgb(30 41 59 / 0.6);
}
.dark\:border-violet-700\/40:is(.dark *) {
  border-color: rgb(109 40 217 / 0.4);
}
.dark\:border-violet-700\/50:is(.dark *) {
  border-color: rgb(109 40 217 / 0.5);
}
.dark\:bg-\[\#02538a\]\/10:is(.dark *) {
  background-color: rgb(2 83 138 / 0.1);
}
.dark\:bg-\[\#0d0f1a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(13 15 26 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#0f1117\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 17 23 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#13151f\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 21 31 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#131a2a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(19 26 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#172033\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 32 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1a1d2a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(26 29 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1e1e1e\]\/80:is(.dark *) {
  background-color: rgb(30 30 30 / 0.8);
}
.dark\:bg-\[\#1e2235\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 34 53 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#1f2233\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 34 51 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#232740\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 39 64 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#25293d\]\/60:is(.dark *) {
  background-color: rgb(37 41 61 / 0.6);
}
.dark\:bg-\[\#2a2a2a\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#2d3148\]:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 49 72 / var(--tw-bg-opacity, 1));
}
.dark\:bg-\[\#f97316\]\/10:is(.dark *) {
  background-color: rgb(249 115 22 / 0.1);
}
.dark\:bg-amber-500\/20:is(.dark *) {
  background-color: rgb(245 158 11 / 0.2);
}
.dark\:bg-amber-900\/20:is(.dark *) {
  background-color: rgb(120 53 15 / 0.2);
}
.dark\:bg-amber-900\/30:is(.dark *) {
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:bg-amber-900\/35:is(.dark *) {
  background-color: rgb(120 53 15 / 0.35);
}
.dark\:bg-amber-950\/20:is(.dark *) {
  background-color: rgb(69 26 3 / 0.2);
}
.dark\:bg-blue-400\/10:is(.dark *) {
  background-color: rgb(96 165 250 / 0.1);
}
.dark\:bg-blue-500\/20:is(.dark *) {
  background-color: rgb(59 130 246 / 0.2);
}
.dark\:bg-blue-600:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity, 1));
}
.dark\:bg-blue-900\/20:is(.dark *) {
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:bg-blue-900\/30:is(.dark *) {
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:bg-blue-900\/35:is(.dark *) {
  background-color: rgb(30 58 138 / 0.35);
}
.dark\:bg-emerald-500\/20:is(.dark *) {
  background-color: rgb(16 185 129 / 0.2);
}
.dark\:bg-emerald-900\/30:is(.dark *) {
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:bg-emerald-900\/35:is(.dark *) {
  background-color: rgb(6 78 59 / 0.35);
}
.dark\:bg-emerald-950\/20:is(.dark *) {
  background-color: rgb(2 44 34 / 0.2);
}
.dark\:bg-gray-300:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-700\/50:is(.dark *) {
  background-color: rgb(55 65 81 / 0.5);
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.dark\:bg-gray-800\/30:is(.dark *) {
  background-color: rgb(31 41 55 / 0.3);
}
.dark\:bg-gray-800\/50:is(.dark *) {
  background-color: rgb(31 41 55 / 0.5);
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.dark\:bg-indigo-900\/20:is(.dark *) {
  background-color: rgb(49 46 129 / 0.2);
}
.dark\:bg-indigo-900\/30:is(.dark *) {
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:bg-indigo-900\/35:is(.dark *) {
  background-color: rgb(49 46 129 / 0.35);
}
.dark\:bg-orange-500\/10:is(.dark *) {
  background-color: rgb(249 115 22 / 0.1);
}
.dark\:bg-orange-500\/20:is(.dark *) {
  background-color: rgb(249 115 22 / 0.2);
}
.dark\:bg-orange-900\/10:is(.dark *) {
  background-color: rgb(124 45 18 / 0.1);
}
.dark\:bg-orange-900\/20:is(.dark *) {
  background-color: rgb(124 45 18 / 0.2);
}
.dark\:bg-orange-900\/35:is(.dark *) {
  background-color: rgb(124 45 18 / 0.35);
}
.dark\:bg-orange-900\/50:is(.dark *) {
  background-color: rgb(124 45 18 / 0.5);
}
.dark\:bg-orange-950\/30:is(.dark *) {
  background-color: rgb(67 20 7 / 0.3);
}
.dark\:bg-purple-500\/20:is(.dark *) {
  background-color: rgb(168 85 247 / 0.2);
}
.dark\:bg-red-900\/20:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:bg-red-950\/20:is(.dark *) {
  background-color: rgb(69 10 10 / 0.2);
}
.dark\:bg-red-950\/40:is(.dark *) {
  background-color: rgb(69 10 10 / 0.4);
}
.dark\:bg-rose-900\/20:is(.dark *) {
  background-color: rgb(136 19 55 / 0.2);
}
.dark\:bg-rose-900\/30:is(.dark *) {
  background-color: rgb(136 19 55 / 0.3);
}
.dark\:bg-sky-900\/20:is(.dark *) {
  background-color: rgb(12 74 110 / 0.2);
}
.dark\:bg-sky-900\/30:is(.dark *) {
  background-color: rgb(12 74 110 / 0.3);
}
.dark\:bg-sky-900\/35:is(.dark *) {
  background-color: rgb(12 74 110 / 0.35);
}
.dark\:bg-slate-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-800\/50:is(.dark *) {
  background-color: rgb(30 41 59 / 0.5);
}
.dark\:bg-slate-800\/60:is(.dark *) {
  background-color: rgb(30 41 59 / 0.6);
}
.dark\:bg-slate-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}
.dark\:bg-slate-900\/20:is(.dark *) {
  background-color: rgb(15 23 42 / 0.2);
}
.dark\:bg-slate-900\/60:is(.dark *) {
  background-color: rgb(15 23 42 / 0.6);
}
.dark\:bg-slate-900\/80:is(.dark *) {
  background-color: rgb(15 23 42 / 0.8);
}
.dark\:bg-slate-950\/40:is(.dark *) {
  background-color: rgb(2 6 23 / 0.4);
}
.dark\:bg-teal-900\/35:is(.dark *) {
  background-color: rgb(19 78 74 / 0.35);
}
.dark\:bg-transparent:is(.dark *) {
  background-color: transparent;
}
.dark\:bg-violet-900\/20:is(.dark *) {
  background-color: rgb(76 29 149 / 0.2);
}
.dark\:bg-violet-900\/30:is(.dark *) {
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:bg-violet-900\/35:is(.dark *) {
  background-color: rgb(76 29 149 / 0.35);
}
.dark\:bg-white\/10:is(.dark *) {
  background-color: rgb(255 255 255 / 0.1);
}
.dark\:from-\[\#1e3a5f\]:is(.dark *) {
  --tw-gradient-from: #1e3a5f var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(30 58 95 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#2a2230\]:is(.dark *) {
  --tw-gradient-from: #2a2230 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(42 34 48 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#2d3148\]:is(.dark *) {
  --tw-gradient-from: #2d3148 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 49 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#2d3148\]\/30:is(.dark *) {
  --tw-gradient-from: rgb(45 49 72 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(45 49 72 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-\[\#f97316\]\/10:is(.dark *) {
  --tw-gradient-from: rgb(249 115 22 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-950\/20:is(.dark *) {
  --tw-gradient-from: rgb(67 20 7 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-orange-950\/30:is(.dark *) {
  --tw-gradient-from: rgb(67 20 7 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(67 20 7 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:from-red-900\/30:is(.dark *) {
  --tw-gradient-from: rgb(127 29 29 / 0.3) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(127 29 29 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.dark\:via-gray-600:is(.dark *) {
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #4b5563 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.dark\:via-gray-700:is(.dark *) {
  --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #374151 var(--tw-gradient-via-position),
    var(--tw-gradient-to);
}
.dark\:to-\[\#111827\]:is(.dark *) {
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
}
.dark\:to-\[\#1a1d2a\]:is(.dark *) {
  --tw-gradient-to: #1a1d2a var(--tw-gradient-to-position);
}
.dark\:to-\[\#1e2235\]:is(.dark *) {
  --tw-gradient-to: #1e2235 var(--tw-gradient-to-position);
}
.dark\:to-amber-950\/10:is(.dark *) {
  --tw-gradient-to: rgb(69 26 3 / 0.1) var(--tw-gradient-to-position);
}
.dark\:to-amber-950\/20:is(.dark *) {
  --tw-gradient-to: rgb(69 26 3 / 0.2) var(--tw-gradient-to-position);
}
.dark\:to-red-800\/30:is(.dark *) {
  --tw-gradient-to: rgb(153 27 27 / 0.3) var(--tw-gradient-to-position);
}
.dark\:to-transparent:is(.dark *) {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.dark\:text-\[\#60a5fa\]:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 211 77 / var(--tw-text-opacity, 1));
}
.dark\:text-amber-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(147 197 253 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.dark\:text-gray-800:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 186 116 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(216 180 254 / var(--tw-text-opacity, 1));
}
.dark\:text-red-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 164 175 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-100:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark\:text-slate-600:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(196 181 253 / var(--tw-text-opacity, 1));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:placeholder-gray-500:is(.dark *)::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}
.dark\:shadow-\[0_10px_24px_rgba\(2\,8\,23\,0\.4\)\]:is(.dark *) {
  --tw-shadow: 0 10px 24px rgba(2,8,23,0.4);
  --tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.dark\:shadow-\[0_10px_30px_rgba\(2\,8\,23\,0\.45\)\]:is(.dark *) {
  --tw-shadow: 0 10px 30px rgba(2,8,23,0.45);
  --tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.dark\:shadow-\[0_16px_48px_rgba\(2\,8\,23\,0\.6\)\]:is(.dark *) {
  --tw-shadow: 0 16px 48px rgba(2,8,23,0.6);
  --tw-shadow-colored: 0 16px 48px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.dark\:shadow-none:is(.dark *) {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow);
}
.dark\:shadow-orange-900\/30:is(.dark *) {
  --tw-shadow-color: rgb(124 45 18 / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.dark\:ring-white\/5:is(.dark *) {
  --tw-ring-color: rgb(255 255 255 / 0.05);
}
.dark\:brightness-200:is(.dark *) {
  --tw-brightness: brightness(2);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:invert:is(.dark *) {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.dark\:hover\:border-\[\#3a415d\]:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(58 65 93 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-amber-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-blue-800:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-emerald-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-gray-600:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
}
.dark\:hover\:border-purple-500:hover:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}
.dark\:hover\:bg-\[\#232740\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 39 64 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2d3148\]:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(45 49 72 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-\[\#2d3148\]\/40:hover:is(.dark *) {
  background-color: rgb(45 49 72 / 0.4);
}
.dark\:hover\:bg-amber-900\/30:hover:is(.dark *) {
  background-color: rgb(120 53 15 / 0.3);
}
.dark\:hover\:bg-blue-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *) {
  background-color: rgb(30 58 138 / 0.2);
}
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *) {
  background-color: rgb(30 58 138 / 0.3);
}
.dark\:hover\:bg-blue-900\/40:hover:is(.dark *) {
  background-color: rgb(30 58 138 / 0.4);
}
.dark\:hover\:bg-blue-950\/20:hover:is(.dark *) {
  background-color: rgb(23 37 84 / 0.2);
}
.dark\:hover\:bg-emerald-900\/30:hover:is(.dark *) {
  background-color: rgb(6 78 59 / 0.3);
}
.dark\:hover\:bg-gray-600:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-indigo-900\/30:hover:is(.dark *) {
  background-color: rgb(49 46 129 / 0.3);
}
.dark\:hover\:bg-red-900\/20:hover:is(.dark *) {
  background-color: rgb(127 29 29 / 0.2);
}
.dark\:hover\:bg-red-900\/30:hover:is(.dark *) {
  background-color: rgb(127 29 29 / 0.3);
}
.dark\:hover\:bg-red-950\/60:hover:is(.dark *) {
  background-color: rgb(69 10 10 / 0.6);
}
.dark\:hover\:bg-sky-900\/30:hover:is(.dark *) {
  background-color: rgb(12 74 110 / 0.3);
}
.dark\:hover\:bg-slate-800:hover:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.dark\:hover\:bg-slate-800\/40:hover:is(.dark *) {
  background-color: rgb(30 41 59 / 0.4);
}
.dark\:hover\:bg-slate-800\/70:hover:is(.dark *) {
  background-color: rgb(30 41 59 / 0.7);
}
.dark\:hover\:bg-violet-900\/30:hover:is(.dark *) {
  background-color: rgb(76 29 149 / 0.3);
}
.dark\:hover\:bg-white\/5:hover:is(.dark *) {
  background-color: rgb(255 255 255 / 0.05);
}
.dark\:hover\:text-amber-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-blue-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-emerald-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-gray-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-indigo-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-sky-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-slate-200:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-violet-400:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:hover\:text-white:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:focus\:text-white:focus:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:focus\:ring-blue-500:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.dark\:focus\:ring-blue-800:focus:is(.dark *) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1));
}
.dark\:active\:bg-orange-900\/25:active:is(.dark *) {
  background-color: rgb(124 45 18 / 0.25);
}
.dark\:active\:bg-red-950\/80:active:is(.dark *) {
  background-color: rgb(69 10 10 / 0.8);
}
.dark\:active\:bg-slate-800\/70:active:is(.dark *) {
  background-color: rgb(30 41 59 / 0.7);
}
.dark\:disabled\:bg-gray-700:disabled:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:bg-slate-700:disabled:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
}
.dark\:disabled\:text-slate-400:disabled:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:border-gray-500:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *) {
  background-color: rgb(31 41 55 / 0.6);
}
.group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}
.group:hover .dark\:group-hover\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *) {
  --tw-ring-color: rgb(31 41 55 / 0.7);
}
@media (min-width: 640px) {
  .sm\:mb-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:mb-5 {
    margin-bottom: 1.25rem;
  }
  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }
  .sm\:h-10 {
    height: 2.5rem;
  }
  .sm\:h-12 {
    height: 3rem;
  }
  .sm\:h-20 {
    height: 5rem;
  }
  .sm\:w-10 {
    width: 2.5rem;
  }
  .sm\:w-20 {
    width: 5rem;
  }
  .sm\:max-w-lg {
    max-width: 32rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:items-start {
    align-items: flex-start;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:rounded-3xl {
    border-radius: 1.5rem;
  }
  .sm\:p-0 {
    padding: 0px;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-5 {
    padding: 1.25rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:p-8 {
    padding: 2rem;
  }
  .sm\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow);
  }
}
@media (min-width: 768px) {
  .md\:inset-x-auto {
    left: auto;
    right: auto;
  }
  .md\:bottom-6 {
    bottom: 1.5rem;
  }
  .md\:right-6 {
    right: 1.5rem;
  }
  .md\:top-auto {
    top: auto;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .md\:h-24 {
    height: 6rem;
  }
  .md\:h-\[calc\(100dvh-120px\)\] {
    height: calc(100dvh - 120px);
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:max-h-\[700px\] {
    max-height: 700px;
  }
  .md\:w-24 {
    width: 6rem;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-\[350px\] {
    max-width: 350px;
  }
  .md\:max-w-\[400px\] {
    max-width: 400px;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (min-width: 1024px) {
  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 1280px) {
  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }
  .xl\:col-span-4 {
    grid-column: span 4 / span 4;
  }
  .xl\:col-span-6 {
    grid-column: span 6 / span 6;
  }
  .xl\:mb-0 {
    margin-bottom: 0px;
  }
  .xl\:w-\[18vw\] {
    width: 18vw;
  }
}
.rtl\:rotate-180:where([dir=rtl], [dir=rtl] *) {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb {
  border-radius: 9999px;
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-200::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-700:is(.dark *)::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
  width: 0.375rem;
}

/* node_modules/font-awesome/css/font-awesome.css */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("./media/fontawesome-webfont-FMJ3VJ65.eot?v=4.7.0");
  src:
    url("./media/fontawesome-webfont-FMJ3VJ65.eot?#iefix&v=4.7.0") format("embedded-opentype"),
    url("./media/fontawesome-webfont-5GKVPAEF.woff2?v=4.7.0") format("woff2"),
    url("./media/fontawesome-webfont-Z4ARLA73.woff?v=4.7.0") format("woff"),
    url("./media/fontawesome-webfont-RJ6LE7IU.ttf?v=4.7.0") format("truetype"),
    url("./media/fontawesome-webfont-3KIJVIEY.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* angular:styles/global:styles */