/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Ionic imports are now in a separate file: ionic-imports.scss
 * This allows export-to-web to skip loading them for webcomponent builds */
@keyframes pulse-ring {
  0% {
    box-shadow: 0 0 0 0 var(--pulse-color, rgba(0, 0, 0, 0.4));
  }
  50% {
    box-shadow: 0 0 0 var(--animation-pulse-expansion) var(--pulse-color, rgba(0, 0, 0, 0.4));
  }
  100% {
    box-shadow: 0 0 0 0 var(--pulse-color, rgba(0, 0, 0, 0.4));
  }
}
@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0 0 var(--color-notification-glow);
  }
  50% {
    box-shadow: 0 0 0 var(--animation-pulse-expansion) var(--color-notification-glow);
  }
  100% {
    box-shadow: 0 0 0 0 var(--color-notification-glow);
  }
}
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "Inter";
    src: url("./assets/fonts/inter/Inter-VariableFont_opsz,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-optical-sizing: auto;
    font-display: swap;
  }
  @font-face {
    font-family: "Inter";
    src: url("./assets/fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: italic;
    font-optical-sizing: auto;
    font-display: swap;
  }
}
html {
  interpolate-size: allow-keywords;
}
html.disable-transitions, html.disable-transitions *, html.disable-transitions *::before, html.disable-transitions *::after, html.disable-transitions *::part(native) {
  transition: none !important;
  transition-duration: 0s !important;
}

body {
  --ion-background-color: var(--color-bg-level-1);
  --ion-background-color-contrast: var(--color-text-strong);
  background-color: var(--ion-background-color);
  color: var(--ion-background-color-contrast);
}

* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-style: normal;
}

span[seperator] {
  width: 100%;
  display: flex;
  background-color: var(--ion-color-light-contrast);
  height: 1px;
  opacity: 0.1;
}

div[placeholder] {
  height: 100%;
  width: 100%;
  align-content: center;
  outline: 2px dashed var(--ion-color-primary);
  outline-offset: -2px;
  border-radius: 4px;
  text-align: center;
}

/* scrollbar - fallback for elements not using OverlayScrollbars */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  cursor: grab;
  border-radius: 2px;
  background: rgba(var(--ion-color-light-contrast-rgb), 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--ion-color-light-contrast-rgb), 0.2);
}
::-webkit-scrollbar-thumb:active {
  background: var(--color-sidebar-bg);
  cursor: grabbing;
}

/* OverlayScrollbars custom theme */
.os-scrollbar {
  --os-size: 12px;
  --os-padding-perpendicular: 4px;
  --os-padding-axis: 4px;
  --os-track-border-radius: 4px;
  --os-handle-border-radius: 4px;
  --os-handle-bg: var(--color-stroke-weak);
  --os-handle-bg-hover: var(--color-stroke-normal);
  --os-handle-bg-active: var(--color-stroke-weak);
}
.os-scrollbar.os-scrollbar-auto-hide {
  transition: opacity 0.3s ease !important;
  visibility: visible !important;
}
.os-scrollbar.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  pointer-events: auto !important;
}
.os-scrollbar.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden:hover {
  opacity: 1;
}
.os-scrollbar .os-scrollbar-track {
  cursor: pointer;
}
.os-scrollbar .os-scrollbar-handle {
  transition: width 0.15s ease, height 0.15s ease, background 0.15s ease;
  cursor: grab;
}
.os-scrollbar .os-scrollbar-handle:active {
  cursor: grabbing;
}

.os-scrollbar-vertical .os-scrollbar-handle {
  width: 4px;
}

.unified-search-highlight,
mark.unified-search-highlight {
  background-color: var(--color-highlight-bg, rgba(255, 230, 0, 0.4));
  color: inherit;
  font: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  border-radius: 2px;
  padding: 0;
  display: inline;
  vertical-align: baseline;
  box-decoration-break: clone;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  height: 4px;
}

ion-content {
  --overflow: auto;
  background: var(--ion-toolbar-background, var(--ion-background-color, #fff)) !important;
}
ion-content::part(scroll) {
  margin-top: var(--offset-top);
  padding-top: 0;
  height: 100%;
  width: 100%;
  /* scrollbar - fallback for elements not using OverlayScrollbars */
}
ion-content::part(scroll)::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
ion-content::part(scroll)::-webkit-scrollbar-track {
  background: transparent;
}
ion-content::part(scroll)::-webkit-scrollbar-thumb {
  cursor: grab;
  border-radius: 2px;
  background: rgba(var(--ion-color-light-contrast-rgb), 0.1);
}
ion-content::part(scroll)::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--ion-color-light-contrast-rgb), 0.2);
}
ion-content::part(scroll)::-webkit-scrollbar-thumb:active {
  background: var(--color-sidebar-bg);
  cursor: grabbing;
}

ion-toast[thrown-error-toast]::part(message) {
  white-space: pre-line;
  overflow-y: auto;
  max-height: 150px;
}
ion-toast[thrown-error-toast]::part(message)::-webkit-scrollbar {
  width: 4px;
}
ion-toast[thrown-error-toast]::part(message)::-webkit-scrollbar-track {
  background: rgba(var(--ion-color-danger-contrast-rgb), 0.1);
  border-radius: 4px;
}
ion-toast[thrown-error-toast]::part(message)::-webkit-scrollbar-thumb {
  background: rgba(var(--ion-color-danger-contrast-rgb), 1);
  border-radius: 4px;
  cursor: grab;
}
ion-toast[thrown-error-toast]::part(message)::-webkit-scrollbar-thumb:active {
  cursor: grabbing;
}
ion-toast[thrown-error-toast]::part(icon) {
  font-size: 2em;
}

ion-header {
  box-shadow: none !important;
  border: 0;
  -webkit-box-shadow: none !important;
}

ion-title,
h1 {
  --color: var(--color-text-strong);
  color: var(--color);
}

.header-md,
.header-ios,
.header-collapse-none {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

ion-button {
  box-shadow: none !important;
  border: 0;
  -webkit-box-shadow: none !important;
  letter-spacing: unset;
}

.button-md,
.button-ios,
.button-collapse-none {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

ion-button.button-solid {
  --box-shadow: none !important;
}

ion-button::part(native) {
  box-shadow: none !important;
}

:root {
  --font-weight-bold: 500;
}

h1 {
  font-size: var(--text-size-h1);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-line-height-h1);
  margin: 0;
}

h2 {
  font-size: var(--text-size-h2);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-line-height-h2);
  margin: 0;
}

h3 {
  color: var(--color-text-strong);
  font-size: var(--text-size-normal);
  font-weight: var(--font-weight-bold);
  line-height: var(--text-line-height-normal);
  margin: 0;
}

body {
  font-size: var(--text-size-normal);
  font-weight: var(--font-weight-normal);
  line-height: var(--text-line-height-normal);
}

ion-item,
ion-label,
ion-list,
ion-toolbar,
ion-content {
  --color: var(--color-text-strong)!important;
  color: var(--color-text-strong) !important;
}

ion-modal.unified-modal {
  --background: var(--color-bg-level-1);
  --box-shadow: 0 15px 75px 0 rgba(0, 0, 0, 0.18);
  --width: 100%;
  --max-width: 960px;
}
ion-modal.unified-modal::part(handle) {
  pointer-events: none;
}
ion-modal.unified-modal--sheet ion-header {
  user-select: none;
  cursor: grab;
}
ion-modal.unified-modal--sheet ion-header:active {
  cursor: grabbing;
}
ion-modal.unified-modal .modal-toolbar {
  --background: transparent;
  --border-width: 0;
}
ion-modal.unified-modal ion-content.modal-content {
  --background: transparent;
  background: var(--background) !important;
}
ion-modal.unified-modal.unified-modal--sheet {
  --border-radius: 38px 38px 0px 0px;
}
ion-modal.unified-modal.unified-modal--dialog {
  --border-radius: 38px;
}

ion-input.default-input {
  --border-radius: var(--border-radius-8);
  --background: var(--color-bg-light);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --padding-start: var(--spacing-16);
  --padding-end: var(--spacing-16);
  --highlight-height: 0;
  --border-width: 0;
  --border-style: none;
  --border-color: transparent;
}

ion-input.default-input.non-native {
  min-height: 36px;
  max-height: 36px;
}
ion-input.default-input.non-native .input-wrapper {
  min-height: 36px;
  max-height: 36px;
}
ion-input.default-input.non-native .input-wrapper {
  border: 2px solid transparent;
  border-radius: var(--border-radius-8);
  transition: border-color 0.2s ease;
}
ion-input.default-input.non-native input {
  font-size: var(--text-size-normal) !important;
  font-weight: 350 !important;
  color: var(--color-text-strong);
}

ion-input.default-input.has-focus .input-wrapper,
ion-input.default-input.ion-focused .input-wrapper {
  border-color: var(--color-focus) !important;
}

ion-input.default-input.ion-invalid.ion-touched .input-wrapper {
  border-color: var(--color-danger-text) !important;
}

ion-input.default-input .input-bottom {
  padding-top: 0;
  padding-inline-start: 0;
  -webkit-padding-start: 0;
  padding-inline-end: 0;
  -webkit-padding-end: 0;
}
ion-input.default-input .input-bottom .error-text {
  color: var(--color-danger-text);
}
ion-input.default-input .input-bottom .counter {
  color: var(--color-text-weak) !important;
}

ion-input.default-input .input-bottom,
ion-input.default-input .input-bottom .helper-text,
ion-input.default-input .input-bottom .error-text,
ion-input.default-input .input-bottom .counter,
ion-textarea.default-textarea .textarea-bottom,
ion-textarea.default-textarea .textarea-bottom .helper-text,
ion-textarea.default-textarea .textarea-bottom .error-text,
ion-textarea.default-textarea .textarea-bottom .counter {
  font-size: var(--text-size-small, 12px) !important;
  line-height: var(--text-line-height-small, 16px) !important;
  font-weight: 350 !important;
}

qt-unified-input .input-bottom,
qt-unified-input .input-bottom .helper-text,
qt-unified-input .input-bottom .error-text,
qt-unified-input .input-bottom .counter,
qt-unified-textarea .textarea-bottom,
qt-unified-textarea .textarea-bottom .helper-text,
qt-unified-textarea .textarea-bottom .error-text,
qt-unified-textarea .textarea-bottom .counter {
  font-size: var(--text-size-small, 12px) !important;
  line-height: var(--text-line-height-small, 16px) !important;
  font-weight: 350 !important;
}

ion-input.default-input .input-bottom .helper-text,
ion-textarea.default-textarea .textarea-bottom .helper-text {
  color: var(--color-text-medium) !important;
}

ion-input.default-input .input-bottom .counter,
ion-textarea.default-textarea .textarea-bottom .counter {
  color: var(--color-text-weak) !important;
}

ion-textarea.default-textarea {
  --border-radius: var(--border-radius-8);
  --background: var(--color-bg-light);
  --padding-top: 6px;
  --padding-bottom: 6px;
  --padding-start: var(--spacing-16);
  --padding-end: var(--spacing-16);
  --highlight-height: 0;
  --border-width: 0;
  --border-style: none;
  --border-color: transparent;
}
ion-textarea.default-textarea .textarea-wrapper {
  border: 2px solid transparent;
  border-radius: var(--border-radius-8);
  transition: border-color 0.2s ease;
}
ion-textarea.default-textarea textarea {
  font-size: var(--text-size-normal) !important;
  font-weight: 350 !important;
  color: var(--color-text-strong);
}

ion-textarea.default-textarea.has-focus .textarea-wrapper,
ion-textarea.default-textarea.ion-focused .textarea-wrapper {
  border-color: var(--color-focus) !important;
}

ion-textarea.default-textarea.ion-invalid.ion-touched .textarea-wrapper {
  border-color: var(--color-danger-text) !important;
}

ion-textarea.default-textarea .textarea-bottom {
  padding-top: 0;
  padding-inline-start: 0px;
  -webkit-padding-start: 0px;
  padding-inline-end: 0;
  -webkit-padding-end: 0;
}
ion-textarea.default-textarea .textarea-bottom .error-text {
  color: var(--color-danger-text);
}
ion-textarea.default-textarea .textarea-bottom .counter {
  color: var(--color-text-weak) !important;
}

ion-alert .alert-wrapper {
  --background: var(--color-bg-level-5);
  --max-width: 400px;
  border-radius: var(--border-radius-16) !important;
  padding: var(--spacing-24);
  gap: var(--spacing-12);
  box-shadow: unset !important;
}
ion-alert .alert-wrapper .alert-head {
  padding: 0 !important;
}
ion-alert .alert-wrapper .alert-head .alert-title {
  font-weight: normal;
  font-size: var(--text-size-h2);
  line-height: var(--text-line-height-h2);
  color: var(--color-text-strong);
}
ion-alert .alert-wrapper .alert-head .alert-sub-title {
  color: var(--color-text-weak);
  margin-top: 0;
  font-size: var(--text-size-small);
  line-height: var(--text-line-height-small);
}
ion-alert .alert-wrapper .alert-message {
  color: var(--color-text-medium);
  padding: 0 !important;
  font-size: var(--text-size-normal);
  line-height: var(--text-line-height-normal);
}
ion-alert .alert-button-group {
  padding: 0 !important;
  gap: var(--spacing-8);
}
ion-alert .alert-button-group .alert-button {
  --alert-button-color: var(--color-primary);
  --alert-button-background: var(--color-bg-level-2);
  --alert-button-background--hover: var(--color-bg-level-3);
  border-radius: var(--border-radius-100);
  text-align: center;
  text-transform: capitalize;
  color: var(--alert-button-color);
  background: var(--alert-button-background);
  padding: var(--spacing-10) var(--spacing-16);
  font-size: var(--text-size-normal);
  line-height: var(--text-line-height-normal);
  min-width: 120px;
  max-width: 100%;
  margin: 0;
}
ion-alert .alert-button-group .alert-button:hover {
  --alert-button-background: var(--alert-button-background--hover);
}
ion-alert .alert-button-group .alert-button:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 2px;
  --alert-button-background: var(--alert-button-background--hover);
}
ion-alert .alert-button-group .alert-button-inner {
  justify-content: center;
}
ion-alert .alert-button-group .alert-button-role-cancel {
  --alert-button-color: var(--color-text-medium);
  --alert-button-background: var(--color-bg-level-5);
  --alert-button-background--hover: var(--color-bg-level-1);
}
ion-alert .alert-button-group .alert-button-role-destructive {
  --alert-button-color: var(--color-danger-text);
  --alert-button-background: var(--color-danger-bg);
  --alert-button-background--hover: var(--color-danger-stroke);
}

/*# sourceMappingURL=unified.css.map */