/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  /* mylegacy_app.html design tokens (shell + content) */
  --ml-nav-bg: #0f1f2e;
  --ml-nav-active: #1897b4;
  --ml-nav-w: 248px;
  --ml-nav-w-collapsed: 60px;
  --ml-teal: #1897b4;
  --ml-teal-d: #127a94;
  --ml-teal-l: #e0f4f9;
  --ml-teal-ll: #f0fafd;
  --ml-bg: #f2f5f8;
  --ml-surface: #ffffff;
  --ml-border: #dde4ec;
  --ml-border-2: #c8d4e0;
  --ml-text: #1a2e3f;
  --ml-text-2: #4a6070;
  --ml-text-3: #7a8f9e;
  --ml-amber: #e89b20;
  --ml-amber-l: #fef8ec;
  --ml-red: #d94f5c;
  --ml-r-sm: 6px;
  --ml-r-md: 10px;
  --ml-r-lg: 14px;
  --ml-topbar-h: 52px;
  --ml-sh-xs: 0 1px 3px rgba(15, 31, 46, 0.06);
  --ml-sh-md: 0 4px 20px rgba(15, 31, 46, 0.13);
  /* Ionic theme — primary matches mock “teal” accent */
  --ion-color-primary: #1897b4;
  --ion-color-primary-rgb: 24, 151, 180;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #147f98;
  --ion-color-primary-tint: #30a1bc;
  --ion-color-secondary: #127a94;
  --ion-color-secondary-rgb: 18, 122, 148;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #106b82;
  --ion-color-secondary-tint: #2a87a0;
  --ion-color-tertiary: #333333;
  --ion-color-tertiary-rgb: 51, 51, 51;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #2d2d2d;
  --ion-color-tertiary-tint: #474747;
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --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-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --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;
  --ion-color-columbia-blue: #D0E7ED;
  --ion-color-munsell-blue: #1897b4;
  --ion-color-slate-gray: #657795;
  --ion-font-family: var(--font-body); /* theme/_typography.scss */
  --ion-blue-bg: #1897b4;
  --ion-blue-txt: #127a94;
  --ion-gray-bg: #E4E9F2;
  --ion-gray-txt:#AAACB4;
  /* mobile theme colors */
  --ion-color-primary-black: #101426;
  --ion-color-primary-grey: #8F9BB3;
  --ion-color-button-bg: #e0f4f9;
  /* Old size names — aliases of the tokens in theme/_typography.scss */
  --app-fs-title-page: var(--fs-3xl);
  --app-fs-title-section: var(--fs-2xl);
  --app-fs-title-card: var(--fs-xl);
  --app-fs-body: var(--fs-md);
  --app-fs-caption: var(--fs-sm);
  --app-fs-nav: var(--fs-sm);
  /* Shell backgrounds — legacy_score_dashboard_v4_merged.html (Modern Calm) */
  --ml2-primary: #33556e;
  --ml2-secondary: #68b7c8;
  --ml2-success: #95b89c;
  --ml2-accent: #eadbc8;
  --ml2-surface: #ffffff;
  --ml2-border: #e5ecec;
  --ml2-text: #233444;
  --ml2-text-2: #617383;
  --ml2-sidebar-bg: #f5f7f6;
  --ml-bg: #fafbf9;
  --app-page-background: var(--ml-bg);
  --app-header-background: #ffffff;
  --app-sidebar-panel-background: var(--ml2-sidebar-bg);
  --ion-background-color: #ffffff;
  --ion-background-color-rgb: 255, 255, 255;
}
@media (prefers-color-scheme: darkssmode) {
  /*
  * Dark Colors
  * -------------------------------------------
  */
  body {
    --ion-color-primary: #1897b4;
    --ion-color-primary-rgb: 24, 151, 180;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255, 255, 255;
    --ion-color-primary-shade: #147f98;
    --ion-color-primary-tint: #30a1bc;
    --ion-color-secondary: #127a94;
    --ion-color-secondary-rgb: 18, 122, 148;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255, 255, 255;
    --ion-color-secondary-shade: #106b82;
    --ion-color-secondary-tint: #2a87a0;
    --ion-color-tertiary: #333333;
    --ion-color-tertiary-rgb: 51, 51, 51;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255, 255, 255;
    --ion-color-tertiary-shade: #2d2d2d;
    --ion-color-tertiary-tint: #474747;
    --ion-color-success: #2dd36f;
    --ion-color-success-rgb: 45, 211, 111;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0, 0, 0;
    --ion-color-success-shade: #28ba62;
    --ion-color-success-tint: #42d77d;
    --ion-color-warning: #ffc409;
    --ion-color-warning-rgb: 255, 196, 9;
    --ion-color-warning-contrast: #000000;
    --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-medium: #92949c;
    --ion-color-medium-rgb: 146, 148, 156;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0, 0, 0;
    --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;
  }
  /*
  * iOS Dark Theme
  * -------------------------------------------
  */
  .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: #faf4f9;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }
}
.grayText {
  color: #9F9FA0 !important;
}
@media (min-width: 768px) {
  .hide-on-large {
    display: none !important;
  }
  ion-menu:not(.ml-shell-menu) {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 9;
  }
  ion-menu:hover:not(.fixed-sidebar):not(.ml-shell-menu) {
    --side-max-width: 216px;
    --side-min-width: 216px;
    transition: all 0.3s ease-in-out;
  }
  ion-menu:hover:not(.fixed-sidebar):not(.ml-shell-menu) .brand-logo {
    display: none;
  }
  ion-menu:hover:not(.fixed-sidebar):not(.ml-shell-menu) ion-content {
    --overflow: hidden;
  }
  ion-menu.fixed-sidebar {
    --side-max-width: 216px;
    --side-min-width: 216px;
    position: relative;
  }
  ion-menu.fixed-sidebar .brand-logo {
    display: none;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) {
    transition: all 0.3s ease-in-out;
    --side-max-width: var(--ml-nav-w-collapsed, 50px);
    --side-min-width: var(--ml-nav-w-collapsed, 50px);
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) .menu__logo,
ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) .menu-toggle-btn {
    display: none;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) .logo-wrapper {
    --margin-bottom: 15px !important;
    margin-bottom: 15px !important;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) ion-row {
    justify-content: center;
    max-width: 40px !important;
    border-radius: 6px;
    height: 42px;
    padding: 0 !important;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) ion-row ion-label {
    display: none;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) ion-row:not(.active) {
    background-color: inherit;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) .sidebar-list-item {
    --padding-top: 15px !important;
    padding-top: 8px !important;
  }
  ion-menu:not(:hover):not(.fixed-sidebar):not(.ml-shell-menu) .menu {
    border-radius: 50% !important;
  }
}
@media (max-width: 768px) {
  .hide-on-small {
    display: none !important;
  }
  .margin-left-right {
    margin: 0 18px !important;
  }
  ion-menu {
    --side-max-width: min(216px, 92vw);
    --side-min-width: min(216px, 92vw);
    --width: min(216px, 92vw);
  }
  .menu-toggle-btn,
.brand-logo {
    display: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * 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
 */
/* Core CSS required for Ionic components to work properly */
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-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
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 {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
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;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 */
ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
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, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !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, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !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, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 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, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !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, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !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, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !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, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !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, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !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;
  overflow: hidden;
  z-index: 0;
}
/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal .ion-page:not(ion-nav .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,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  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: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@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;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 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 {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
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;
}
/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
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 {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: 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=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
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;
}
* {
  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:not(.hydrated) body {
  display: none;
}
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%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  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;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
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: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
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;
}
.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;
  }
}
/* Optional CSS utils that can be commented out */
.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);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: 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);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    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);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: 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);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: 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);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    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);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  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;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    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;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    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;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    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;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.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;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-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;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
/* Fonts are loaded once, in index.html */
/* ================================================================
   Typography tokens: one set of names, two sets of values.

   Use only these in component styles:
     font-family: var(--font-heading | --font-body | --font-number | --font-mono)
     font-size:   var(--fs-2xs … --fs-display)
     font-weight: var(--fw-regular | --fw-medium | --fw-semibold | --fw-bold)
     line-height: var(--lh-tight | --lh-normal | --lh-relaxed)

   Customer values are emitted on :root (global.scss).
   B2B values override them wherever `b2b-tokens` is included
   (ion-app.b2b-workspace, advisor auth pages, B2B modals).

   This file only defines mixins, so it is safe to @import from
   component stylesheets.
   ================================================================ */
/* Customer: base 13px */
/* B2B: customer scale ×1.2, serif headings and numbers */
/* B2B workspace UI — Ledger theme (ink / brass / parchment) */
/* ================================================================
   Typography tokens: one set of names, two sets of values.

   Use only these in component styles:
     font-family: var(--font-heading | --font-body | --font-number | --font-mono)
     font-size:   var(--fs-2xs … --fs-display)
     font-weight: var(--fw-regular | --fw-medium | --fw-semibold | --fw-bold)
     line-height: var(--lh-tight | --lh-normal | --lh-relaxed)

   Customer values are emitted on :root (global.scss).
   B2B values override them wherever `b2b-tokens` is included
   (ion-app.b2b-workspace, advisor auth pages, B2B modals).

   This file only defines mixins, so it is safe to @import from
   component stylesheets.
   ================================================================ */
/* Customer: base 13px */
/* B2B: customer scale ×1.2, serif headings and numbers */
/* test-secure-terminal-demo.html — Toughkey init modal (delegation dashboard) */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 2147483647;
  pointer-events: auto;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
.modal-overlay.active {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Block dashboard only while the modal captures input — not during native-host wait (overlay is pass-through). */
body.tk-toughkey-modal-open:has(#progress-modal-overlay.active:not(.tk-awaiting-native-host)) ion-app {
  pointer-events: none;
}
/* Spinner stays visible; native Lokblok password dialog stacks on top (demo). */
.modal-overlay.tk-awaiting-native-host {
  z-index: 1 !important;
  pointer-events: none !important;
  background: rgba(0, 0, 0, 0.4);
}
.modal-overlay.tk-awaiting-native-host .modal {
  pointer-events: none;
}
.modal-overlay .modal {
  background: #fff;
  border-radius: 1.5rem;
  max-width: 480px;
  width: 90%;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(99, 102, 241, 0.2);
}
.modal-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 2rem 2rem 1.5rem;
  border-bottom: 1px solid #e2e8f0;
}
.modal-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  font-size: 1.25rem;
}
.modal h3 {
  margin: 0;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-bold);
  color: #1e293b;
}
.modal-content {
  padding: 2rem;
}
.modal-message {
  font-size: var(--fs-xl);
  line-height: 1.6;
  color: #64748b;
  white-space: pre-line;
}
.modal-spinner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
}
.modal-spinner-container .spinner {
  width: 2.5rem;
  height: 2.5rem;
  border: 4px solid #e2e8f0;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: tk-modal-spin 0.8s linear infinite;
}
@keyframes tk-modal-spin {
  to {
    transform: rotate(360deg);
  }
}
.modal-buttons {
  display: none;
  gap: 0.75rem;
  padding: 0 2rem 2rem;
  justify-content: flex-end;
}
#progress-modal-overlay.active #progress-modal-buttons.tk-show-buttons,
#progress-modal-overlay.active .modal-buttons.tk-show-buttons {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 3;
}
#progress-modal-overlay.active .modal {
  pointer-events: auto !important;
}
#progress-modal-overlay.active .tk-v-btn {
  pointer-events: auto !important;
  touch-action: manipulation;
  position: relative;
  z-index: 4;
}
.tk-v-btn {
  padding: 0.65rem 1.25rem;
  border-radius: 0.5rem;
  font-weight: var(--fw-semibold);
  cursor: pointer;
  border: none;
  font-size: var(--fs-xl);
}
.tk-v-btn-secondary {
  background: #f1f5f9;
  color: #475569;
}
.tk-v-btn-primary {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: #fff;
}
:root {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Only these four weights are loaded */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.2;
  --lh-normal: 1.45;
  --lh-relaxed: 1.65;
  --font-heading: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-number: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  /* Role → token (customer app pages):
       page shell title (h1)      heading  4xl  bold   (3xl on mobile)
       info-panel title           heading  3xl  bold
       stat-card number           number   3xl  bold
       sub-page heading (h2)      heading  2xl  bold
       section title              heading  xl   semibold
       modal title                heading  xl   bold
       card title                 heading  lg   semibold
       avatar initials            body     xl   bold
       body / button              body     md   (buttons semibold; small buttons sm)
       page sub-line / summary    body     md   medium
       tab                        body     sm   medium
       filter chip / select       body     sm   semibold
       secondary text / meta      body     sm
       tag (plain-case pill)      body     xs   medium
       uppercase label / th       body     xs   bold, letter-spacing 0.06em
       badge / chip               body     2xs  bold, letter-spacing 0.04em */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 14px;
  --fs-xl: 16px;
  --fs-2xl: 18px;
  --fs-3xl: 22px;
  --fs-4xl: 28px;
  --fs-display: 36px;
}
html,
body,
ion-content {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  -ms-overflow-style: none !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Ensures smooth scrolling on iOS */
  height: 100%;
}
body {
  background-color: var(--app-page-background, var(--ml-bg, #f2f5f8));
  font-family: var(--font-body);
  font-size: var(--fs-md);
  color: var(--ml-text, #1a2e3f);
  -webkit-font-smoothing: antialiased;
}
ion-app.b2b-workspace {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Only these four weights are loaded */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.2;
  --lh-normal: 1.45;
  --lh-relaxed: 1.65;
  --font-heading: "Libre Caslon Text", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-number: "Libre Caslon Text", Georgia, serif;
  --fs-2xs: 12px;
  --fs-xs: 13.2px;
  --fs-sm: 14.4px;
  --fs-md: 15.6px;
  --fs-lg: 16.8px;
  --fs-xl: 19.2px;
  --fs-2xl: 21.6px;
  --fs-3xl: 26.4px;
  --fs-4xl: 33.6px;
  --fs-display: 43.2px;
  --ion-font-family: var(--font-body);
  /* Ink (sidebar / dark chrome) */
  --b2b-ink-900: #0f1a21;
  --b2b-ink-800: #16232b;
  --b2b-ink-700: #1b2a33;
  --b2b-ink-line: #23323c;
  --b2b-ink-line-2: #2a3944;
  /* Brass accent */
  --b2b-brass: #b08d4f;
  --b2b-brass-muted: #9a7a3e;
  --b2b-brass-wash: rgba(176, 141, 79, 0.14);
  --b2b-brass-wash-light: rgba(176, 141, 79, 0.1);
  /* Parchment content */
  --b2b-bg: #fbf8f2;
  --b2b-surface: #ffffff;
  --b2b-surface2: #fbf8f2;
  --b2b-border: #e3dac4;
  --b2b-border-soft: #f0ebde;
  --b2b-border-strong: #d8ccb0;
  /* Text */
  --b2b-text: #1c1c1a;
  --b2b-text-2: #5c5647;
  --b2b-text-3: #8a7e5f;
  --b2b-text-on-ink: #f3eee4;
  --b2b-text-on-ink-2: #9aa3aa;
  --b2b-text-on-ink-3: #7c8790;
  --b2b-text-on-ink-4: #5c6870;
  /* Status */
  --b2b-good: #4a6b3f;
  --b2b-fair: #3a7e8f;
  --b2b-risk: #9a7a3e;
  --b2b-critical: #a63c33;
  /* Typography — old names, kept as aliases of theme/_typography.scss */
  --b2b-font-head: var(--font-heading);
  --b2b-font-body: var(--font-body);
  --b2b-font-num: var(--font-number);
  /* Legacy aliases — keep existing B2B pages working */
  --b2b-navy: var(--b2b-ink-900);
  --b2b-teal: var(--b2b-brass-muted);
  --b2b-teal-soft: var(--b2b-brass-wash);
  --b2b-teal-light: var(--b2b-brass-wash-light);
  --b2b-gold: var(--b2b-brass);
  --b2b-gold-soft: var(--b2b-brass-wash-light);
  --b2b-text-mid: var(--b2b-text-2);
  --b2b-text-muted: var(--b2b-text-3);
  --b2b-green: var(--b2b-good);
  --b2b-green-soft: #e4ebdf;
  --b2b-amber: var(--b2b-risk);
  --b2b-amber-soft: #efe6d3;
  --b2b-red: var(--b2b-critical);
  --b2b-red-soft: #f1ddd9;
  --b2b-purple: #5c6870;
  --b2b-purple-soft: #e9e5da;
  /* Layout */
  --b2b-r: 2px;
  --b2b-r-lg: 2px;
  --b2b-sh-sm: none;
  --b2b-sh-md: none;
  --b2b-gutter-x: 28px;
  --b2b-gutter-y-top: 24px;
  --b2b-gutter-y-bottom: 24px;
  --b2b-topbar-h: 58px;
  --b2b-sidebar-inset-x: 16px;
  --b2b-sidebar-item-gutter: 8px;
  --b2b-nav-w: 252px;
  --b2b-content-max-w: 1180px;
  /* Nav active (ink sidebar) */
  --b2b-nav-active-bg: var(--b2b-brass-wash);
  --b2b-nav-active-border: var(--b2b-brass);
  --b2b-nav-active-text: var(--b2b-brass);
  --ml-nav-w: 252px;
  --ion-font-family: var(--font-body);
  font-family: var(--font-body);
  --background: var(--b2b-bg);
  --app-page-background: var(--b2b-bg);
  /* Slightly larger type without CSS zoom — zoom broke split-pane / main content width */
  font-size: var(--fs-lg);
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  box-sizing: border-box;
}
html:has(ion-app.b2b-workspace),
body:has(ion-app.b2b-workspace) {
  margin: 0;
  min-height: 100%;
  background-color: var(--b2b-bg, #fbf8f2);
}
ion-app.b2b-workspace .b2b-page,
ion-app.b2b-workspace .b2b-page-shell,
ion-app.b2b-workspace .b2b-coming-soon-content,
ion-app.b2b-workspace .ml-sidebar-inner--business {
  font-family: var(--font-body);
}
/* B2B shell — aligned gutters for topbar, sidebar, and routed pages */
ion-app.b2b-workspace {
  /* Shared page actions — consistent button sizing on every B2B surface */
}
ion-app.b2b-workspace ion-menu.ml-shell-menu::part(container) {
  background: var(--b2b-ink-900, #0f1a21);
  min-height: 100%;
  height: 100%;
}
ion-app.b2b-workspace ion-split-pane::part(split-pane-side) {
  background: var(--b2b-ink-900, #0f1a21);
  min-height: 100%;
}
ion-app.b2b-workspace ion-menu app-sidebar {
  min-height: 100%;
  height: 100%;
}
ion-app.b2b-workspace ion-split-pane {
  width: 100%;
  height: 100%;
  min-height: 0;
}
ion-app.b2b-workspace ion-split-pane::part(split-pane-main) {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--b2b-bg);
  overflow: hidden;
}
ion-app.b2b-workspace #main-content.ion-page {
  flex: 1 1 auto;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100%;
  overflow: hidden;
}
ion-app.b2b-workspace ion-content.content-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  --offset-bottom: 0px;
  --background: var(--b2b-bg);
}
ion-app.b2b-workspace ion-content.content-wrapper::part(scroll) {
  min-width: 0;
}
ion-app.b2b-workspace ion-header.ml-shell-header {
  height: var(--b2b-topbar-h) !important;
  min-height: var(--b2b-topbar-h) !important;
  max-height: var(--b2b-topbar-h) !important;
}
ion-app.b2b-workspace .ml-shell-toolbar {
  --background: var(--b2b-bg);
  --min-height: var(--b2b-topbar-h);
  --max-height: var(--b2b-topbar-h);
  --height: var(--b2b-topbar-h);
  --border-color: transparent;
  --border-width: 0;
  height: var(--b2b-topbar-h);
  min-height: var(--b2b-topbar-h);
  max-height: var(--b2b-topbar-h);
  font-family: var(--font-body);
  box-shadow: none;
}
ion-app.b2b-workspace .ml-shell-toolbar::part(native),
ion-app.b2b-workspace .ml-shell-toolbar::part(container) {
  min-height: var(--b2b-topbar-h);
  height: var(--b2b-topbar-h);
  max-height: var(--b2b-topbar-h);
}
ion-app.b2b-workspace .ml-shell-app-topbar {
  height: var(--b2b-topbar-h);
  min-height: var(--b2b-topbar-h);
  max-height: var(--b2b-topbar-h);
  padding: 0 var(--b2b-gutter-x);
  gap: 12px;
}
ion-app.b2b-workspace .content-wrapper {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: var(--b2b-bg);
  margin-top: 0 !important;
  box-shadow: none;
  border-radius: 0;
}
ion-app.b2b-workspace .layout-container .content-wrapper {
  background: var(--b2b-bg) !important;
  --background: var(--b2b-bg) !important;
}
ion-app.b2b-workspace ion-content.b2b-coming-soon-content,
ion-app.b2b-workspace ion-content.b2b-help-content {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --background: var(--b2b-bg);
}
ion-app.b2b-workspace .b2b-btn {
  box-sizing: border-box;
  min-height: 34px;
  height: 34px;
  padding: 0 15px;
  border-radius: var(--b2b-r);
  border: 1px solid var(--b2b-border-strong);
  background: var(--b2b-surface);
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  line-height: 1;
  color: var(--b2b-text-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: background 0.13s ease, border-color 0.13s ease, color 0.13s ease;
  white-space: nowrap;
  cursor: pointer;
  font-family: var(--font-body);
  vertical-align: middle;
}
ion-app.b2b-workspace .b2b-btn ion-icon {
  font-size: 19.2px;
  flex-shrink: 0;
}
ion-app.b2b-workspace .b2b-btn:hover {
  background: var(--b2b-bg);
  color: var(--b2b-text);
}
ion-app.b2b-workspace .b2b-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
ion-app.b2b-workspace .b2b-btn--sm {
  min-height: 30px;
  height: 30px;
  padding: 0 12px;
  font-size: var(--fs-sm);
}
ion-app.b2b-workspace .b2b-btn--sm ion-icon {
  font-size: 16.8px;
}
ion-app.b2b-workspace .b2b-btn--teal {
  background: transparent;
  color: var(--b2b-brass-muted);
  border-color: var(--b2b-brass-muted);
}
ion-app.b2b-workspace .b2b-btn--teal:hover {
  background: var(--b2b-brass-wash);
  border-color: var(--b2b-brass-muted);
  color: var(--b2b-brass-muted);
}
ion-app.b2b-workspace .b2b-btn--primary {
  background: var(--b2b-ink-900);
  color: var(--b2b-text-on-ink);
  border-color: var(--b2b-ink-900);
}
ion-app.b2b-workspace .b2b-btn--primary:hover {
  background: var(--b2b-ink-800);
  border-color: var(--b2b-ink-800);
  color: var(--b2b-text-on-ink);
}
ion-app.b2b-workspace .b2b-btn--ghost {
  background: transparent;
  border-color: var(--b2b-border);
  color: var(--b2b-text-2);
}
ion-app.b2b-workspace .b2b-btn--ghost:hover {
  border-color: var(--b2b-brass-muted);
  color: var(--b2b-brass-muted);
  background: transparent;
}
ion-app.b2b-workspace .b2b-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
ion-app.b2b-workspace .b2b-phead-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.heading,
.alert-title {
  font-family: var(--font-heading);
}
.full-screen-modal {
  --width: 80%;
  --height: 100%;
  --border-radius: 0;
}
/* Legacy Score sample report preview modal sizing */
.sample-preview-modal {
  --width: 640px;
  --max-width: 92vw;
  --height: 92vh;
  --border-radius: 16px;
}
/* Business onboarding - Create Office modal sizing */
.create-office-modal,
.create-advisor-modal {
  --width: 520px;
  --max-width: 92vw;
  --height: auto;
  --max-height: none;
  --border-radius: 12px;
  --box-shadow: 0 20px 60px rgba(12, 26, 46, 0.2);
}
.create-client-modal {
  --width: 520px;
  --max-width: 92vw;
  --height: auto;
  --max-height: none;
  --border-radius: 12px;
  --box-shadow: 0 20px 60px rgba(12, 26, 46, 0.2);
}
@media (max-width: 768px) {
  .create-client-modal {
    --max-height: min(88vh, calc(100dvh - 16px));
  }
}
.buy-score-credits-modal {
  --width: 480px;
  --max-width: 92vw;
  --height: auto;
  --max-height: min(92vh, 900px);
  --border-radius: 12px;
  --box-shadow: 0 20px 60px rgba(12, 26, 46, 0.2);
}
/* Resend on Scores Delivered — wider, room for the email body */
.resend-client-email-modal {
  --width: 560px;
  --max-width: 92vw;
  --height: auto;
  --max-height: min(92vh, 900px);
  --border-radius: 12px;
  --box-shadow: 0 20px 60px rgba(12, 26, 46, 0.2);
}
ion-modal.create-office-modal::part(content),
ion-modal.create-advisor-modal::part(content),
ion-modal.create-client-modal::part(content),
ion-modal.buy-score-credits-modal::part(content),
ion-modal.resend-client-email-modal::part(content) {
  border-radius: 12px;
  overflow: hidden;
}
/* Disbursement — create request (ion-content collapses when modal --height is auto; see finalize-ra-modal) */
ion-modal.create-disbursement-modal {
  --width: min(640px, 94vw);
  --max-width: 94vw;
  --height: min(720px, 92vh);
  --max-height: 92vh;
  --border-radius: 12px;
  --box-shadow: 0 12px 40px rgba(15, 31, 46, 0.14);
}
ion-modal.create-disbursement-modal::part(content) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
ion-modal.create-disbursement-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
ion-modal.create-disbursement-modal ion-header ion-toolbar {
  --min-height: 48px;
  --background: #f8fafc;
  --border-color: #e2e8f0;
}
ion-modal.create-disbursement-modal ion-header .heading {
  font-weight: var(--fw-semibold);
  font-size: var(--fs-2xl);
  color: #1a2e3f;
}
ion-modal.create-disbursement-modal ion-content.dcb-modal-body {
  --padding-start: 20px;
  --padding-end: 20px;
  --padding-top: 16px;
  --padding-bottom: 16px;
  --background: #ffffff;
  flex: 1 1 auto;
  min-height: 320px;
  --overflow: hidden;
}
ion-modal.create-disbursement-modal .dcb-form-wrap {
  display: block;
  width: 100%;
  padding: 0 0 4px;
  box-sizing: border-box;
}
ion-modal.create-disbursement-modal .dcb-form {
  display: block;
  width: 100%;
}
ion-modal.create-disbursement-modal .dcb-footer {
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
  padding: 12px 16px 16px;
}
ion-modal.create-disbursement-modal .dcb-submit-btn {
  margin: 0;
  width: 100%;
  height: 44px;
  min-height: 44px;
  font-weight: var(--fw-semibold);
  font-size: var(--fs-lg);
  letter-spacing: 0.01em;
  text-transform: none;
  --border-radius: 8px;
  --background: #1897b4;
  --background-activated: #127a94;
  --background-hover: #127a94;
  --color: #ffffff;
  --color-activated: #ffffff;
  --box-shadow: 0 2px 8px rgba(24, 151, 180, 0.35);
}
ion-modal.create-disbursement-modal .dcb-submit-btn::part(native) {
  background: #1897b4;
  color: #ffffff;
  border-radius: 8px;
  font-weight: var(--fw-semibold);
  font-size: var(--fs-lg);
}
ion-modal.create-disbursement-modal .dcb-submit-btn.button-disabled,
ion-modal.create-disbursement-modal .dcb-submit-btn[disabled] {
  --background: #cbd5e1;
  --color: #475569;
  --box-shadow: none;
  opacity: 1;
}
ion-modal.create-disbursement-modal .dcb-submit-btn.button-disabled::part(native),
ion-modal.create-disbursement-modal .dcb-submit-btn[disabled]::part(native) {
  background: #cbd5e1;
  color: #475569;
  box-shadow: none;
}
ion-modal.create-disbursement-modal .dcb-submit-btn .button-spinner {
  margin-right: 8px;
  color: #ffffff;
}
/* Disbursement — reject request modal (styles must live here for ion-modal overlay) */
ion-modal.reject-disbursement-modal {
  --width: min(480px, 94vw);
  --height: auto;
  --max-height: min(520px, 92vh);
  --border-radius: 14px;
  --backdrop-opacity: 0.5;
}
ion-modal.reject-disbursement-modal::part(content) {
  border-radius: 14px;
  overflow: hidden;
}
ion-modal.reject-disbursement-modal .rdm-btn {
  appearance: none;
  -webkit-appearance: none;
}
ion-modal.reject-disbursement-modal .rdm-btn--ghost {
  background: #fff !important;
  color: #4a6070 !important;
  border: 1.5px solid #dde4ec !important;
}
ion-modal.reject-disbursement-modal .rdm-btn--danger:not(:disabled) {
  background: #d94f5c !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(217, 79, 92, 0.28);
}
ion-modal.reject-disbursement-modal .rdm-btn--danger:disabled {
  background: #e2e8f0 !important;
  color: #94a3b8 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
/* Recovery agents — About this tool drawer (must sit above shell header) */
ion-modal.ra-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.ra-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.ra-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
/* Inheritance plan — About this tool drawer (must sit above shell header) */
ion-modal.inh-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.inh-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.inh-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.inh-info-drawer-modal .inh-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.inh-info-drawer-modal .inh-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
ion-modal.inh-info-drawer-modal .inh-info-panel__cta {
  display: block;
  width: 100%;
  margin-top: 22px;
  padding: 12px 20px;
  background: #2eae8e;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  font-family: var(--font-body);
}
ion-modal.inh-info-drawer-modal .inh-info-panel__title {
  display: flex;
  align-items: center;
  gap: 8px;
}
ion-modal.inh-info-drawer-modal .inh-info-panel__title ion-icon {
  font-size: 20px;
  color: #2eae8e;
}
/* Secrets vault — About this tool drawer (must sit above shell header) */
ion-modal.sv-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.sv-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.sv-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
/* Secrets vault — Finalize RA modal (ion-content collapses when modal --height is auto) */
ion-modal.finalize-ra-modal::part(content) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
ion-modal.finalize-ra-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
ion-modal.finalize-ra-modal ion-content.finalize-ra-modal__content {
  flex: 1 1 auto;
  min-height: 200px;
}
ion-modal.finalize-ra-modal ion-footer.finalize-ra-modal__footer .finalize-ra-modal__footer-actions {
  justify-content: flex-end;
}
ion-modal.finalize-ra-modal ion-footer.finalize-ra-modal__footer .finalize-ra-modal__submit:not(:disabled) {
  background: #7c6fa3 !important;
  color: #fff !important;
}
ion-modal.finalize-ra-modal ion-footer.finalize-ra-modal__footer .finalize-ra-modal__submit:disabled {
  background: #e8eaed !important;
  color: #8b95a1 !important;
  opacity: 1 !important;
}
/* Finalize RA modal — same ion-checkbox styling as contacts-selection (cs-modal--ra) */
ion-modal.finalize-ra-modal .cs-checkbox {
  flex-shrink: 0;
  margin: 0;
  --size: 20px;
  --border-radius: 6px;
  --border-width: 1.5px;
  --border-color: #c5d0d8;
  --checkbox-background: #fff;
  --checkbox-background-checked: #7c6fa3;
  --background-checked: #7c6fa3;
  --border-color-checked: #7c6fa3;
  --checkmark-color: #fff;
  --checkmark-width: 2px;
}
ion-modal.finalize-ra-modal .cs-checkbox.checkbox-checked::part(container) {
  background: #7c6fa3 !important;
  border-color: #7c6fa3 !important;
}
ion-modal.finalize-ra-modal .cs-checkbox::part(mark) {
  color: #fff;
}
/* Revocable trust — inline modals (ion-content collapses when modal --height is auto) */
ion-modal.residuary-popup,
ion-modal.person-popup,
ion-modal.charity-popup,
ion-modal.property-popup,
ion-modal.custodian-popup {
  --border-radius: 12px;
}
ion-modal.residuary-popup::part(content),
ion-modal.person-popup::part(content),
ion-modal.charity-popup::part(content),
ion-modal.property-popup::part(content),
ion-modal.custodian-popup::part(content) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
ion-modal.residuary-popup .ion-page,
ion-modal.person-popup .ion-page,
ion-modal.charity-popup .ion-page,
ion-modal.property-popup .ion-page,
ion-modal.custodian-popup .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
ion-modal.residuary-popup ion-content.residuary-popup__content {
  flex: 1 1 auto;
  min-height: 240px;
}
ion-modal.person-popup ion-content.person-popup__content {
  flex: 1 1 auto;
  min-height: 170px;
}
ion-modal.residuary-popup ion-footer.residuary-popup__footer,
ion-modal.person-popup ion-footer.person-popup__footer,
ion-modal.charity-popup ion-footer.charity-popup__footer,
ion-modal.property-popup ion-footer.property-popup__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
ion-modal.residuary-popup ion-footer.residuary-popup__footer ion-button,
ion-modal.person-popup ion-footer.person-popup__footer ion-button,
ion-modal.charity-popup ion-footer.charity-popup__footer ion-button,
ion-modal.property-popup ion-footer.property-popup__footer ion-button {
  margin: 0 !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  --min-height: 44px;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 16px;
  --padding-end: 16px;
  --border-radius: 8px;
  flex: 0 0 auto;
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
ion-modal.residuary-popup ion-footer.residuary-popup__footer ion-button::part(native),
ion-modal.person-popup ion-footer.person-popup__footer ion-button::part(native),
ion-modal.charity-popup ion-footer.charity-popup__footer ion-button::part(native),
ion-modal.property-popup ion-footer.property-popup__footer ion-button::part(native),
ion-modal.custodian-popup ion-footer ion-button::part(native) {
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 16px;
  line-height: 1.2;
}
ion-modal.dcb-user-picker-modal {
  --width: min(480px, 96vw);
  --max-width: 480px;
  --height: min(520px, 88vh);
  --max-height: 88vh;
  --border-radius: 12px;
}
ion-modal.dcb-user-picker-modal .dcb-user-picker-search {
  --min-height: 52px;
}
ion-modal.dcb-user-picker-modal .dcb-searchbar {
  padding: 0 8px 6px;
}
ion-modal.dcb-user-picker-modal .dcb-user-picker-body {
  --padding-top: 0;
}
@media (max-width: 768px) {
  ion-modal.create-disbursement-modal {
    --width: 100%;
    --max-width: 100%;
    --max-height: 100%;
    --height: 100%;
    --border-radius: 0;
  }
  ion-modal.create-disbursement-modal ion-content.dcb-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    --overflow: auto;
  }
}
@media (max-height: 640px) {
  ion-modal.create-disbursement-modal ion-content.dcb-modal-body {
    --overflow: auto;
    min-height: 0;
  }
}
/*
 * Time Capsule — Schedule / create message (inline ion-modal).
 * Ionic modal defaults and .ion-page use min-height:auto + overflow hidden, which
 * prevents nested flex scroll; Ionic also forces --width: 600px from 768px up.
 * These rules live here (global) so they always win over ion-modal shadow :host.
 */
ion-modal.tc-create-message-modal {
  --width: min(1120px, 98vw);
  --max-width: 98vw;
  --height: min(92vh, 920px);
  --max-height: 92vh;
  --border-radius: 14px;
}
ion-modal.tc-create-message-modal::part(content) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
}
/* IonModal Angular wrapper: flex min-height:auto would block inner overflow scroll */
ion-modal.tc-create-message-modal .ion-page {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
}
ion-modal.tc-create-message-modal .tc-create-message-modal-fill {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
ion-modal.tc-create-message-modal app-time-capsule-add {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.advisor-access-modal {
  --width: 900px;
  --max-width: 95vw;
  --height: auto;
  --max-height: 90vh;
  --border-radius: 12px;
}
.advisor-access-modal .modal-wrapper {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .advisor-access-modal {
    --width: 95vw;
    --max-height: 85vh;
  }
}
/* Add Client Modal styling (legacy selector, keep if referenced elsewhere) */
.add-client-modal {
  --width: 800px;
  --max-width: 92vw;
  --height: auto;
  --max-height: 90vh;
  --border-radius: 12px;
}
.add-client-modal .modal-wrapper {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .add-client-modal {
    --width: 95vw;
    --max-height: 85vh;
  }
}
/* Portaled outside .layout-container — must be global */
ion-popover.header-profile-popover {
  --width: 280px;
  --max-width: min(92vw, 320px);
}
ion-popover.header-profile-popover ion-content {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 6px;
  --padding-bottom: 6px;
}
ion-popover.header-profile-popover ion-list {
  padding: 0;
}
ion-popover.header-profile-popover ion-item {
  --min-height: 44px;
  --padding-start: 14px;
  --padding-end: 14px;
  --inner-padding-end: 0;
  --border-width: 0 0 0.55px 0;
  --border-color: rgba(0, 0, 0, 0.08);
}
ion-popover.header-profile-popover ion-item:last-of-type {
  --border-width: 0;
}
/* Shell profile dropdown (My-Legacy mock — navy header, plan strip, teal FAQs) */
ion-popover.ml-shell-profile-popover {
  --width: min(280px, 92vw);
  --max-width: min(280px, 92vw);
}
ion-popover.ml-shell-profile-popover::part(content) {
  padding: 0;
  border-radius: 12px;
}
/* Shell notifications dropdown (top bar bell) */
ion-popover.ml-shell-notifications-popover {
  --width: min(392px, 94vw);
  --max-width: min(392px, 94vw);
}
ion-popover.ml-shell-notifications-popover::part(content) {
  padding: 0;
  border-radius: 12px;
}
.ml-np-root {
  font-family: var(--font-body);
  color: #1a2e3f;
  overflow: hidden;
}
.ml-np-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px 10px;
  border-bottom: 1px solid #e8eef3;
}
.ml-np-hd-left {
  display: flex;
  align-items: center;
  min-width: 0;
}
.ml-np-title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #0f1f2e;
  letter-spacing: -0.01em;
}
.ml-np-badge {
  margin-left: 8px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #d94f5c;
  color: #fff;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.ml-np-mark {
  flex-shrink: 0;
  background: transparent;
  border: none;
  padding: 4px 0;
  margin: 0;
  font-family: inherit;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: #1897b4;
  cursor: pointer;
}
.ml-np-mark:hover {
  color: #137f99;
}
.ml-np-scroll {
  max-height: min(52vh, 360px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ml-np-empty {
  padding: 20px 16px;
  text-align: center;
  font-size: var(--fs-md);
  color: #7a8f9e;
}
.no-data {
  background: #f2f7fb;
  border: 1px solid #dce6ef;
  border-radius: 10px;
  color: #5f7285 !important;
}
.ml-np-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  width: 100%;
  padding: 12px 14px;
  margin: 0;
  border: none;
  border-bottom: 1px solid #f0f4f7;
  background: #fff;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
}
.ml-np-row:last-child {
  border-bottom: none;
}
.ml-np-row:hover {
  background: #f7fafc;
}
.ml-np-row--unread {
  background: rgba(232, 247, 251, 0.92);
}
.ml-np-row--unread:hover {
  background: rgba(220, 240, 247, 0.95);
}
.ml-np-ind {
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 5px;
  box-sizing: border-box;
}
.ml-np-ind--unread {
  background: #1897b4;
  border: 2px solid #1897b4;
}
.ml-np-ind--read {
  background: transparent;
  border: 2px solid #1897b4;
}
.ml-np-col {
  flex: 1;
  min-width: 0;
}
.ml-np-msg {
  font-size: var(--fs-md);
  line-height: 1.45;
  color: #1a2e3f;
}
.ml-np-time {
  margin-top: 5px;
  font-size: var(--fs-xs);
  color: #7a8f9e;
}
.ml-np-ft {
  border-top: 1px solid #e8eef3;
  padding: 10px 12px 12px;
  text-align: center;
}
.ml-np-viewall {
  background: transparent;
  border: none;
  padding: 4px 8px;
  margin: 0;
  font-family: inherit;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  color: #1897b4;
  cursor: pointer;
}
.ml-np-viewall:hover {
  color: #137f99;
}
.ml-pd-root {
  font-family: var(--font-body);
  font-size: var(--fs-md);
  color: #0d1b2a;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.ml-pd-hd {
  padding: 14px 16px;
  background: #0d1b2a;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ml-pd-av-wrap {
  position: relative;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  --gauge-pct: 0.65;
}
.ml-pd-gauge {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 0;
  background: conic-gradient(#56c1c8 0turn calc(var(--gauge-pct, 0.65) * 1turn), #3d4f66 calc(var(--gauge-pct, 0.65) * 1turn) 1turn);
}
.ml-pd-av-inner {
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  overflow: hidden;
  background: #0d1b2a;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.ml-pd-av {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #3da5ad;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: #fff;
  border: none;
  flex-shrink: 0;
}
.ml-pd-av-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: none;
  flex-shrink: 0;
}
.ml-pd-hd-text {
  min-width: 0;
}
.ml-pd-name {
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  color: #fff;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.ml-pd-mail {
  margin-top: 3px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: rgba(255, 255, 255, 0.58);
  word-break: break-all;
  line-height: 1.3;
}
.ml-pd-plan {
  padding: 10px 16px;
  background: #fff7e8;
  border-bottom: 1px solid #f0e6d4;
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  letter-spacing: 0.02em;
  color: #b8770a;
}
.ml-pd-plan--business {
  color: #8a5a08;
}
.ml-pd-sec {
  padding: 8px 10px;
}
.ml-pd-it {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  padding: 9px 10px;
  border-radius: 8px;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: #374c5c;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  line-height: 1.35;
}
.ml-pd-it:hover {
  background: #f4f7fa;
}
.ml-pd-it--faq {
  color: #2da9b3 !important;
  font-weight: var(--fw-semibold);
}
.ml-pd-it--faq:hover {
  color: #24929b !important;
  background: rgba(86, 193, 200, 0.08);
}
.ml-pd-it--row {
  justify-content: space-between;
  gap: 10px;
}
.ml-pd-pill {
  background: #fff1d6;
  color: #b8770a;
  padding: 2px 9px;
  border-radius: 999px;
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
  flex-shrink: 0;
  border: 1px solid rgba(184, 119, 10, 0.2);
}
.ml-pd-it--danger {
  color: #e85d6a !important;
  font-weight: var(--fw-semibold);
}
.ml-pd-it--danger:hover {
  background: rgba(232, 93, 106, 0.08) !important;
}
.ml-pd-div {
  height: 1px;
  background: #e8eef3;
  margin: 4px 12px;
}
.primary__input .floating-label {
  height: auto; /* Adjust to show when there is content */
  transition: height 0.2s ease-in-out; /* Smooth transition for height */
  border: 1.5px solid !important;
  border-radius: 5px;
}
/* When the label is empty, set its height to 0 */
.primary__input .floating-label:not(.floating-label) {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  transition: height 0.2s ease-in-out;
}
/* Form / validation hints — theme red, not legacy magenta */
.text-danger {
  color: #b4232c;
}
.flex {
  display: flex;
}
.cursor {
  cursor: pointer;
}
.disabled-elm {
  cursor: not-allowed;
}
.alert-radio-group::-webkit-scrollbar {
  width: 0.8em;
  display: block !important;
}
.alert-radio-group::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}
.alert-radio-group::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 0.5px solid slategrey;
}
.primary__button {
  background: var(--ion-color-primary) !important;
  --background: var(--ion-color-primary) !important;
  padding: 0.9rem;
  color: white;
  border-radius: 6px;
  min-width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-size: var(--fs-sm);
  min-height: 44px;
}
/* Cancel / secondary actions — must beat .primary__button !important (asset portfolio forms, etc.) */
button.primary__button.secondary,
.primary__button.secondary,
button.df-btn.df-btn--cancel,
.df-btn.df-btn--cancel {
  background: #ffffff !important;
  --background: #ffffff !important;
  color: #1897b4 !important;
  border: 1px solid #1897b4 !important;
  font-weight: var(--fw-medium);
  min-height: 40px;
  padding: 8px 18px;
  border-radius: 7px;
}
button.primary__button.secondary:hover,
.primary__button.secondary:hover,
button.df-btn.df-btn--cancel:hover,
.df-btn.df-btn--cancel:hover {
  background: #f2f9fc !important;
  --background: #f2f9fc !important;
  color: #127a94 !important;
  border-color: #127a94 !important;
}
/* Ensure Ionic buttons match app button sizing/padding */
ion-button.primary__button {
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --border-radius: 6px;
  --box-shadow: none;
  min-height: 44px;
  font-weight: var(--fw-semibold);
}
/* w-auto on native elements is width:auto; Ionic hosts need explicit shrink + left edge */
ion-button.primary__button.w-auto {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  align-self: flex-start;
}
ion-button.primary__border__button {
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --border-radius: 8px;
  --box-shadow: none;
  min-height: 44px;
  font-weight: var(--fw-semibold);
}
/*
 * Confirmation modal (delete contact, etc.): modal runs in Ionic overlay —
 * scoped component CSS may not reach it. Equal footprint for Yes / No / OK.
 */
ion-modal.confirmation-popup ion-footer ion-button.primary__button.w-auto,
ion-modal.confirmation-popup ion-footer ion-button.primary__border__button.w-auto {
  padding: 0 !important;
  margin: 0;
  width: 7rem;
  min-width: 7rem !important;
  max-width: 7rem;
  height: 44px !important;
  min-height: 44px !important;
  align-self: center !important;
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 8px;
  --padding-end: 8px;
  --min-height: 44px;
  box-sizing: border-box;
}
ion-modal.confirmation-popup ion-footer ion-button.primary__border__button.w-auto {
  --border-width: 1px;
}
ion-modal.confirmation-popup ion-footer ion-button.primary__button.w-auto::part(native),
ion-modal.confirmation-popup ion-footer ion-button.primary__border__button.w-auto::part(native) {
  min-height: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
 * Confirmation popup v2 (cp-* shell) — modal content is in an Ionic overlay;
 * component-scoped CSS may not reach it (e.g. admin /admin/disbursement).
 */
ion-modal.confirmation-popup {
  --cp-teal: #1897b4;
  --cp-teal-dark: #137f99;
  --cp-border: #dde4ec;
  --cp-text: #1a2e3f;
  --cp-text-2: #4a6070;
  --cp-bg: #f6f8fb;
  --cp-danger: #d94f5c;
}
ion-modal.confirmation-popup .cp-foot {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 18px 16px;
  border-top: 1px solid var(--cp-border);
  background: var(--cp-bg);
}
ion-modal.confirmation-popup .cp-btn {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 40px;
  min-width: 96px;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-family: var(--font-body);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  cursor: pointer;
  box-sizing: border-box;
}
ion-modal.confirmation-popup .cp-btn--ghost {
  background: #fff !important;
  border-color: var(--cp-border) !important;
  color: var(--cp-text-2) !important;
}
ion-modal.confirmation-popup .cp-btn--primary,
ion-modal.confirmation-popup .cp-btn--alert {
  background: var(--cp-teal) !important;
  border-color: var(--cp-teal) !important;
  color: #fff !important;
}
ion-modal.confirmation-popup .cp-btn--primary:hover,
ion-modal.confirmation-popup .cp-btn--alert:hover {
  background: var(--cp-teal-dark) !important;
  border-color: var(--cp-teal-dark) !important;
}
/* Primary forward actions: Next / Save & Continue / Preview */
button.primary__button ion-icon,
ion-button.primary__button ion-icon[slot=end] {
  margin-left: 8px;
  font-size: 1.15rem;
  flex-shrink: 0;
}
/* Crypto-will & shared modals — muted header (dull gray-blue, not saturated navy) */
ion-modal.create-contract-modal ion-header ion-toolbar,
ion-modal.cw-will-modal ion-header ion-toolbar {
  --background: #fff;
  --color: #1a2e3f;
  --border-width: 0 0 1px;
  --border-color: #dde4ec;
  --min-height: 52px;
}
ion-modal.create-contract-modal ion-title.heading,
ion-modal.create-contract-modal .heading,
ion-modal.cw-will-modal ion-title.heading,
ion-modal.cw-will-modal .heading {
  color: #1a2e3f;
  font-weight: var(--fw-bold);
  font-size: var(--fs-xl);
}
ion-modal.create-contract-modal ion-button[fill=clear],
ion-modal.cw-will-modal ion-button[fill=clear] {
  --color: #5c6b7a;
}
ion-modal.create-contract-modal ion-content.crypto-will-stock-modal-content,
ion-modal.create-contract-modal ion-content.crypto-will-gift-modal-content,
ion-modal.cw-will-modal ion-content.cw-will-modal-content {
  --padding-top: 0;
  --padding-bottom: 0;
  --padding-start: 0;
  --padding-end: 0;
}
ion-modal.cw-will-modal {
  --width: min(92vw, 640px);
  --max-width: min(92vw, 640px);
  --border-radius: 14px;
  --box-shadow: 0 8px 32px rgba(15, 31, 46, 0.18);
}
@media (max-width: 767.99px) {
  ion-modal.cw-will-modal {
    --width: min(100%, calc(100vw - 16px));
    --max-width: min(100%, calc(100vw - 16px));
    --max-height: 92vh;
  }
}
ion-modal.cw-will-modal .btn {
  padding: 8px 18px;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  cursor: pointer;
  border: 1px solid #dde4ec;
  background: #fff;
  color: #374c5c;
  font-family: var(--font-body);
  transition: all 0.15s ease;
}
ion-modal.cw-will-modal .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
ion-modal.cw-will-modal .btn-primary {
  background: #4f92a6;
  color: #fff;
  border-color: #4f92a6;
}
ion-modal.cw-will-modal .btn-primary:hover:not(:disabled) {
  background: #2c6470;
  border-color: #2c6470;
}
ion-modal.cw-will-modal .btn-outline {
  background: #fff;
  color: #4f92a6;
  border-color: #c8dce3;
}
ion-modal.cw-will-modal .btn-outline:hover:not(:disabled) {
  background: #eef7f8;
  border-color: #4f92a6;
  color: #2c6470;
}
ion-modal.cw-will-modal .btn-sm {
  min-height: 36px;
  padding: 7px 14px;
  font-size: var(--fs-md);
}
ion-modal.cw-will-modal .cw-will-modal-footer {
  background: #fff;
  border-top: 1px solid #dde4ec;
}
ion-modal.cw-will-modal .cw-will-modal-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 10px 20px 14px;
}
ion-modal.cw-will-modal .cw-will-modal-actions .btn-primary {
  min-width: 120px;
}
ion-modal.cw-will-modal .cw-will-modal-body {
  padding: 16px 20px 20px;
  max-height: min(68vh, 560px);
  overflow-y: auto;
}
ion-modal.cw-will-modal .cw-will-modal-form {
  background: #f8fafb;
  border: 1px solid #e8eef3;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
}
ion-modal.cw-will-modal .cw-will-modal-form ion-item.primary__input {
  --background: #fff;
  --border-color: #dde4ec;
  --border-width: 1px;
  --border-style: solid;
  --border-radius: 10px;
  --padding-start: 14px;
  --padding-end: 14px;
  --min-height: 48px;
  border-radius: 10px;
  margin: 0 0 14px;
}
ion-modal.cw-will-modal .cw-will-modal-give-row {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 12px;
}
/* Crypto-will step pages — ensure panel buttons match profile teal (router-outlet children) */
.cw-step-page .btn {
  padding: 8px 18px;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  cursor: pointer;
  border: 1px solid #dde4ec;
  background: #fff;
  color: #374c5c;
  font-family: var(--font-body);
  transition: all 0.15s ease;
}
.cw-step-page .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cw-step-page .btn-primary {
  background: #4f92a6;
  color: #fff;
  border-color: #4f92a6;
}
.cw-step-page .btn-primary:hover:not(:disabled) {
  background: #2c6470;
  border-color: #2c6470;
}
.cw-step-page .btn-outline {
  background: #fff;
  color: #4f92a6;
  border-color: #c8dce3;
}
.cw-step-page .btn-outline:hover:not(:disabled) {
  background: #eef7f8;
  border-color: #4f92a6;
  color: #2c6470;
}
.cw-step-page .btn-remove {
  background: #fff;
  color: #b4232c;
  border-color: #fecdca;
}
.cw-step-page .btn-remove:hover:not(:disabled) {
  background: #fef3f2;
  border-color: #f4a9a6;
}
/* Review / trust-style data tables (shared utility) */
.app-data-table {
  border: 1px solid #d4dde4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
}
.app-data-table-header {
  background: #33566e;
  color: #fff;
  font-weight: var(--fw-semibold);
  font-size: var(--fs-md);
  letter-spacing: 0.03em;
  text-transform: uppercase;
  border-bottom: 1px solid #2d4c61;
}
.app-data-table-row {
  border-bottom: 1px solid #e8ecf1;
  background: #fff;
}
.app-data-table-row:nth-child(even) {
  background: #f6f9fc;
}
.app-data-table-header ion-col:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
.app-data-table-row ion-col:not(:last-child) {
  border-right: 1px solid #e8ecf1;
}
/* Ion-row “tables”: wrap header + body rows (crypto-will lists) */
.app-bordered-table {
  border: 1px solid #d4dde4;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  margin-top: 8px;
}
.app-bordered-table > ion-row:not(:last-child) ion-col {
  border-bottom: 1px solid #e8ecf1;
}
.app-bordered-table > ion-row ion-col:not(:last-child) {
  border-right: 1px solid #e8ecf1;
}
.app-bordered-table > ion-row.app-bordered-table__head ion-col {
  background: #e8eef2;
  color: #33566e;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  padding-top: 12px;
  padding-bottom: 12px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
}
.app-bordered-table > ion-row:not(.app-bordered-table__head) ion-col {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  min-height: 48px;
  align-items: center;
  display: flex;
}
/* Right-align actions in Ionic alerts/popups */
.alert-button-group {
  justify-content: flex-end !important;
}
.w-100 {
  width: 100% !important;
}
.primary__button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.copilot__button {
  background: #fff !important;
  --background: #fff !important;
  border: #328094 2px solid !important;
  color: #328094 !important;
  --color: #328094 !important;
  border-radius: 5px;
  font-size: var(--fs-sm);
  min-height: 44px;
}
.copilot__chat_button {
  background: #F0F4F9 !important;
  --background: #F0F4F9 !important;
  border: #F0F4F9 2px solid !important;
  color: #328094 !important;
  --color: #328094 !important;
  border-radius: 5px;
  font-size: var(--fs-sm);
  min-height: 44px;
  --box-shadow: none !important;
}
.copilot__chat_button ::part(native) {
  --box-shadow: none !important;
}
.copilot-img {
  width: 30px;
}
/* Prevent double spinners: hide page-level <app-loader> while global loader overlay is shown */
body.global-loading app-loader {
  display: none;
}
body.global-loading .global-loader-overlay app-loader {
  display: block;
}
@media (max-width: 768px) {
  .copilot__button {
    width: 40vw;
    /* Width relative to viewport width on mobile */
    min-height: 36px;
    /* Reduced height for mobile */
    font-size: var(--fs-sm);
    /* Smaller font size for mobile */
    padding: 0px 0px;
    /* Reduced padding for mobile */
    border-radius: 4px;
    /* Slightly less rounded corners */
    color: #328094 !important;
    --color: #328094 !important;
  }
  .copilot__button button-native {
    color: #328094 !important;
    --color: #328094 !important;
  }
  ion-button.actionBut {
    background-color: #fff !important;
    --background: #fff !important;
    color: #328094;
  }
  ion-button.actionBut .button-native {
    padding: 50px;
  }
  .copilot-img {
    width: 5.3vw;
    height: 5.3vw;
    margin-right: 1.38vw;
  }
}
.primary__border__button {
  background-color: transparent;
  padding: 0.9rem;
  color: #33566e;
  border-radius: 5px;
  min-height: 44px;
  font-size: var(--fs-sm);
}
.primary__border__button.bordered {
  border: 1.5px solid #33566e;
}
.primary__border__button.gray-button {
  border: 1.5px solid #8B8E8F;
}
.primary-heading {
  color: #328094;
  font-weight: var(--fw-semibold);
}
.text-primary {
  color: #1F384C;
}
.text-secondary {
  color: #328094;
}
.text-secondary-2 {
  color: #2C93AE;
}
.text-black {
  color: #000;
}
.link:hover {
  border-bottom: 1px solid #33566e;
  cursor: pointer;
}
.rounded-button {
  --border-radius: 20px;
}
.text-success {
  color: green;
}
.hide-on-medium {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .hide-on-medium {
    display: none !important;
  }
}
@media only screen and (min-width: 361px) and (max-width: 580px) {
  .mobile-button {
    margin-left: -12%;
  }
}
.heading {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  line-height: 1.35;
  display: block;
}
.sub-heading {
  font-size: var(--fs-xl);
  font-weight: var(--fw-medium);
  line-height: 1.35;
  display: block;
}
.legacy-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.legacy-description {
  font-size: var(--fs-xl);
}
.layout-container {
  /* Shell topbar (.ml-shell-header) uses slim 52px bar — see root.component.scss + mylegacy_app.html */
  /* Sidebar submenu accordion — scope so modal/form inputs are not hidden */
}
.layout-container .relative_container {
  position: relative;
}
.layout-container .flex-col {
  display: flex;
  flex-direction: column;
}
.layout-container .agreement-form {
  --min-height: 90%;
  --max-width: 800px;
  --width: 100%;
}
.layout-container .menu__logo {
  width: 70%;
  padding: 0.5rem;
  margin: 1rem 0;
}
.layout-container .boldText {
  font-size: var(--fs-4xl);
  color: #928a8a;
}
.layout-container .menu {
  text-align: start;
  display: flex;
  text-align: start;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0.1rem 0rem;
  max-width: 195px;
  border-radius: 5px;
  gap: 15px;
  margin: 0 auto;
  background: transparent !important;
}
.layout-container .menu:hover {
  cursor: pointer;
}
.layout-container .sidebar-wrapper {
  --overflow: auto !important;
}
.layout-container .sidebar-list-item {
  scrollbar-width: none !important;
}
.layout-container .sidebar-wrapper,
.layout-container .sidebar-list-item,
.layout-container .footer-container,
.layout-container .header-wrapper,
.layout-container .logo-wrapper {
  background: var(--app-sidebar-panel-background, #eff6fc);
  --background: var(--app-sidebar-panel-background, #eff6fc);
}
.layout-container .sidebar-list-item {
  --padding-top: 0 !important;
  padding-top: 0 !important;
  --padding-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.layout-container .ion-page {
  background-color: var(--app-page-background, #ffffff);
}
.layout-container .info {
  color: black;
}
.layout-container .inactive-img {
  display: block;
}
@media (min-width: 768px) {
  .layout-container .sidebar-shown {
    margin-left: var(--ml-nav-w-collapsed, 50px);
  }
}
.layout-container .active-img {
  display: none;
}
.layout-container .menu-indicator {
  position: absolute;
  left: 0;
  top: 20%;
  background-image: linear-gradient(#e84055, #c52c70);
  height: 60%;
  width: 7px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.layout-container .center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.layout-container .vertical_center {
  position: absolute;
  top: 10%;
}
.layout-container .menu-indicator {
  display: none;
}
.layout-container .active .menu-indicator {
  display: block;
}
.layout-container .active ion-icon,
.layout-container .active ion-label,
.layout-container .active label,
.layout-container .active a {
  color: #328094;
}
.layout-container .active .inactive-img {
  display: none;
}
.layout-container .active .active-img {
  display: block;
}
.layout-container .sidebar-bottom-items {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: var(--ion-item-background, var(--ion-background-color, #fff));
}
.layout-container .header:not(.ml-shell-header) {
  height: 90px;
  display: flex;
  background-color: var(--app-header-background, #f6f9fc);
  align-items: center;
}
.layout-container .header:not(.ml-shell-header):after {
  display: none;
}
.layout-container .header:not(.ml-shell-header) .welcome-text {
  padding: 0.4rem 0.6rem;
}
.layout-container ion-header.ml-shell-header.header::after {
  display: none;
}
.layout-container .paragraph {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
}
.layout-container .search-input {
  border: 1px solid #b8b6b7;
  border-radius: 20px;
}
.layout-container .user-avatar {
  border: 1px solid #33566e;
  height: 40px;
  width: 40px;
  object-fit: contain;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #33566e;
}
.layout-container .user-avatar.notifications {
  display: flex;
  position: relative;
  box-shadow: 1px 1px 8px -1px rgba(0, 0, 0, 0.2);
}
.layout-container .user-avatar .notifications-count {
  background: #33566e;
  border-radius: 50%;
  font-size: var(--fs-2xs);
  text-align: center;
  width: 13px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  padding: 2px;
}
.layout-container .border-none {
  border: none !important;
}
.layout-container .unread-alert {
  --background: rgb(245, 245, 245);
}
.layout-container .crypto-link {
  text-decoration: underline;
  color: #33566e;
}
.layout-container .content-wrapper {
  margin-top: 0;
  background-color: transparent;
  --background: transparent;
  height: 100%;
  width: 100%;
  box-shadow: none;
  border-radius: 0;
}
.layout-container .activate-account-msg {
  background: #E0F6FF;
  color: #9F9FA0;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 6px;
}
.layout-container .notifications-popover {
  --width: 510px;
  --max-width: 100%;
}
.layout-container .sidebar-wrapper input,
.layout-container .sidebar-wrapper ul.submenu {
  display: none;
}
.layout-container .sidebar-wrapper label {
  position: relative;
  display: block;
  cursor: pointer;
}
.layout-container .sidebar-wrapper input:checked ~ ul.submenu {
  display: block;
}
.layout-container .content {
  margin-top: 5rem;
}
.layout-container .notifications-list ion-item:not(.no-data) {
  position: relative;
  padding-left: 1rem;
}
.layout-container .notifications-list ion-item:not(.no-data):before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #000;
  border-radius: 50%;
  z-index: 9;
  top: 50%;
  left: 12px;
}
.layout-container div.item-native:hover {
  background: rgb(245, 245, 245) !important;
  cursor: pointer !important;
}
.layout-container .active-menu {
  background: rgb(225, 235, 243);
}
.layout-container .img-container {
  border-radius: 50%;
}
.layout-container .app-running {
  color: white;
  font-weight: var(--fw-bold);
  margin-right: 2rem;
  background-color: #06B050;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
}
.layout-container .app-installed {
  color: white;
  font-weight: var(--fw-bold);
  margin-right: 2rem;
  background-color: #FF0000;
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
}
.layout-container .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: black;
  opacity: 0.8;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.layout-container .brand-logo {
  width: 40px;
  height: auto;
  margin: auto;
}
.layout-container .sidebar-wrapper .sidebar-list-item .menu .img-container {
  width: 36px;
  /* Reduce the width of the icon container */
  height: 36px;
  /* Reduce the height of the icon container */
}
.layout-container .sidebar-wrapper .sidebar-list-item .menu .img-container img {
  width: 100%;
  /* Ensure the icon fits the container */
  height: 100%;
  /* Ensure the icon fits the container */
}
.layout-container .sidebar-wrapper .sidebar-list-item .menu .secondary-text-menu {
  font-size: var(--fs-sm);
}
.layout-container .sidebar-wrapper .sidebar-list-item .submenu a {
  font-size: var(--fs-sm);
}
.layout-container .notifications .ion-icon {
  font-size: 20px;
  /* Reduce the font size of the notifications icon */
}
.layout-container .secondary-text-menu.reduced-font-size {
  font-size: var(--fs-sm);
}
.layout-container .h-60 {
  height: 60px;
}
.layout-container .flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout-container .font-small {
  font-size: var(--fs-md) !important;
}
.bold-text {
  font-weight: var(--fw-bold);
}
.text-accent {
  color: #EC3390 !important;
}
.text-center {
  text-align: center;
}
.hide-with-anim {
  height: auto;
  max-height: 100px;
  /* Set the maximum height for the visible state */
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  opacity: 1;
}
.divider {
  width: 90%;
  border: 0.5px solid #cdcdcd;
  margin: 1rem auto;
}
.content-divider {
  margin: 1rem 0;
  border: 0.5px solid #A9A9A9;
}
.rotate-down {
  transform: rotate(90deg);
}
.hide-with-anim.hide {
  max-height: 0;
  opacity: 0;
}
.height-max-content {
  min-height: max-content !important;
  padding-bottom: 5vh;
}
.no-scrollbar {
  /* Hide scrollbar for Chrome, Safari, and Edge */
  /* Hide scrollbar for IE and Edge (earlier versions) */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.custom-toast {
  --background: #ffffff;
  --color: #000000;
  --border-radius: 8px;
  --box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  max-width: 350px;
  transition: top 0.3s ease-in-out;
  position: fixed !important;
  top: var(--toast-top, 20px) !important;
  right: 20px !important;
  left: auto !important;
  transform: none !important;
  z-index: 9999;
}
.custom-toast.success {
  --background: #dff0d8;
  --color: #3c763d;
}
.custom-toast.error {
  --background: #f2dede;
  --color: #a94442;
}
.ag-header-container {
  background-color: #d0e7ed !important;
  /* Replace with your desired color */
  color: white;
  /* Change text color if needed */
}
/* App shell breadcrumb toolbar — white bar + teal border tokens (mylegacy_app.html .topbar) */
ion-toolbar#test.ml-shell-toolbar {
  --ion-toolbar-background: #ffffff !important;
  --min-height: 52px !important;
  --border-width: 0 0 1px 0 !important;
  --border-color: #dde4ec !important;
}
ion-toolbar#test:not(.ml-shell-toolbar) {
  --ion-toolbar-background: var(--app-header-background, #f6f9fc) !important;
}
@media (max-width: 768px) {
  .layout-container .content-wrapper {
    background-color: transparent !important;
    --background: transparent !important;
  }
  .primary__button {
    background: #E9F9FF !important;
    color: black;
    border-radius: 20px;
    border: 1px solid #2C93AE;
  }
  .primary__border__button {
    border-radius: 20px;
  }
  ::ng-deep ion-checkbox.mySecrete.md {
    --background: #e0e0e0 !important;
  }
  ::ng-deep ion-checkbox.mySecrete .checkbox-icon {
    color: #ff5733 !important; /* Checkmark color */
  }
  ::ng-deep ion-checkbox.mySecrete {
    --checkmark-color: #ff5733; /* Replace with your desired color */
  }
}
::ng-deep ion-button.copilot__button .button-native {
  color: var(--ion-toolbar-background, var(--color)) !important;
}
ion-modal.custom-modal::part(wrapper),
ion-modal.show-modal.mobileAdd::part(wrapper),
ion-modal.show-modal.finalizePopup::part(wrapper) ion-modal.show-modal.confirmation-popup.mobile::part(wrapper) {
  background-color: none !important;
}
ion-modal.custom-modal,
ion-modal.show-modal.mobileAdd,
ion-modal.finalizePopup,
ion-modal.show-modal.confirmation-popup.mobile {
  --background: none !important;
  background: none !important;
}
ion-modal.edit-guardian-popup.mobile {
  --background: #fff !important;
  background: rgba(0, 0, 0, 0.32) !important;
}
:host ion-item.noBg {
  --background: #fff !important;
  --color: #333;
}
/* ----- Confirmation popup polish ----- */
ion-modal.confirmation-popup::part(content) {
  border-radius: 12px;
  overflow: hidden;
}
ion-modal.confirmation-popup ion-header ion-toolbar {
  --background: #ffffff;
  --color: #1f384c;
  --border-width: 0;
  --min-height: 52px;
  --padding-start: 20px;
  --padding-end: 12px;
  box-shadow: inset 0 -1px 0 #eef1f5;
}
ion-modal.confirmation-popup ion-title.heading {
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: #1f384c;
  padding-inline: 0;
  text-align: left;
}
ion-modal.confirmation-popup ion-content.ion-padding {
  --padding-top: 18px;
  --padding-bottom: 18px;
  --padding-start: 22px;
  --padding-end: 22px;
  --background: #ffffff;
  --color: #2a3b4d;
}
ion-modal.confirmation-popup .confirm-text {
  font-size: var(--fs-xl);
  line-height: 1.55;
  color: #2a3b4d;
  margin: 0;
}
ion-modal.confirmation-popup .confirm-text b {
  display: inline-block;
  margin-top: 8px;
  color: #1f384c;
}
ion-modal.confirmation-popup ion-footer {
  background: #ffffff;
  box-shadow: inset 0 1px 0 #eef1f5;
  padding: 14px 20px !important;
}
ion-modal.confirmation-popup ion-button {
  margin: 0;
  --padding-start: 22px;
  --padding-end: 22px;
  --padding-top: 10px;
  --padding-bottom: 10px;
  --border-radius: 8px;
  min-height: 40px;
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.3px;
}
ion-modal.confirmation-popup ion-button.primary__button {
  --background: #33566e;
  --background-hover: #28475c;
  --background-activated: #28475c;
  --color: #ffffff;
  --box-shadow: none;
}
ion-modal.confirmation-popup ion-button.primary__border__button {
  --background: #ffffff;
  --background-hover: #f4f7fa;
  --color: #33566e;
  --border-color: #33566e;
  --border-width: 1.5px;
  --border-style: solid;
  --box-shadow: none;
}
@media only screen and (pointer: coarse) and (orientation: landscape) {
  body {
    transform: none !important;
    transform-origin: initial !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
  }
}
.large-modal {
  --width: 60vw; /* 90% of viewport width */
  --height: 90vh; /* 90% of viewport height */
  --border-radius: 12px; /* optional rounded corners */
  --overflow: hidden; /* prevent content overflow */
}
.large-modal .modal-wrapper {
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
/* Delegation: scrollable long status / install steps in Ionic alert */
ion-alert.delegation-secure-admin-alert {
  z-index: 2147483647 !important;
  --backdrop-opacity: 0.5;
}
ion-alert.delegation-secure-admin-alert .alert-wrapper {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}
ion-alert.delegation-secure-admin-alert .alert-button-group,
ion-alert.delegation-secure-admin-alert .alert-button {
  pointer-events: auto !important;
  touch-action: manipulation;
}
ion-alert.delegation-secure-admin-alert .alert-button.delegation-secure-admin-alert__btn {
  cursor: pointer;
}
ion-alert.delegation-secure-admin-alert .alert-message {
  max-height: min(60vh, 420px);
  overflow-y: auto;
  text-align: start;
  font-size: var(--fs-md);
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
}
/* Online Accounts — Add / Update modal: content height + rounded corners (Create Directive parity) */
ion-modal.oa-add-form-modal {
  --width: min(468px, 94vw);
  --max-width: min(468px, 94vw);
  --height: fit-content;
  --max-height: min(calc(88vh + env(safe-area-inset-bottom, 0px)), 620px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
ion-modal.oa-add-form-modal::part(content) {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(88vh + env(safe-area-inset-bottom, 0px), 620px);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 14px;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.oa-add-form-modal {
    --border-radius: 14px;
    --width: min(460px, 92vw);
    --max-width: min(460px, 92vw);
    --height: fit-content;
    --max-height: min(calc(88vh + env(safe-area-inset-bottom, 0px)), 620px);
    --overflow: hidden;
    --backdrop-opacity: 0.42;
  }
}
@media only screen and (min-width: 768px) and (min-height: 768px) {
  ion-modal.oa-add-form-modal {
    --width: min(460px, 92vw);
    --height: fit-content;
    --border-radius: 14px;
  }
}
/* Contacts selection modal (Recovery Agents, executors, etc.) */
ion-modal.cs-modal {
  --cs-ui-font: var(--font-body);
  --cs-head-font: var(--font-heading);
  --cs-accent: #33556e;
  --cs-accent-d: #28475c;
  --cs-accent-l: #eef3f7;
  --cs-text: #233444;
  --cs-text-2: #4a6070;
  --cs-text-3: #617383;
  --cs-text-4: #8b9ba8;
  --cs-border: #e5ecec;
  --cs-bg: #fafbf9;
  --cs-surface: #ffffff;
  --cs-green: #5c7a62;
  --cs-green-l: #edf3ee;
  --width: min(560px, calc(100vw - 48px));
  --max-width: min(560px, calc(100vw - 48px));
  --height: min(520px, 88vh);
  --min-height: min(520px, 88vh);
  --max-height: min(520px, 88vh);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
ion-modal.cs-modal.cs-modal--ra {
  --cs-accent: #7c6fa3;
  --cs-accent-d: #655a87;
  --cs-accent-l: #f2f0f7;
  --cs-zone-light: #e8e4f2;
}
ion-modal.cs-modal .cs-invite-tip {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-bottom: 14px;
  padding: 11px 14px;
  border-radius: 8px;
  border: 1px solid var(--cs-zone-light, #e8e4f2);
  background: var(--cs-accent-l, #f2f0f7);
  font-size: var(--fs-md);
  line-height: 1.6;
  color: var(--cs-accent-d, #655a87);
}
ion-modal.cs-modal .cs-invite-tip__icon {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1.4;
}
ion-modal.cs-modal.cs-modal--ra .cc-btn--invite,
ion-modal.cs-modal.cs-modal--ra .cc-btn--save.cc-btn--invite {
  background: var(--cs-accent, #7c6fa3);
  border-color: var(--cs-accent, #7c6fa3);
  font-weight: var(--fw-bold);
}
ion-modal.cs-modal.cs-modal--ra .cc-btn--invite:hover:not(:disabled),
ion-modal.cs-modal.cs-modal--ra .cc-btn--save.cc-btn--invite:hover:not(:disabled) {
  background: var(--cs-accent-d, #655a87);
  border-color: var(--cs-accent-d, #655a87);
}
ion-modal.cs-modal::part(content) {
  height: min(520px, 88vh) !important;
  min-height: min(520px, 88vh) !important;
  max-height: min(520px, 88vh) !important;
  overflow: hidden !important;
  border-radius: 14px;
  background: #fff;
}
ion-modal.cs-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  background: #fff;
}
ion-modal.cs-modal .cs-shell {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  background: var(--cs-surface);
  font-family: var(--font-body);
  font-size: var(--fs-lg);
  line-height: 1.5;
  color: var(--cs-text);
  -webkit-font-smoothing: antialiased;
}
ion-modal.cs-modal .cs-shell__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px 14px;
  border-bottom: 1px solid var(--cs-border);
  background: var(--cs-surface);
  flex-shrink: 0;
}
ion-modal.cs-modal .cs-shell__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--cs-text);
  letter-spacing: -0.2px;
}
ion-modal.cs-modal .cs-shell__header-end {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
ion-modal.cs-modal .cs-shell__country {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: var(--cs-text-2);
}
ion-modal.cs-modal .cs-shell__country img {
  width: 28px;
  height: 18px;
  max-width: 28px;
  max-height: 18px;
  border-radius: 2px;
  object-fit: cover;
  border: 1px solid var(--cs-border);
}
ion-modal.cs-modal .cs-shell__close {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  border: 1px solid var(--cs-border);
  background: var(--cs-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--cs-text-3);
  padding: 0;
}
ion-modal.cs-modal .cs-shell__close ion-icon {
  font-size: 18px;
  pointer-events: none;
}
ion-modal.cs-modal .cs-shell__close:hover {
  background: var(--cs-accent-l);
  border-color: var(--cs-accent);
  color: var(--cs-accent);
}
ion-modal.cs-modal .cs-shell__body {
  --background: var(--cs-surface);
  --padding-top: 16px;
  --padding-bottom: 16px;
  --padding-start: 22px;
  --padding-end: 22px;
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}
ion-modal.cs-modal .cs-shell__body--invite {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px 22px 20px;
  overflow: auto;
  background: var(--cs-surface);
}
ion-modal.cs-modal.cs-modal--ra-invite {
  --width: min(480px, calc(100vw - 48px));
  --max-width: min(480px, calc(100vw - 48px));
  --height: auto;
  --min-height: 0;
  --max-height: min(92vh, 720px);
}
ion-modal.cs-modal.cs-modal--ra-invite::part(content) {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(92vh, 720px) !important;
  overflow: auto !important;
}
ion-modal.cs-modal.cs-modal--ra-invite .ion-page {
  height: auto !important;
  min-height: 0 !important;
  max-height: min(92vh, 720px) !important;
}
ion-modal.cs-modal.cs-modal--ra-invite .cs-shell {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
ion-modal.cs-modal.cs-modal--ra-invite .cs-shell__header {
  padding: 17px 22px 14px;
}
ion-modal.cs-modal.cs-modal--ra-invite .cs-shell__title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-form {
  display: flex;
  flex-direction: column;
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-field {
  margin-bottom: 14px;
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-label {
  display: block;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: #617383;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-input {
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  border: 1.5px solid #e2e8ee;
  border-radius: 8px;
  font-size: var(--fs-md);
  color: #233444;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  font-family: inherit;
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-input:focus {
  border-color: #7c6fa3;
  box-shadow: 0 0 0 3px rgba(124, 111, 163, 0.12);
}
ion-modal.cs-modal.cs-modal--ra-invite .cc-invite-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 0 0;
  margin-top: 4px;
  border-top: 1px solid #e5ecec;
}
ion-modal.cs-modal.cs-modal--ra-invite form-errors-messages .error-message {
  margin-top: 4px;
  font-size: var(--fs-xs);
}
ion-modal.cs-modal.cs-modal--ra-invite app-contact-create {
  display: block;
}
ion-modal.cs-modal .cs-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
ion-modal.cs-modal .cs-toolbar__label {
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  color: var(--cs-text);
}
ion-modal.cs-modal .cs-toolbar__add {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 10px;
  border: 1px solid var(--cs-accent);
  background: var(--cs-surface);
  color: var(--cs-accent);
  font-family: var(--font-body);
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  white-space: nowrap;
}
ion-modal.cs-modal .cs-toolbar__add ion-icon {
  font-size: 15px;
  pointer-events: none;
}
ion-modal.cs-modal .cs-toolbar__add:hover {
  background: var(--cs-accent-l);
}
ion-modal.cs-modal .cs-error {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #fef2f2;
  color: #b42318;
  font-size: var(--fs-md);
  text-align: center;
}
ion-modal.cs-modal .cs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
ion-modal.cs-modal .cs-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border: 1px solid var(--cs-border);
  border-radius: 12px;
  background: var(--cs-surface);
  box-shadow: 0 1px 3px rgba(35, 52, 68, 0.04);
}
ion-modal.cs-modal .cs-row--accepted {
  background: var(--cs-bg);
}
ion-modal.cs-modal .cs-checkbox {
  flex-shrink: 0;
  margin: 0;
  --size: 20px;
  --border-radius: 6px;
  --border-width: 1.5px;
  --border-color: #c5d0d8;
  --checkbox-background: var(--cs-surface);
  --checkbox-background-checked: var(--cs-accent);
  --background-checked: var(--cs-accent);
  --border-color-checked: var(--cs-accent);
  --checkmark-color: #fff;
  --checkmark-width: 2px;
}
ion-modal.cs-modal.cs-modal--ra .cs-checkbox {
  --checkbox-background-checked: #7c6fa3;
  --background-checked: #7c6fa3;
  --border-color-checked: #7c6fa3;
  --checkmark-color: #fff;
}
ion-modal.cs-modal.cs-modal--ra .cs-checkbox.checkbox-checked::part(container) {
  background: #7c6fa3 !important;
  border-color: #7c6fa3 !important;
}
ion-modal.cs-modal.cs-modal--ra .cs-checkbox::part(mark) {
  color: #fff;
}
ion-modal.cs-modal .cs-row__info {
  flex: 1;
  min-width: 0;
}
ion-modal.cs-modal .cs-row__name {
  font-size: var(--fs-lg);
  font-weight: var(--fw-semibold);
  color: var(--cs-text);
  line-height: 1.35;
  margin-bottom: 2px;
}
ion-modal.cs-modal .cs-row__email {
  font-size: var(--fs-md);
  color: var(--cs-text-4);
  line-height: 1.4;
  word-break: break-word;
}
ion-modal.cs-modal .cs-row__badge {
  flex-shrink: 0;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  background: var(--cs-green-l);
  color: var(--cs-green);
}
ion-modal.cs-modal .cs-empty {
  margin: 24px 0 8px;
  text-align: center;
  font-size: var(--fs-md);
  color: var(--cs-text-3);
}
ion-modal.cs-modal .cs-shell__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 22px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--cs-border);
  background: var(--cs-surface);
  flex-shrink: 0;
}
ion-modal.cs-modal .cs-shell__footer-hint,
ion-modal.cs-modal .cs-list-intro {
  margin: 0;
  font-size: var(--fs-md);
  font-weight: var(--fw-medium);
  color: var(--cs-text-3);
  line-height: 1.5;
}
ion-modal.cs-modal .cs-list-intro {
  margin: 0;
}
ion-modal.cs-modal .cs-toolbar--ra {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
ion-modal.cs-modal .cs-toolbar--ra .cs-list-intro {
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 132px);
  padding-top: 2px;
  font-size: var(--fs-md);
  line-height: 1.55;
}
ion-modal.cs-modal .cs-toolbar--ra .cs-toolbar__add {
  flex-shrink: 0;
  margin-top: 1px;
}
ion-modal.cs-modal .cs-shell__footer--save-only {
  justify-content: flex-end;
}
ion-modal.cs-modal .cs-shell__save {
  margin-left: auto;
  padding: 10px 24px;
  border: none;
  border-radius: 10px;
  background: var(--cs-accent);
  color: #fff;
  font-family: var(--font-body);
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  white-space: nowrap;
  min-height: 42px;
}
ion-modal.cs-modal .cs-shell__save:hover {
  background: var(--cs-accent-d);
}
ion-modal.cs-modal .cc-footer ion-toolbar {
  --background: #fff;
  --border-width: 1px 0 0 0;
  --border-color: var(--cs-border);
  --min-height: 64px;
  --padding-start: 0;
  --padding-end: 0;
}
ion-modal.cs-modal .cc-footer__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 22px 14px;
}
ion-modal.cs-modal .cc-footer__actions--mobile {
  justify-content: center;
}
ion-modal.cs-modal .cc-btn {
  padding: 8px 20px;
  border-radius: 10px;
  font-family: var(--font-body);
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  min-height: 40px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
ion-modal.cs-modal .cc-btn--cancel {
  background: #fff;
  color: #4a6070;
  border: 1px solid #dde4ec;
}
ion-modal.cs-modal .cc-btn--cancel:hover:not(:disabled) {
  background: #f8fafb;
  border-color: #c8d4e0;
  color: #374c5c;
}
ion-modal.cs-modal .cc-btn--save {
  background: #4f92a6;
  color: #fff;
  border: 1px solid #4f92a6;
}
ion-modal.cs-modal .cc-btn--save:hover:not(:disabled) {
  background: #2c6470;
  border-color: #2c6470;
}
ion-modal.cs-modal .cc-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
ion-modal.cs-modal .cs-shell__mobile-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px 10px;
  border-bottom: 1px solid var(--cs-border);
  background: var(--cs-surface);
  cursor: pointer;
}
ion-modal.cs-modal .cs-shell__mobile-back {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--cs-accent-l);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
ion-modal.cs-modal .cs-shell__mobile-back img {
  width: 18px;
  height: 18px;
}
ion-modal.cs-modal .cs-shell__mobile-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: var(--cs-text);
}
@media (max-width: 767.99px) {
  ion-modal.cs-modal.mobileAdd {
    --width: 100%;
    --max-width: 100%;
    --height: min(520px, 88vh);
    --max-height: min(520px, 88vh);
    --border-radius: 24px 24px 0 0;
    --background: transparent;
    align-items: flex-end;
  }
  ion-modal.cs-modal.mobileAdd::part(content) {
    border-radius: 24px 24px 0 0;
    width: 100%;
    height: min(520px, 88vh) !important;
    min-height: min(520px, 88vh) !important;
    max-height: min(520px, 88vh) !important;
    background: #fff;
  }
  ion-modal.cs-modal.mobileAdd .cs-shell {
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
  }
  ion-modal.cs-modal.mobileAdd .cs-shell__footer {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }
  ion-modal.cs-modal.mobileAdd .cs-shell__footer-hint {
    text-align: center;
  }
  ion-modal.cs-modal.mobileAdd .cs-shell__save {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
}
/* Create / Update Contact modal — v2 shell (contacts page) */
ion-modal.add-contact-modal {
  --width: min(520px, calc(100vw - 48px));
  --max-width: min(520px, calc(100vw - 48px));
  --height: auto;
  --max-height: min(94vh, 720px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
/* Inheritance plan — Create Trustee contact modal (same width as Contacts add modal) */
ion-modal.inh-contact-modal {
  --width: min(520px, calc(100vw - 32px));
  --max-width: min(520px, calc(100vw - 32px));
  --height: auto;
  --max-height: min(94vh, 720px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
ion-modal.eb-add-contact-modal,
ion-modal.oa-add-contact-modal {
  --width: min(520px, calc(100vw - 48px));
  --max-width: min(520px, calc(100vw - 48px));
  --height: auto;
  --max-height: min(94vh, 720px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
ion-modal.add-contact-modal::part(content),
ion-modal.eb-add-contact-modal::part(content),
ion-modal.oa-add-contact-modal::part(content),
ion-modal.inh-contact-modal::part(content) {
  height: auto !important;
  max-height: min(94vh, 100vh - 32px);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border-radius: 14px;
}
ion-modal.add-contact-modal .ion-page,
ion-modal.eb-add-contact-modal .ion-page,
ion-modal.oa-add-contact-modal .ion-page,
ion-modal.inh-contact-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
}
ion-modal.add-contact-modal .acm-body,
ion-modal.eb-add-contact-modal .acm-body,
ion-modal.oa-add-contact-modal .acm-body,
ion-modal.inh-contact-modal .acm-body,
ion-modal.inh-contact-modal .inh-contact-modal__body {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  overflow: visible;
}
/* Contact modal header/footer — override generic create-contract-modal gray toolbar */
ion-modal.add-contact-modal ion-header.acm-header ion-toolbar,
ion-modal.eb-add-contact-modal ion-header.acm-header ion-toolbar,
ion-modal.oa-add-contact-modal ion-header.acm-header ion-toolbar {
  --background: #fff;
  --color: var(--acm-text, #1a2e3f);
  --border-width: 0 0 1px;
  --border-color: #dde4ec;
}
@media (max-width: 767.99px) {
  ion-modal.add-contact-modal,
ion-modal.inh-contact-modal,
ion-modal.eb-add-contact-modal,
ion-modal.oa-add-contact-modal {
    --width: min(100%, calc(100vw - 16px));
    --max-width: min(100%, calc(100vw - 16px));
    --max-height: 92vh;
  }
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.add-contact-modal,
ion-modal.eb-add-contact-modal,
ion-modal.oa-add-contact-modal,
ion-modal.inh-contact-modal {
    --backdrop-opacity: 0.42;
  }
}
/* Update Recovery Agent modal — vault purple shell (matches enroll-secret-modal) */
ion-modal.edit-guardian-popup {
  --background: transparent;
  --backdrop-opacity: 0.45;
}
ion-modal.edit-guardian-popup::part(content) {
  background: transparent;
  overflow: visible;
  box-shadow: 0 12px 32px rgba(35, 52, 68, 0.22);
}
ion-modal.edit-guardian-popup .agm-shell {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: min(92vh, 680px);
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  pointer-events: auto;
}
ion-modal.edit-guardian-popup .agm-shell__header {
  padding: 17px 22px 14px;
  border-bottom: 1px solid #e5ecec;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
ion-modal.edit-guardian-popup .agm-shell__title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #233444;
}
ion-modal.edit-guardian-popup .agm-shell__close {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #e5ecec;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #8b9ba8;
  background: #fff;
  padding: 0;
}
ion-modal.edit-guardian-popup .agm-shell__body {
  padding: 16px 22px 6px;
  overflow-y: auto;
  background: #fff;
}
ion-modal.edit-guardian-popup .agm-label {
  display: block;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: #8b9ba8;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 5px;
}
ion-modal.edit-guardian-popup .agm-input {
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  border: 1.5px solid #e5ecec;
  border-radius: 8px;
  font-size: var(--fs-md);
  color: #233444;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  pointer-events: auto;
}
ion-modal.edit-guardian-popup .agm-input:focus {
  border-color: #7c6fa3;
  box-shadow: 0 0 0 3px rgba(124, 111, 163, 0.12);
}
ion-modal.edit-guardian-popup .agm-input--readonly,
ion-modal.edit-guardian-popup .agm-input:disabled {
  background: #f4f6f8;
  color: #617383;
}
ion-modal.edit-guardian-popup .agm-form-row {
  margin-bottom: 12px;
}
ion-modal.edit-guardian-popup .agm-form-row-2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 10px;
  margin-bottom: 4px;
}
ion-modal.edit-guardian-popup .agm-shell__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 12px 22px 16px;
  border-top: 1px solid #e5ecec;
  background: #fff;
  flex-shrink: 0;
}
ion-modal.edit-guardian-popup .agm-btn-cancel {
  padding: 8px 18px;
  background: #fff;
  color: #617383;
  border: 1px solid #e5ecec;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  min-width: 88px;
}
ion-modal.edit-guardian-popup .agm-btn-save {
  padding: 8px 22px;
  background: #7c6fa3 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  min-width: 100px;
}
ion-modal.edit-guardian-popup .agm-btn-save:hover:not(:disabled) {
  background: #655a87 !important;
}
ion-modal.edit-guardian-popup .agm-btn-save:disabled {
  background: #e8ecf0 !important;
  color: #8b9ba8 !important;
  cursor: not-allowed;
}
/* Emergency Binder — open binder confirmation */
ion-modal.open-vault-modal {
  --width: min(560px, 96vw);
  --max-width: min(560px, 96vw);
  --height: auto;
  /* Tall enough for copy + textarea + footer without ion-content scrollbar on typical viewports */
  min-height: 440px;
  --max-height: min(calc(94vh + env(safe-area-inset-bottom, 0px)), 720px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 10px 40px rgba(15, 31, 46, 0.16);
}
ion-modal.open-vault-modal::part(content) {
  height: auto !important;
  min-height: 400px !important;
  max-height: min(94vh + env(safe-area-inset-bottom, 0px), 720px);
  overflow-x: hidden !important;
  overflow-y: visible !important;
  border-radius: 14px;
}
/* Let middle section participate in modal height (flex chain from ion-modal) */
ion-modal.open-vault-modal .ion-page {
  display: flex;
  flex-direction: column;
  min-height: 400px;
}
ion-modal.open-vault-modal ion-content.open-vault-modal__content {
  flex: 1 1 auto;
  min-height: 280px !important;
  --overflow: auto;
}
@media (max-width: 767px) {
  ion-modal.open-vault-modal {
    --width: min(100vw - 24px, 560px);
    --max-width: calc(100vw - 24px);
    --max-height: min(88vh, 640px);
    min-height: 0;
  }
  ion-modal.open-vault-modal::part(content) {
    min-height: min(420px, 85vh) !important;
    max-height: min(88vh, 640px);
    overflow-y: auto !important;
  }
  ion-modal.open-vault-modal .ion-page {
    min-height: min(400px, 85vh);
  }
  ion-modal.open-vault-modal ion-content.open-vault-modal__content {
    min-height: 180px !important;
    --overflow: auto;
  }
}
/* Very short screens: allow scroll again so nothing is clipped */
@media (max-height: 540px) {
  ion-modal.open-vault-modal {
    min-height: min(440px, 92vh);
  }
  ion-modal.open-vault-modal::part(content) {
    overflow-y: auto !important;
    min-height: 0 !important;
  }
  ion-modal.open-vault-modal ion-content.open-vault-modal__content {
    --overflow: auto;
    min-height: 0 !important;
  }
  ion-modal.open-vault-modal .ion-page {
    min-height: 0;
  }
}
ion-modal.open-vault-modal::part(backdrop) {
  background: rgba(15, 23, 42, 0.45);
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.open-vault-modal {
    --backdrop-opacity: 0.42;
  }
}
/* Online Accounts — import accounts (wide two-column sheet) */
ion-modal.oa-import-accounts-modal {
  --width: min(700px, calc(100vw - 32px));
  --max-width: min(700px, calc(100vw - 32px));
  --height: fit-content;
  --max-height: min(calc(92vh + env(safe-area-inset-bottom, 0px)), 920px);
  --overflow: hidden;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 12px 48px rgba(15, 31, 46, 0.18);
}
ion-modal.oa-import-accounts-modal::part(backdrop) {
  background: rgba(15, 23, 42, 0.45);
}
ion-modal.oa-import-accounts-modal::part(content) {
  display: flex;
  flex-direction: column;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(92vh + env(safe-area-inset-bottom, 0px), 920px);
  overflow: hidden !important;
  border-radius: 14px;
}
ion-modal.oa-import-accounts-modal .ion-page {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
ion-modal.oa-import-accounts-modal app-online-accounts-import-form {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.oa-import-accounts-modal {
    --backdrop-opacity: 0.42;
  }
}
/* Files vault — Add New File modal (mylegacy_files_shell_v2.html) */
ion-modal.fv-add-file-modal {
  --width: min(540px, calc(100vw - 32px));
  --max-width: min(540px, calc(100vw - 32px));
  --height: fit-content;
  --max-height: min(90vh, 860px);
  --overflow: visible;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 12px 48px rgba(15, 31, 46, 0.18);
}
ion-modal.fv-add-file-modal::part(backdrop) {
  background: rgba(15, 23, 42, 0.45);
}
ion-modal.fv-add-file-modal::part(content) {
  display: block;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(90vh, 860px);
  overflow: visible !important;
  border-radius: 14px;
}
ion-modal.fv-add-file-modal .ion-page {
  display: block;
  height: auto;
  max-height: min(90vh, 860px);
  overflow: visible;
}
ion-modal.fv-add-file-modal app-file-form {
  display: block;
  height: auto;
  max-height: min(90vh, 860px);
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.fv-add-file-modal {
    --backdrop-opacity: 0.42;
  }
}
/* Files vault — Share File modal (mylegacy_files_shell_v2.html) */
ion-modal.share-file-modal {
  --width: min(500px, calc(100vw - 32px));
  --max-width: min(500px, calc(100vw - 32px));
  --height: fit-content;
  --max-height: min(90vh, 720px);
  --overflow: visible;
  --border-radius: 14px;
  --background: #fff;
  --box-shadow: 0 12px 48px rgba(15, 31, 46, 0.18);
}
ion-modal.share-file-modal::part(backdrop) {
  background: rgba(15, 23, 42, 0.45);
}
ion-modal.share-file-modal::part(content) {
  display: block;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(90vh, 720px);
  overflow: visible !important;
  border-radius: 14px;
}
ion-modal.share-file-modal .ion-page {
  display: block;
  height: auto;
  max-height: min(90vh, 720px);
  overflow: visible;
  background: transparent;
}
ion-modal.share-file-modal app-share-file-table {
  display: block;
  height: auto;
  max-height: min(90vh, 720px);
}
@media only screen and (min-width: 768px) and (min-height: 600px) {
  ion-modal.share-file-modal {
    --backdrop-opacity: 0.42;
  }
}
ion-modal.ionic-selectable-modal, ion-modal.Country-modal, ion-modal.State-modal, ion-modal.BusinessType-modal {
  --width: min(calc(100% - 32px), 420px);
  --height: min(70vh, 600px);
  --background: #ffffff;
  --border-radius: 20px;
  --box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.14);
}
ion-modal.ionic-selectable-modal ion-header, ion-modal.Country-modal ion-header, ion-modal.State-modal ion-header, ion-modal.BusinessType-modal ion-header {
  box-shadow: none;
}
ion-modal.ionic-selectable-modal ion-header ion-toolbar, ion-modal.Country-modal ion-header ion-toolbar, ion-modal.State-modal ion-header ion-toolbar, ion-modal.BusinessType-modal ion-header ion-toolbar {
  --background: #ffffff;
  --border-color: transparent;
  --color: #0f172a;
  font-family: var(--font-body);
  font-weight: var(--fw-bold);
}
ion-modal.ionic-selectable-modal ion-header ion-toolbar:first-of-type, ion-modal.Country-modal ion-header ion-toolbar:first-of-type, ion-modal.State-modal ion-header ion-toolbar:first-of-type, ion-modal.BusinessType-modal ion-header ion-toolbar:first-of-type {
  border-radius: 20px 20px 0 0;
  padding-top: 6px;
}
ion-modal.ionic-selectable-modal ion-header ion-title, ion-modal.Country-modal ion-header ion-title, ion-modal.State-modal ion-header ion-title, ion-modal.BusinessType-modal ion-header ion-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
}
ion-modal.ionic-selectable-modal ion-searchbar, ion-modal.Country-modal ion-searchbar, ion-modal.State-modal ion-searchbar, ion-modal.BusinessType-modal ion-searchbar {
  --background: #f1f5f9;
  --border-radius: 10px;
  --color: #0f172a;
  --placeholder-color: #94a3b8;
  --icon-color: #64748b;
  --box-shadow: none;
  padding: 4px 12px 14px;
}
ion-modal.ionic-selectable-modal ion-list, ion-modal.ionic-selectable-modal ion-content, ion-modal.Country-modal ion-list, ion-modal.Country-modal ion-content, ion-modal.State-modal ion-list, ion-modal.State-modal ion-content, ion-modal.BusinessType-modal ion-list, ion-modal.BusinessType-modal ion-content {
  --background: #ffffff;
}
ion-modal.ionic-selectable-modal ion-item, ion-modal.Country-modal ion-item, ion-modal.State-modal ion-item, ion-modal.BusinessType-modal ion-item {
  --background: #ffffff;
  --color: #0f172a;
  --border-color: #f1f5f9;
  --min-height: 54px;
  --padding-start: 16px;
  --inner-padding-end: 16px;
  font-family: var(--font-body);
  font-weight: var(--fw-medium);
  font-size: var(--fs-md);
  line-height: 1.5;
}
ion-modal.ionic-selectable-modal ion-icon[name=radio-button-off], ion-modal.Country-modal ion-icon[name=radio-button-off], ion-modal.State-modal ion-icon[name=radio-button-off], ion-modal.BusinessType-modal ion-icon[name=radio-button-off] {
  font-size: 22px;
  color: #cbd5e1;
}
ion-modal.ionic-selectable-modal ion-icon[name=checkmark-circle], ion-modal.Country-modal ion-icon[name=checkmark-circle], ion-modal.State-modal ion-icon[name=checkmark-circle], ion-modal.BusinessType-modal ion-icon[name=checkmark-circle] {
  font-size: 22px;
  color: #0891b2;
}
ion-modal.ionic-selectable-modal ion-footer, ion-modal.Country-modal ion-footer, ion-modal.State-modal ion-footer, ion-modal.BusinessType-modal ion-footer {
  --background: #ffffff;
  box-shadow: none;
}
ion-modal.ionic-selectable-modal ion-footer ion-toolbar, ion-modal.Country-modal ion-footer ion-toolbar, ion-modal.State-modal ion-footer ion-toolbar, ion-modal.BusinessType-modal ion-footer ion-toolbar {
  --background: transparent;
  padding: 10px 14px 14px;
}
ion-modal.ionic-selectable-modal ion-footer ion-button, ion-modal.ionic-selectable-modal ion-footer button, ion-modal.Country-modal ion-footer ion-button, ion-modal.Country-modal ion-footer button, ion-modal.State-modal ion-footer ion-button, ion-modal.State-modal ion-footer button, ion-modal.BusinessType-modal ion-footer ion-button, ion-modal.BusinessType-modal ion-footer button {
  --background: #0891b2;
  background: #0891b2;
  --color: white;
  color: white;
  --border-radius: 12px;
  border-radius: 12px;
  --padding-top: 14px;
  --padding-bottom: 14px;
  font-weight: var(--fw-bold);
  font-size: var(--fs-md);
  font-family: var(--font-body);
}
ion-modal.Country-modal ion-header ion-toolbar:first-of-type,
ion-modal.State-modal ion-header ion-toolbar:first-of-type {
  padding-top: 0;
}
ion-modal.ionic-selectable-modal ion-header ion-toolbar:first-of-type {
  padding-top: 0 !important;
}
ion-modal.ionic-selectable-modal ion-footer.footer-toolbar-padding ion-toolbar:last-of-type,
ion-modal.Country-modal ion-footer.footer-toolbar-padding ion-toolbar:last-of-type,
ion-modal.State-modal ion-footer.footer-toolbar-padding ion-toolbar:last-of-type {
  padding-bottom: 0;
}
/* Secrets Vault — Enroll Secret modal (rendered in ion-overlay; needs global styles) */
ion-modal.enroll-secret-modal {
  --width: min(480px, 95vw);
  --height: auto;
  --max-height: 92vh;
  --border-radius: 12px;
  --backdrop-opacity: 0.45;
}
ion-modal.enroll-secret-modal::part(content) {
  border-radius: 12px;
  overflow: visible;
  background: transparent;
  box-shadow: 0 12px 32px rgba(35, 52, 68, 0.22);
}
ion-modal.enroll-secret-modal .sv-enroll-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 92vh;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
ion-modal.enroll-secret-modal .sv-enroll-modal__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 14px 22px 18px;
  border-top: 1px solid #e5ecec;
  background: #fff;
  flex-shrink: 0;
}
ion-modal.enroll-secret-modal .sv-enroll-btn-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  height: 36px;
  padding: 0 18px;
  background: #fff;
  color: #617383;
  border: 1px solid #e5ecec;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-modal.enroll-secret-modal .sv-enroll-btn-save {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  height: 36px;
  padding: 0 22px !important;
  background: #7c6fa3 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: var(--fs-md) !important;
  font-weight: var(--fw-bold) !important;
  cursor: pointer;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-appearance: none;
  appearance: none;
}
ion-modal.enroll-secret-modal .sv-enroll-btn-save:hover:not(:disabled) {
  background: #655a87 !important;
}
ion-modal.enroll-secret-modal .sv-enroll-btn-save:disabled {
  background: #e8ecf0 !important;
  color: #8b9ba8 !important;
  cursor: not-allowed;
}
ion-modal.enroll-secret-modal .sv-enroll-modal__body {
  padding: 18px 22px;
}
ion-modal.enroll-secret-modal .sv-enroll-form-row {
  margin-bottom: 14px;
}
ion-modal.enroll-secret-modal .sv-enroll-form-label {
  display: block;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: #617383;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
ion-modal.enroll-secret-modal .sv-enroll-form-input,
ion-modal.enroll-secret-modal .sv-enroll-form-select {
  display: block;
  width: 100%;
  padding: 9px 12px;
  border: 1.5px solid #e5ecec;
  border-radius: 10px;
  font-size: var(--fs-md);
  color: #233444;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}
ion-modal.enroll-secret-modal .sv-enroll-form-input:focus,
ion-modal.enroll-secret-modal .sv-enroll-form-select:focus {
  border-color: #7c6fa3;
}
ion-modal.enroll-secret-modal .sv-enroll-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
ion-modal.enroll-secret-modal .sv-enroll-type-opt {
  border: 1.5px solid #e5ecec;
  border-radius: 10px;
  padding: 11px 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
  background: #fff;
  text-align: left;
  width: 100%;
  color: #7c6fa3;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}
ion-modal.enroll-secret-modal .sv-enroll-type-opt:hover {
  border-color: #7c6fa3;
}
ion-modal.enroll-secret-modal .sv-enroll-type-opt.sel {
  border-color: #7c6fa3;
  background: #f2f0f7;
  box-shadow: none;
}
ion-modal.enroll-secret-modal .sv-enroll-type-opt__name {
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  color: #233444;
}
ion-modal.enroll-secret-modal .sv-enroll-type-opt__sub {
  margin-top: 2px;
  font-size: var(--fs-xs);
  color: #8b9ba8;
}
/* Secrets limit modal — vault purple shell */
ion-modal.secrets-limit-popup {
  --width: min(480px, 95vw);
  --height: auto;
  --border-radius: 12px;
  --backdrop-opacity: 0.45;
}
ion-modal.secrets-limit-popup::part(content) {
  border-radius: 12px;
  overflow: visible;
  background: transparent;
  box-shadow: 0 12px 32px rgba(35, 52, 68, 0.22);
}
ion-modal.secrets-limit-popup .sv-limit-modal {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
ion-modal.secrets-limit-popup .sv-limit-modal__hdr {
  padding: 17px 22px 14px;
  border-bottom: 1px solid #e5ecec;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
ion-modal.secrets-limit-popup .sv-limit-modal__title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #233444;
  line-height: 1.35;
}
ion-modal.secrets-limit-popup .sv-limit-modal__body {
  padding: 16px 22px 8px;
}
ion-modal.secrets-limit-popup .sv-limit-modal__body p {
  margin: 0;
  font-size: var(--fs-lg);
  line-height: 1.6;
  color: #617383;
}
ion-modal.secrets-limit-popup .sv-limit-modal__footer {
  padding: 12px 22px 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid #e5ecec;
}
ion-modal.secrets-limit-popup .sv-limit-btn-cancel {
  padding: 8px 18px;
  background: #fff;
  color: #617383;
  border: 1px solid #e5ecec;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-modal.secrets-limit-popup .sv-limit-btn-primary {
  padding: 8px 18px;
  background: #7c6fa3 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
}
ion-modal.secrets-limit-popup .sv-limit-btn-primary:hover {
  background: #655a87 !important;
}
/* Initiate Recovery modal — vault shell (ion-overlay; must be global) */
ion-modal.initiate-recovery-modal {
  --width: min(480px, 92vw);
  --height: auto !important;
  --max-height: min(92vh, 640px);
  --border-radius: 14px;
  --backdrop-opacity: 0.45;
}
ion-modal.initiate-recovery-modal::part(content) {
  height: auto !important;
  max-height: min(92vh, 640px);
  border-radius: 14px;
  overflow: visible;
  background: transparent;
  box-shadow: 0 12px 32px rgba(35, 52, 68, 0.22);
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px 14px;
  border-bottom: 1px solid #f0f2f5;
  flex-shrink: 0;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: var(--fw-semibold);
  color: #1a2e44;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__body {
  padding: 16px 20px 8px;
  flex: 0 0 auto;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__footer {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 20px 16px;
  border-top: 1px solid #f0f2f5;
  background: #fff;
  flex-shrink: 0;
  visibility: visible !important;
  opacity: 1 !important;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__proceed {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 108px;
  padding: 8px 22px;
  background: #7c6fa3 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-appearance: none;
  appearance: none;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__proceed:hover:not(:disabled) {
  background: #655a87 !important;
}
ion-modal.initiate-recovery-modal .initiate-recovery-modal__proceed:disabled {
  opacity: 0.85;
  cursor: wait;
}
/* Secrets Vault modals — mobile */
@media (max-width: 768px) {
  ion-modal.enroll-secret-modal,
ion-modal.initiate-recovery-modal,
ion-modal.secrets-limit-popup,
ion-modal.edit-guardian-popup {
    --width: 100% !important;
    --max-width: 100%;
    align-items: flex-end;
    justify-content: center;
  }
  ion-modal.enroll-secret-modal::part(content),
ion-modal.initiate-recovery-modal::part(content),
ion-modal.secrets-limit-popup::part(content),
ion-modal.edit-guardian-popup::part(content) {
    width: 100%;
    max-width: 100%;
    border-radius: 16px 16px 0 0;
    margin-bottom: 0;
  }
  ion-modal.enroll-secret-modal {
    --border-radius: 16px 16px 0 0;
    --max-height: min(92vh, calc(100dvh - env(safe-area-inset-bottom, 0px)));
  }
  ion-modal.enroll-secret-modal .sv-enroll-modal {
    border-radius: 16px 16px 0 0;
    max-height: min(92vh, 100dvh - env(safe-area-inset-bottom, 0px));
  }
  ion-modal.enroll-secret-modal .sv-enroll-modal__body {
    padding: 14px 16px 10px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  ion-modal.enroll-secret-modal .sv-enroll-modal__hdr {
    padding: 14px 16px 12px;
  }
  ion-modal.enroll-secret-modal .sv-enroll-modal__footer {
    display: flex;
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    gap: 8px;
    justify-content: stretch;
  }
  ion-modal.enroll-secret-modal .sv-enroll-btn-cancel,
ion-modal.enroll-secret-modal .sv-enroll-btn-save {
    flex: 1 1 0;
    min-height: 44px;
    height: 44px;
    padding: 0 12px;
  }
  ion-modal.enroll-secret-modal .sv-enroll-type-opt {
    padding: 10px 12px;
    gap: 8px;
  }
  ion-modal.enroll-secret-modal .sv-enroll-type-opt__name {
    font-size: var(--fs-md);
  }
  ion-modal.enroll-secret-modal .sv-enroll-type-opt__sub {
    font-size: var(--fs-xs);
  }
  ion-modal.initiate-recovery-modal {
    --border-radius: 16px 16px 0 0;
    --max-height: min(92vh, calc(100dvh - env(safe-area-inset-bottom, 0px)));
  }
  ion-modal.initiate-recovery-modal::part(content) {
    max-height: min(92vh, 100dvh - env(safe-area-inset-bottom, 0px));
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-modal-panel {
    border-radius: 16px 16px 0 0;
    max-height: min(92vh, 100dvh - env(safe-area-inset-bottom, 0px));
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-modal__header {
    padding: 14px 16px 12px;
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-modal__body {
    padding: 14px 16px 8px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-modal__footer {
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    justify-content: stretch;
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-modal__proceed {
    width: 100%;
    min-height: 44px;
    padding: 10px 18px;
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-step {
    padding: 10px 12px;
    gap: 10px;
  }
  ion-modal.initiate-recovery-modal .initiate-recovery-step__title {
    font-size: var(--fs-md);
    flex-wrap: wrap;
  }
  ion-modal.secrets-limit-popup .sv-limit-modal {
    border-radius: 16px 16px 0 0;
    max-height: min(92vh, 100dvh - env(safe-area-inset-bottom, 0px));
  }
  ion-modal.secrets-limit-popup .sv-limit-modal__hdr,
ion-modal.secrets-limit-popup .sv-limit-modal__body {
    padding-inline: 16px;
  }
  ion-modal.secrets-limit-popup .sv-limit-modal__footer {
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    flex-direction: column;
    align-items: stretch;
  }
  ion-modal.secrets-limit-popup .sv-limit-btn-cancel,
ion-modal.secrets-limit-popup .sv-limit-btn-primary {
    width: 100%;
    min-height: 44px;
  }
  ion-modal.edit-guardian-popup .agm-shell {
    border-radius: 16px 16px 0 0;
    max-height: min(92vh, 100dvh - env(safe-area-inset-bottom, 0px));
  }
  ion-modal.edit-guardian-popup .agm-shell__header {
    padding: 14px 16px 12px;
  }
  ion-modal.edit-guardian-popup .agm-shell__body {
    padding: 14px 16px 6px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  ion-modal.edit-guardian-popup .agm-form-row-2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  ion-modal.edit-guardian-popup .agm-shell__footer {
    display: flex;
    padding: 12px 16px calc(14px + env(safe-area-inset-bottom, 0px));
    gap: 8px;
    justify-content: stretch;
  }
  ion-modal.edit-guardian-popup .agm-btn-cancel,
ion-modal.edit-guardian-popup .agm-btn-save {
    flex: 1 1 0;
    min-height: 44px;
  }
}
@media (max-width: 380px) {
  ion-modal.enroll-secret-modal .sv-enroll-type-grid {
    grid-template-columns: 1fr;
  }
}
/* Secrets Vault — recovery flow full-page spinner overlay */
.sv-recovery-flow-overlay {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 31, 46, 0.55);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  pointer-events: auto;
}
.sv-recovery-flow-overlay__panel {
  width: min(100%, 420px);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 18px 48px rgba(15, 31, 46, 0.22);
  padding: 28px 24px 24px;
  text-align: center;
  font-family: var(--font-body);
}
.sv-recovery-flow-overlay__spinner {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 16px;
  border: 3px solid rgba(124, 111, 163, 0.22);
  border-top-color: #7c6fa3;
  border-radius: 50%;
  animation: sv-recovery-flow-spin 0.75s linear infinite;
}
@keyframes sv-recovery-flow-spin {
  to {
    transform: rotate(360deg);
  }
}
.sv-recovery-flow-overlay__title {
  margin: 0 0 10px;
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  color: #233444;
  line-height: 1.3;
}
.sv-recovery-flow-overlay__message {
  margin: 0 0 12px;
  font-size: var(--fs-lg);
  line-height: 1.5;
  color: #617383;
}
.sv-recovery-flow-overlay__step {
  margin: 0 0 8px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7c6fa3;
}
.sv-recovery-flow-overlay__hint {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: 1.45;
  color: #8b9ba8;
}
.sv-recovery-flow-overlay__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  min-width: 180px;
  min-height: 44px;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  background: #7c6fa3;
  color: #fff;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
}
.sv-recovery-flow-overlay__cta:hover {
  background: #655a87;
}
@media (max-width: 768px) {
  .sv-recovery-flow-overlay {
    padding: 16px;
    align-items: flex-end;
  }
  .sv-recovery-flow-overlay__panel {
    width: 100%;
    border-radius: 16px 16px 0 0;
    padding: 24px 20px calc(20px + env(safe-area-inset-bottom, 0px));
  }
  .sv-recovery-flow-overlay__cta {
    width: 100%;
  }
}
/* Recovery Agents — landscape section header (global so overlay/encapsulation cannot strip it) */
ion-grid.recovery_container .ra-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.recovery_container .ra-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.recovery_container .ra-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
ion-grid.recovery_container .ra-btn-primary {
  background: #7c6fa3 !important;
  color: #fff !important;
}
/* I am a Recovery Agent — landscape section header */
ion-grid.iamra_container .iamra-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.iamra_container .iamra-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
/* I am a Recovery Agent — About this tool drawer */
ion-modal.iamra-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.iamra-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.iamra-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.iamra-info-drawer-modal .iamra-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.iamra-info-drawer-modal .iamra-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Files — About this tool drawer */
ion-modal.fv-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.fv-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.fv-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.fv-info-drawer-modal .fv-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.fv-info-drawer-modal .fv-info-panel-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Emergency Binder — About this tool drawer */
ion-modal.eb-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.eb-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.eb-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.eb-info-drawer-modal .eb-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.eb-info-drawer-modal .eb-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Shared With Me — About this tool drawer */
ion-modal.swm-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.swm-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.swm-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.swm-info-drawer-modal .swm-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.swm-info-drawer-modal .swm-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Contacts — About this tool drawer */
ion-modal.cc-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.cc-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.cc-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.cc-info-drawer-modal .cc-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.cc-info-drawer-modal .cc-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Online Accounts — About this tool drawer */
ion-modal.oa-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.oa-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.oa-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.oa-info-drawer-modal .oa-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.oa-info-drawer-modal .oa-info-panel-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Asset Portfolio — About this tool drawer */
ion-modal.ap-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.ap-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.ap-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.ap-info-drawer-modal .ap-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.ap-info-drawer-modal .ap-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Disbursement — About this tool drawer */
ion-modal.dbr-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.dbr-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.dbr-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.dbr-info-drawer-modal .dbr-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.dbr-info-drawer-modal .dbr-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Disbursement — show shared mountain shell background through content */
.layout-container .ion-page.ion-page--shell-bg-visible,
.layout-container .ion-page:has(ion-content.content-wrapper--shell-bg-visible) {
  background: transparent !important;
}
ion-content.content-wrapper.content-wrapper--shell-bg-visible {
  --background: transparent;
  background: transparent !important;
}
ion-content.content-wrapper.content-wrapper--shell-bg-visible::part(background) {
  background: transparent;
}
app-disbursement,
app-disbursement-requests,
app-my-disbursement-requests {
  display: block;
  background: transparent;
}
ion-grid.dbr-container {
  --ion-background-color: transparent;
  background-image: linear-gradient(180deg, rgba(250, 251, 249, 0.5) 0%, rgba(250, 251, 249, 0.58) 100%), url("/assets/images/app-bg-mountain.jpg") !important;
  background-size: cover;
  background-position: center;
  --background: transparent;
}
ion-grid.dbr-container.dbr-container--flat {
  background: #fff !important;
  background-image: none !important;
  --background: #fff;
  --ion-background-color: #fff;
}
#main-content.menu-content:has(ion-grid.dbr-container--flat),
.layout-container .ion-page:has(ion-grid.dbr-container--flat),
.layout-container .ion-page.ion-page--shell-bg-visible:has(ion-grid.dbr-container--flat) {
  background: #fff !important;
}
ion-content.content-wrapper:has(ion-grid.dbr-container--flat),
ion-content.content-wrapper.content-wrapper--shell-bg-visible:has(ion-grid.dbr-container--flat) {
  --background: #fff !important;
  background: #fff !important;
}
ion-content.content-wrapper:has(ion-grid.dbr-container--flat)::part(background),
ion-content.content-wrapper.content-wrapper--shell-bg-visible:has(ion-grid.dbr-container--flat)::part(background) {
  background: #fff !important;
}
app-disbursement:has(ion-grid.dbr-container--flat) {
  display: block;
  min-height: 100%;
  background: #fff !important;
}
/* Disbursement — landscape section header */
ion-grid.dbr-container .dbr-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.dbr-container .dbr-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.dbr-container .dbr-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
@media screen and (max-width: 768px) {
  ion-grid.dbr-container .dbr-section-header {
    height: 148px;
    padding: 18px 20px;
    margin-bottom: 14px;
  }
  ion-grid.dbr-container .dbr-about-trigger {
    top: 14px;
    right: 14px;
    font-size: var(--fs-xs);
    padding: 5px 10px 5px 8px;
  }
  ion-grid.dbr-container .dbr-sh-title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 575px) {
  ion-grid.dbr-container .dbr-section-header {
    height: 132px;
    padding: 16px;
  }
  ion-grid.dbr-container .dbr-sh-title {
    font-size: var(--fs-3xl);
  }
}
/* Shared With Me — landscape section header */
ion-grid.swm-container .swm-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.swm-container .swm-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.swm-container .swm-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
@media screen and (max-width: 768px) {
  ion-grid.swm-container .swm-section-header {
    height: 148px;
    padding: 18px 20px;
    margin-bottom: 14px;
  }
  ion-grid.swm-container .swm-about-trigger {
    top: 14px;
    right: 14px;
    font-size: var(--fs-xs);
    padding: 5px 10px 5px 8px;
  }
  ion-grid.swm-container .swm-sh-title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 575px) {
  ion-grid.swm-container .swm-section-header {
    height: 132px;
    padding: 16px;
  }
  ion-grid.swm-container .swm-sh-title {
    font-size: var(--fs-3xl);
  }
}
/* Wills & Trusts (Directives) — landscape section header */
ion-grid.wt-container {
  --wt-head-font: var(--font-heading);
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 8px !important;
  padding-bottom: 48px !important;
  padding-inline: 22px !important;
  box-sizing: border-box;
}
ion-grid.wt-container .wt-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.wt-container .wt-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  font-family: inherit;
}
ion-grid.wt-container .wt-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
ion-grid.wt-container .wt-plan-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 11px;
  border-radius: 999px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
ion-grid.wt-container .wt-plan-pill .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e3f1f4;
}
@media screen and (max-width: 768px) {
  ion-grid.wt-container .wt-section-header {
    height: 148px;
    padding: 18px 20px;
    margin-bottom: 14px;
  }
  ion-grid.wt-container .wt-about-trigger {
    top: 14px;
    right: 14px;
    font-size: var(--fs-xs);
    padding: 5px 10px 5px 8px;
  }
  ion-grid.wt-container .wt-sh-title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 575px) {
  ion-grid.wt-container .wt-section-header {
    height: 132px;
    padding: 16px;
  }
  ion-grid.wt-container .wt-sh-title {
    font-size: var(--fs-3xl);
  }
}
/* Wills & Trusts — About this tool drawer */
ion-modal.wt-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.wt-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.wt-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.wt-info-drawer-modal .wt-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.wt-info-drawer-modal .wt-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Profile — landscape section header */
ion-grid.prof-container .prof-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.prof-container .prof-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.prof-container .prof-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
@media screen and (max-width: 768px) {
  ion-grid.prof-container .prof-section-header {
    height: 148px;
    padding: 18px 20px;
    margin-bottom: 14px;
  }
  ion-grid.prof-container .prof-about-trigger {
    top: 14px;
    right: 14px;
    font-size: var(--fs-xs);
    padding: 5px 10px 5px 8px;
  }
  ion-grid.prof-container .prof-sh-title {
    font-size: var(--fs-3xl);
  }
}
@media (max-width: 575px) {
  ion-grid.prof-container .prof-section-header {
    height: 132px;
    padding: 16px;
  }
  ion-grid.prof-container .prof-sh-title {
    font-size: var(--fs-3xl);
  }
}
ion-modal.prof-info-drawer-modal {
  --width: min(400px, 88vw);
  --height: 100%;
  --border-radius: 0;
  --box-shadow: none;
  align-items: stretch;
  justify-content: flex-start;
}
ion-modal.prof-info-drawer-modal::part(backdrop) {
  background: rgba(35, 52, 68, 0.4);
}
ion-modal.prof-info-drawer-modal::part(content) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: min(400px, 88vw);
  height: 100%;
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 40px rgba(35, 52, 68, 0.3);
}
ion-modal.prof-info-drawer-modal .prof-info-panel {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: none;
  transform: none !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
ion-modal.prof-info-drawer-modal .prof-info-panel__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
/* Contacts — landscape section header (global so overlay/encapsulation cannot strip it) */
ion-grid.contacts_container .cc-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 16px;
  box-shadow: 0 1px 4px rgba(35, 52, 68, 0.06), 0 2px 8px rgba(35, 52, 68, 0.04);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.contacts_container .cc-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.contacts_container .cc-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
ion-grid.contacts_container .cc-btn-primary {
  background: #33556e !important;
  color: #fff !important;
}
ion-grid.contacts_container .cc-cat-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1px 7px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  line-height: 1;
  border-radius: 999px;
  color: #fff;
}
ion-grid.contacts_container .cc-help-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fafbf9;
  border: 1px solid #c8d4e0;
  color: #617383;
  font-size: var(--fs-2xs);
  font-weight: var(--fw-bold);
  margin-left: 5px;
  line-height: 1;
  flex-shrink: 0;
}
/* Emergency Binder — landscape section header */
ion-grid.eb_container .eb-section-header {
  position: relative;
  height: 168px;
  padding: 22px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 12px;
  margin: 0 0 22px;
  box-shadow: 0 2px 12px rgba(35, 52, 68, 0.06);
  background-image: linear-gradient(180deg, rgba(35, 52, 68, 0.32) 0%, rgba(35, 52, 68, 0.55) 55%, rgba(35, 52, 68, 0.78) 100%), url("/assets/images/secrets-vault-header.jpg");
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}
ion-grid.eb_container .eb-about-trigger {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
}
ion-grid.eb_container .eb-sh-title {
  margin: 0 0 6px;
  font-size: var(--fs-4xl);
  font-weight: var(--fw-bold);
  color: #fff;
  letter-spacing: -0.3px;
  font-family: var(--font-heading);
}
ion-grid.eb_container .eb-open-btn {
  background: #33556e !important;
  color: #fff !important;
}
ion-grid.eb_container .eb-btn-primary,
ion-grid.eb_container .eb-info-panel__cta {
  background: #33556e !important;
  color: #fff !important;
}
/* Add Contact modal v2 shell */
ion-modal.add-contact-modal .acm-shell {
  display: flex;
  flex-direction: column;
  max-height: min(90vh, 720px);
  background: #fff;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
ion-modal.add-contact-modal .acm-shell__header {
  padding: 18px 22px 14px;
  border-bottom: 1px solid #e2e8ee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
ion-modal.add-contact-modal .acm-shell__title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #233444;
  padding-right: 12px;
}
ion-modal.add-contact-modal .acm-shell__close {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f4f6f8;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #617383;
  flex-shrink: 0;
}
ion-modal.add-contact-modal .acm-shell__body {
  padding: 20px 22px;
  overflow-y: auto;
}
ion-modal.add-contact-modal .acm-label {
  display: block;
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  color: #617383;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}
ion-modal.add-contact-modal .acm-input {
  display: block;
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  border: 1.5px solid #e2e8ee;
  border-radius: 8px;
  font-size: var(--fs-md);
  color: #233444;
  outline: none;
  background: #fff;
  box-sizing: border-box;
  pointer-events: auto;
}
ion-modal.add-contact-modal .acm-input:focus {
  border-color: #33556e;
  box-shadow: 0 0 0 3px rgba(51, 85, 110, 0.08);
}
ion-modal.add-contact-modal .acm-form-row {
  margin-bottom: 14px;
}
ion-modal.add-contact-modal .acm-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
ion-modal.add-contact-modal .acm-input--readonly {
  background: #f4f6f8;
  color: #617383;
  cursor: not-allowed;
}
ion-modal.add-contact-modal .acm-input--select {
  cursor: pointer;
  -webkit-appearance: auto;
          appearance: auto;
}
ion-modal.add-contact-modal .acm-label--section {
  margin-bottom: 10px;
}
ion-modal.add-contact-modal .contact-type-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
ion-modal.add-contact-modal .ct-option {
  border: 1.5px solid #e2e8ee;
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
  background: #fff;
  font-family: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
ion-modal.add-contact-modal .ct-option:hover {
  border-color: #33556e;
}
ion-modal.add-contact-modal .ct-option:focus,
ion-modal.add-contact-modal .ct-option:focus-visible {
  outline: none;
}
ion-modal.add-contact-modal .ct-option.selected {
  border-color: #33556e;
  background: #eef3f7;
  box-shadow: inset 0 0 0 1px #33556e;
}
ion-modal.add-contact-modal .ct-option.selected .ct-icon--emergency {
  background: #dce8f0;
}
ion-modal.add-contact-modal .ct-icon {
  width: 30px;
  height: 30px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 6px;
  color: #33556e;
}
ion-modal.add-contact-modal .ct-icon--emergency {
  background: #eef3f7;
  color: #33556e;
}
ion-modal.add-contact-modal .ct-icon--beneficiary {
  background: #e8f8ef;
  color: #1a7a45;
}
ion-modal.add-contact-modal .ct-icon--executor {
  background: #f0ecfa;
  color: #5b4e82;
}
ion-modal.add-contact-modal .ct-icon--trustee {
  background: #fef6e8;
  color: #b8860b;
}
ion-modal.add-contact-modal .ct-icon--recovery {
  background: #e8f6fa;
  color: #127a94;
}
ion-modal.add-contact-modal .ct-icon--contact {
  background: #f4f6f8;
  color: #8b9ba8;
}
ion-modal.add-contact-modal .ct-label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  color: #233444;
  line-height: 1.3;
}
@media (max-width: 575px) {
  ion-modal.add-contact-modal .contact-type-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
ion-modal.add-contact-modal .acm-shell .acm-emergency-row {
  margin-bottom: 0;
}
ion-modal.add-contact-modal .acm-shell .acm-emergency-check {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: var(--fs-md);
  color: #4a6070;
  padding: 8px 12px;
  background: #f4f6f8;
  border-radius: 8px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
ion-modal.add-contact-modal .acm-shell .acm-emergency-check ion-checkbox {
  flex-shrink: 0;
  margin: 0;
  --size: 18px;
  --checkbox-background-checked: #33556e;
  --border-color-checked: #33556e;
  --checkmark-color: #fff;
}
ion-modal.add-contact-modal .acm-shell .acm-emergency-hint {
  margin-left: auto;
  font-size: var(--fs-sm);
  color: #8b9ba8;
}
ion-modal.add-contact-modal .acm-shell__footer {
  padding: 14px 22px;
  border-top: 1px solid #e2e8ee;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  position: sticky;
  bottom: 0;
  background: #fff;
}
ion-modal.add-contact-modal .acm-btn-cancel {
  padding: 8px 18px;
  background: #fff;
  border: 1px solid #e2e8ee;
  border-radius: 8px;
  font-size: var(--fs-md);
  color: #617383;
  cursor: pointer;
  font-weight: var(--fw-medium);
}
ion-modal.add-contact-modal .acm-btn-save {
  padding: 8px 20px;
  background: #33556e;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
}
@media (max-width: 575px) {
  ion-modal.add-contact-modal .acm-form-row-2 {
    grid-template-columns: 1fr;
  }
  ion-modal.add-contact-modal .acm-shell .acm-emergency-check {
    flex-wrap: wrap;
  }
  ion-modal.add-contact-modal .acm-shell .acm-emergency-hint {
    margin-left: 23px;
    width: 100%;
  }
}
/* /i-am-RA — never let shell overlays block Approve/Reject clicks */
body:has(app-dashboard-recovery-agent) #client-app-wrapper,
body:has(app-dashboard-recovery-agent) .global-loader-overlay,
body:has(app-dashboard-recovery-agent) ion-modal.passwordset-form,
body:has(app-dashboard-recovery-agent) ion-modal.passwordset-form + ion-backdrop,
body:has(app-dashboard-recovery-agent) .ion-overlay-wrapper:has(ion-modal.passwordset-form) {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}
body:has(app-dashboard-recovery-agent) app-dashboard-recovery-agent,
body:has(app-dashboard-recovery-agent) .iamra_container,
body:has(app-dashboard-recovery-agent) .iamra-btn {
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
}
/* I am RA — custom confirm modal */
ion-modal.iamra-confirm-modal {
  --width: min(100%, 440px);
  --height: auto;
  --border-radius: 14px;
  --box-shadow: 0 18px 48px rgba(26, 51, 82, 0.18);
  --backdrop-opacity: 0.45;
}
.iamra-confirm-modal__panel {
  padding: 24px 24px 20px;
  font-family: var(--font-body);
  background: #fff;
}
.iamra-confirm-modal__title {
  margin: 0 0 10px;
  font-family: var(--font-heading);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: #1a3352;
}
.iamra-confirm-modal__message {
  margin: 0 0 22px;
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: #4a6070;
}
.iamra-confirm-modal__message--preline {
  white-space: pre-line;
}
.iamra-confirm-modal__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.iamra-confirm-modal__btn {
  min-height: 40px;
  padding: 9px 18px;
  border-radius: 10px;
  border: none;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: inherit;
}
.iamra-confirm-modal__btn--ghost {
  background: transparent;
  color: #617383;
}
.iamra-confirm-modal__btn--ghost:hover {
  background: #f0f8fa;
  color: #233444;
}
.iamra-confirm-modal__btn--primary {
  background: #4f92a6;
  color: #fff;
}
.iamra-confirm-modal__btn--primary:hover {
  background: #3a7284;
}
.iamra-confirm-modal__btn--destructive {
  background: #d94f5c;
  color: #fff;
}
.iamra-confirm-modal__btn--destructive:hover {
  background: #c43f4b;
}
@media (max-width: 768px) {
  .iamra-confirm-modal__panel {
    padding: 20px 18px 16px;
  }
  .iamra-confirm-modal__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .iamra-confirm-modal__btn {
    width: 100%;
  }
}
/* I am Trustee — Scytale / recovery progress (must be ion-modal — fixed overlays clip inside ion-content) */
ion-modal.da-recovery-flow-modal {
  --width: min(calc(100% - 32px), 420px);
  --height: auto;
  --max-height: calc(100vh - 32px);
  --border-radius: 14px;
  --box-shadow: 0 18px 48px rgba(15, 31, 46, 0.22);
  --backdrop-opacity: 0.55;
}
ion-modal.da-recovery-flow-modal::part(content) {
  overflow: visible;
  border-radius: 14px;
}
ion-modal.da-recovery-flow-modal::part(backdrop) {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
/* I am Trustee — cancel recovery confirm */
ion-modal.da-confirm-modal {
  --width: min(100%, 440px);
  --height: auto;
  --border-radius: 14px;
  --box-shadow: 0 18px 48px rgba(26, 51, 82, 0.18);
  --backdrop-opacity: 0.45;
}
ion-modal.da-confirm-modal::part(content) {
  overflow: hidden;
  border-radius: 14px;
}
.da-confirm-modal__panel {
  display: flex;
  flex-direction: column;
  padding: 0;
  font-family: var(--font-body);
  background: #fff;
}
.da-confirm-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #e5ecec;
}
.da-confirm-modal__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-bold);
  line-height: 1.3;
  color: #1a3352;
}
.da-confirm-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #617383;
  cursor: pointer;
}
.da-confirm-modal__close:hover {
  background: #f0f8fa;
  color: #233444;
}
.da-confirm-modal__close ion-icon {
  font-size: 20px;
}
.da-confirm-modal__message {
  margin: 0;
  padding: 16px 18px 20px;
  font-size: var(--fs-lg);
  line-height: 1.55;
  color: #4a6070;
}
.da-confirm-modal__note {
  margin: 0;
  padding: 0 18px 14px;
  font-size: var(--fs-md);
  line-height: 1.5;
}
.da-confirm-modal__note--info {
  color: #3d5566;
}
.da-confirm-modal__note--warn {
  color: #9a3412;
  font-weight: var(--fw-bold);
}
.da-confirm-modal__btn--destructive:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.da-confirm-modal__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 18px 18px;
  border-top: 1px solid #e5ecec;
  background: #f8fafc;
}
.da-confirm-modal__btn {
  min-height: 40px;
  padding: 9px 18px;
  border-radius: 10px;
  border: none;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: inherit;
}
.da-confirm-modal__btn--ghost {
  background: transparent;
  color: #617383;
}
.da-confirm-modal__btn--ghost:hover {
  background: #eef4f6;
  color: #233444;
}
.da-confirm-modal__btn--destructive {
  background: #d94f5c;
  color: #fff;
}
.da-confirm-modal__btn--destructive:hover {
  background: #c43f4b;
}
@media (max-width: 768px) {
  .da-confirm-modal__actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .da-confirm-modal__btn {
    width: 100%;
  }
}
/* Open client app modal — compact shell UI */
ion-modal.oca-shell-modal,
ion-modal.client-details.oca-shell-modal {
  --width: min(100%, 560px);
  --height: auto;
  --max-height: min(94vh, 720px);
  --border-radius: 14px;
  --box-shadow: 0 18px 48px rgba(26, 51, 82, 0.18);
  --backdrop-opacity: 0.45;
}
ion-modal.oca-shell-modal::part(content),
ion-modal.client-details.oca-shell-modal::part(content) {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.oca-shell-modal__frame {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  max-height: min(94vh, 720px);
  overflow: hidden;
  background: #fff;
  font-family: var(--font-body);
}
.oca-shell-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid #e5ecec;
  flex-shrink: 0;
}
.oca-shell-modal__title {
  margin: 0;
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #1a3352;
}
.oca-shell-modal__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #617383;
  cursor: pointer;
}
.oca-shell-modal__close:hover {
  background: #f0f8fa;
  color: #233444;
}
.oca-shell-modal__close ion-icon {
  font-size: 20px;
}
.oca-shell-modal__body {
  padding: 14px 18px 18px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.oca-shell-modal__logo {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.oca-shell-modal__logo img {
  max-width: 220px;
  max-height: 72px;
  object-fit: contain;
}
.oca-shell-modal__status {
  text-align: center;
  padding: 10px 8px 6px;
}
.oca-shell-modal__spinner {
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto 12px;
  border: 3px solid rgba(79, 146, 166, 0.2);
  border-top-color: #4f92a6;
  border-radius: 50%;
  animation: oca-shell-spin 0.75s linear infinite;
}
@keyframes oca-shell-spin {
  to {
    transform: rotate(360deg);
  }
}
.oca-shell-modal__status-title {
  margin: 0 0 6px;
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #233444;
}
.oca-shell-modal__status-text {
  margin: 0;
  font-size: var(--fs-md);
  line-height: 1.45;
  color: #617383;
}
.oca-shell-modal__secrets {
  width: 100%;
  margin: 0 0 12px;
  padding: 10px 12px 10px 28px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
  text-align: left;
  box-sizing: border-box;
}
.oca-shell-modal__secrets-title {
  margin: 0 0 8px;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  color: #233444;
}
.oca-shell-modal__secrets-list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-md);
  line-height: 1.5;
  color: #233444;
}
.oca-shell-modal__secrets-index {
  margin-right: 6px;
  color: #64748b;
}
.oca-shell-modal__panel {
  text-align: center;
  padding: 4px 0 2px;
}
.oca-shell-modal__panel-title {
  margin: 0 0 8px;
  font-size: var(--fs-xl);
  font-weight: var(--fw-bold);
  color: #233444;
}
.oca-shell-modal__panel-title--success {
  color: #2eae8e;
}
.oca-shell-modal__panel-text,
.oca-shell-modal__panel-note {
  margin: 0 0 10px;
  font-size: var(--fs-md);
  line-height: 1.45;
  color: #617383;
}
.oca-shell-modal__primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  margin-top: 4px;
  padding: 9px 18px;
  border: none;
  border-radius: 10px;
  background: #4f92a6;
  color: #fff;
  font-size: var(--fs-md);
  font-weight: var(--fw-bold);
  cursor: pointer;
  font-family: inherit;
}
.oca-shell-modal__primary-btn:hover {
  background: #3a7284;
}
.oca-shell-modal__link-btn {
  display: inline-block;
  margin-top: 8px;
  border: none;
  background: transparent;
  color: #4f92a6;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.oca-shell-modal__progress {
  display: block;
  margin-top: 12px;
}
.oca-shell-modal .localhost-help {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 12px;
  font-size: var(--fs-sm);
}
@media (max-width: 768px) {
  ion-modal.oca-shell-modal,
ion-modal.client-details.oca-shell-modal {
    --width: 100%;
    --max-height: 88vh;
    align-items: flex-end;
  }
  .oca-shell-modal__frame {
    border-radius: 16px 16px 0 0;
    max-height: 92vh;
  }
  .oca-shell-modal__body {
    padding: 12px 16px calc(16px + env(safe-area-inset-bottom, 0px));
    max-height: none;
  }
  .oca-shell-modal__primary-btn {
    width: 100%;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-grid.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}

.ag-icon::before {
  content: "";
  font-family: inherit;
}

.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}

.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}

.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}

.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}

.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}

.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}

.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}

.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}

.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}

.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}

.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}

.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}

.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}

.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}

.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}

.ag-ltr .ag-header-cell-resize {
  right: -3px;
}

.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}

.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}

.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}

.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}

.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}

.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}

.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}

.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}

.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}

.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}

.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}

.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}

.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}

.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}

.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}

.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}

.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}

.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}

.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}

.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}

.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}

.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}

.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}

.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}

.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}

.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}

.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}

.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}

.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}

.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}

.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}

input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}

.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}

.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}

.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}

.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}

.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}

.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}

.ag-recent-color:first-child {
  margin-left: 0;
}

.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-color-input .ag-color-input-color {
  position: absolute;
}

.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}

.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}

.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}

.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}

.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}

.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}

.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}

.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}

.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}

.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}

.ag-pill-select .ag-column-drop-list {
  padding: 0;
}

.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}

.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}

.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}

.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}

.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}

.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}

.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}

.ag-ltr .ag-cell {
  border-right-width: 1px;
}

.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}

.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}

.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}

.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}

.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}

.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}

.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}

.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}

.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}

.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}

.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}

button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}

.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}

.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}

.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}

.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}

.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}

.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}

.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}

.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}

.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}

.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}

.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}

.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}

.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}

.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}

.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}

.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}

.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}

.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}

.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}

.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}

.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}

.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}

.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}

.ag-ltr .ag-chart-menu {
  right: 20px;
}

.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}

.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}

.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}

.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}

.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}

.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}

.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}

.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}

.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}

.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}

.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}

.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}

.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}

.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}

.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}

.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}

.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}

.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}

.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}

.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}

.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}

.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}

.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}

.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}

.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}

.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}

.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}

.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}

.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}

.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}

.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}

.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}

.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}

.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}

input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}

input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}

input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}

input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}

input[class^=ag-][type=range]:focus {
  outline: none;
}

input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}

input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}

input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-theme-quartz.css ***!
  \***************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}
.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}
.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}
.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (-webkit-max-device-pixel-ratio: 1.5), (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}
.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}
.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}
.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}
.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.min.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('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');src:url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'),url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'),url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'),url('fontawesome-webfont.da909aa098b0ee2d.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:.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:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;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{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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:#fff}.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}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Web fonts are loaded once, in src/index.html.
   Font families come from the tokens in src/theme/_typography.scss. */
/*--  Font-size utilities (.f-N) — mapped to theme/_typography.scss tokens.
      N is the old pixel size; each maps to the nearest step on the scale
      (.f-14 / .f-15 keep their existing body / nav sizes). --*/
.f-1 {
  font-size: var(--fs-2xs) !important;
}
.f-2 {
  font-size: var(--fs-2xs) !important;
}
.f-3 {
  font-size: var(--fs-2xs) !important;
}
.f-4 {
  font-size: var(--fs-2xs) !important;
}
.f-5 {
  font-size: var(--fs-2xs) !important;
}
.f-6 {
  font-size: var(--fs-2xs) !important;
}
.f-7 {
  font-size: var(--fs-2xs) !important;
}
.f-8 {
  font-size: var(--fs-2xs) !important;
}
.f-9 {
  font-size: var(--fs-2xs) !important;
}
.f-10 {
  font-size: var(--fs-2xs) !important;
}
.f-11 {
  font-size: var(--fs-xs) !important;
}
.f-12 {
  font-size: var(--fs-sm) !important;
}
.f-13 {
  font-size: var(--fs-sm) !important;
}
.f-14 {
  font-size: var(--fs-md) !important;
}
.f-15 {
  font-size: var(--fs-sm) !important;
}
.f-16 {
  font-size: var(--fs-xl) !important;
}
.f-17 {
  font-size: var(--fs-2xl) !important;
}
.f-18 {
  font-size: var(--fs-2xl) !important;
}
.f-19 {
  font-size: var(--fs-2xl) !important;
}
.f-20 {
  font-size: var(--fs-3xl) !important;
}
.f-21 {
  font-size: var(--fs-3xl) !important;
}
.f-22 {
  font-size: var(--fs-3xl) !important;
}
.f-23 {
  font-size: var(--fs-3xl) !important;
}
.f-24 {
  font-size: var(--fs-3xl) !important;
}
.f-25 {
  font-size: var(--fs-4xl) !important;
}
.f-26 {
  font-size: var(--fs-4xl) !important;
}
.f-27 {
  font-size: var(--fs-4xl) !important;
}
.f-28 {
  font-size: var(--fs-4xl) !important;
}
.f-29 {
  font-size: var(--fs-4xl) !important;
}
.f-30 {
  font-size: var(--fs-4xl) !important;
}
.f-31 {
  font-size: var(--fs-4xl) !important;
}
.f-32 {
  font-size: var(--fs-display) !important;
}
.f-33 {
  font-size: var(--fs-display) !important;
}
.f-34 {
  font-size: var(--fs-display) !important;
}
.f-35 {
  font-size: var(--fs-display) !important;
}
.f-36 {
  font-size: var(--fs-display) !important;
}
.f-37 {
  font-size: var(--fs-display) !important;
}
.f-38 {
  font-size: var(--fs-display) !important;
}
.f-39 {
  font-size: var(--fs-display) !important;
}
.f-40 {
  font-size: var(--fs-display) !important;
}
/*--  Padding Styles  --*/
.p-1 {
  padding: 1px !important;
}
.pr-1 {
  padding-right: 1px !important;
}
.pl-1 {
  padding-left: 1px !important;
}
.pt-1 {
  padding-top: 1px !important;
}
.pb-1 {
  padding-bottom: 1px !important;
}
.p-2 {
  padding: 2px !important;
}
.pr-2 {
  padding-right: 2px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.p-3 {
  padding: 3px !important;
}
.pr-3 {
  padding-right: 3px !important;
}
.pl-3 {
  padding-left: 3px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.p-4 {
  padding: 4px !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.p-5 {
  padding: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.p-6 {
  padding: 6px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.p-7 {
  padding: 7px !important;
}
.pr-7 {
  padding-right: 7px !important;
}
.pl-7 {
  padding-left: 7px !important;
}
.pt-7 {
  padding-top: 7px !important;
}
.pb-7 {
  padding-bottom: 7px !important;
}
.p-8 {
  padding: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.p-9 {
  padding: 9px !important;
}
.pr-9 {
  padding-right: 9px !important;
}
.pl-9 {
  padding-left: 9px !important;
}
.pt-9 {
  padding-top: 9px !important;
}
.pb-9 {
  padding-bottom: 9px !important;
}
.p-10 {
  padding: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.p-11 {
  padding: 11px !important;
}
.pr-11 {
  padding-right: 11px !important;
}
.pl-11 {
  padding-left: 11px !important;
}
.pt-11 {
  padding-top: 11px !important;
}
.pb-11 {
  padding-bottom: 11px !important;
}
.p-12 {
  padding: 12px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.p-13 {
  padding: 13px !important;
}
.pr-13 {
  padding-right: 13px !important;
}
.pl-13 {
  padding-left: 13px !important;
}
.pt-13 {
  padding-top: 13px !important;
}
.pb-13 {
  padding-bottom: 13px !important;
}
.p-14 {
  padding: 14px !important;
}
.pr-14 {
  padding-right: 14px !important;
}
.pl-14 {
  padding-left: 14px !important;
}
.pt-14 {
  padding-top: 14px !important;
}
.pb-14 {
  padding-bottom: 14px !important;
}
.p-15 {
  padding: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.p-16 {
  padding: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.p-17 {
  padding: 17px !important;
}
.pr-17 {
  padding-right: 17px !important;
}
.pl-17 {
  padding-left: 17px !important;
}
.pt-17 {
  padding-top: 17px !important;
}
.pb-17 {
  padding-bottom: 17px !important;
}
.p-18 {
  padding: 18px !important;
}
.pr-18 {
  padding-right: 18px !important;
}
.pl-18 {
  padding-left: 18px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.p-19 {
  padding: 19px !important;
}
.pr-19 {
  padding-right: 19px !important;
}
.pl-19 {
  padding-left: 19px !important;
}
.pt-19 {
  padding-top: 19px !important;
}
.pb-19 {
  padding-bottom: 19px !important;
}
.p-20 {
  padding: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.p-21 {
  padding: 21px !important;
}
.pr-21 {
  padding-right: 21px !important;
}
.pl-21 {
  padding-left: 21px !important;
}
.pt-21 {
  padding-top: 21px !important;
}
.pb-21 {
  padding-bottom: 21px !important;
}
.p-22 {
  padding: 22px !important;
}
.pr-22 {
  padding-right: 22px !important;
}
.pl-22 {
  padding-left: 22px !important;
}
.pt-22 {
  padding-top: 22px !important;
}
.pb-22 {
  padding-bottom: 22px !important;
}
.p-23 {
  padding: 23px !important;
}
.pr-23 {
  padding-right: 23px !important;
}
.pl-23 {
  padding-left: 23px !important;
}
.pt-23 {
  padding-top: 23px !important;
}
.pb-23 {
  padding-bottom: 23px !important;
}
.p-24 {
  padding: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.p-25 {
  padding: 25px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.p-26 {
  padding: 26px !important;
}
.pr-26 {
  padding-right: 26px !important;
}
.pl-26 {
  padding-left: 26px !important;
}
.pt-26 {
  padding-top: 26px !important;
}
.pb-26 {
  padding-bottom: 26px !important;
}
.p-27 {
  padding: 27px !important;
}
.pr-27 {
  padding-right: 27px !important;
}
.pl-27 {
  padding-left: 27px !important;
}
.pt-27 {
  padding-top: 27px !important;
}
.pb-27 {
  padding-bottom: 27px !important;
}
.p-28 {
  padding: 28px !important;
}
.pr-28 {
  padding-right: 28px !important;
}
.pl-28 {
  padding-left: 28px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.p-29 {
  padding: 29px !important;
}
.pr-29 {
  padding-right: 29px !important;
}
.pl-29 {
  padding-left: 29px !important;
}
.pt-29 {
  padding-top: 29px !important;
}
.pb-29 {
  padding-bottom: 29px !important;
}
.p-30 {
  padding: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.p-31 {
  padding: 31px !important;
}
.pr-31 {
  padding-right: 31px !important;
}
.pl-31 {
  padding-left: 31px !important;
}
.pt-31 {
  padding-top: 31px !important;
}
.pb-31 {
  padding-bottom: 31px !important;
}
.p-32 {
  padding: 32px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.p-33 {
  padding: 33px !important;
}
.pr-33 {
  padding-right: 33px !important;
}
.pl-33 {
  padding-left: 33px !important;
}
.pt-33 {
  padding-top: 33px !important;
}
.pb-33 {
  padding-bottom: 33px !important;
}
.p-34 {
  padding: 34px !important;
}
.pr-34 {
  padding-right: 34px !important;
}
.pl-34 {
  padding-left: 34px !important;
}
.pt-34 {
  padding-top: 34px !important;
}
.pb-34 {
  padding-bottom: 34px !important;
}
.p-35 {
  padding: 35px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.p-36 {
  padding: 36px !important;
}
.pr-36 {
  padding-right: 36px !important;
}
.pl-36 {
  padding-left: 36px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.p-37 {
  padding: 37px !important;
}
.pr-37 {
  padding-right: 37px !important;
}
.pl-37 {
  padding-left: 37px !important;
}
.pt-37 {
  padding-top: 37px !important;
}
.pb-37 {
  padding-bottom: 37px !important;
}
.p-38 {
  padding: 38px !important;
}
.pr-38 {
  padding-right: 38px !important;
}
.pl-38 {
  padding-left: 38px !important;
}
.pt-38 {
  padding-top: 38px !important;
}
.pb-38 {
  padding-bottom: 38px !important;
}
.p-39 {
  padding: 39px !important;
}
.pr-39 {
  padding-right: 39px !important;
}
.pl-39 {
  padding-left: 39px !important;
}
.pt-39 {
  padding-top: 39px !important;
}
.pb-39 {
  padding-bottom: 39px !important;
}
.p-40 {
  padding: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
/*--  Margin Styles  --*/
.m-1 {
  margin: 1px !important;
}
.mr-1 {
  margin-right: 1px !important;
}
.ml-1 {
  margin-left: 1px !important;
}
.mt-1 {
  margin-top: 1px !important;
}
.mb-1 {
  margin-bottom: 1px !important;
}
.m-2 {
  margin: 2px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.mb-2 {
  margin-bottom: 2px !important;
}
.m-3 {
  margin: 3px !important;
}
.mr-3 {
  margin-right: 3px !important;
}
.ml-3 {
  margin-left: 3px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.m-4 {
  margin: 4px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.m-5 {
  margin: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.m-6 {
  margin: 6px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.m-7 {
  margin: 7px !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.ml-7 {
  margin-left: 7px !important;
}
.mt-7 {
  margin-top: 7px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.m-8 {
  margin: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.m-9 {
  margin: 9px !important;
}
.mr-9 {
  margin-right: 9px !important;
}
.ml-9 {
  margin-left: 9px !important;
}
.mt-9 {
  margin-top: 9px !important;
}
.mb-9 {
  margin-bottom: 9px !important;
}
.m-10 {
  margin: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.m-11 {
  margin: 11px !important;
}
.mr-11 {
  margin-right: 11px !important;
}
.ml-11 {
  margin-left: 11px !important;
}
.mt-11 {
  margin-top: 11px !important;
}
.mb-11 {
  margin-bottom: 11px !important;
}
.m-12 {
  margin: 12px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.m-13 {
  margin: 13px !important;
}
.mr-13 {
  margin-right: 13px !important;
}
.ml-13 {
  margin-left: 13px !important;
}
.mt-13 {
  margin-top: 13px !important;
}
.mb-13 {
  margin-bottom: 13px !important;
}
.m-14 {
  margin: 14px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.m-15 {
  margin: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.m-16 {
  margin: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.m-17 {
  margin: 17px !important;
}
.mr-17 {
  margin-right: 17px !important;
}
.ml-17 {
  margin-left: 17px !important;
}
.mt-17 {
  margin-top: 17px !important;
}
.mb-17 {
  margin-bottom: 17px !important;
}
.m-18 {
  margin: 18px !important;
}
.mr-18 {
  margin-right: 18px !important;
}
.ml-18 {
  margin-left: 18px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.m-19 {
  margin: 19px !important;
}
.mr-19 {
  margin-right: 19px !important;
}
.ml-19 {
  margin-left: 19px !important;
}
.mt-19 {
  margin-top: 19px !important;
}
.mb-19 {
  margin-bottom: 19px !important;
}
.m-20 {
  margin: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.m-21 {
  margin: 21px !important;
}
.mr-21 {
  margin-right: 21px !important;
}
.ml-21 {
  margin-left: 21px !important;
}
.mt-21 {
  margin-top: 21px !important;
}
.mb-21 {
  margin-bottom: 21px !important;
}
.m-22 {
  margin: 22px !important;
}
.mr-22 {
  margin-right: 22px !important;
}
.ml-22 {
  margin-left: 22px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mb-22 {
  margin-bottom: 22px !important;
}
.m-23 {
  margin: 23px !important;
}
.mr-23 {
  margin-right: 23px !important;
}
.ml-23 {
  margin-left: 23px !important;
}
.mt-23 {
  margin-top: 23px !important;
}
.mb-23 {
  margin-bottom: 23px !important;
}
.m-24 {
  margin: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.m-25 {
  margin: 25px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.m-26 {
  margin: 26px !important;
}
.mr-26 {
  margin-right: 26px !important;
}
.ml-26 {
  margin-left: 26px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.m-27 {
  margin: 27px !important;
}
.mr-27 {
  margin-right: 27px !important;
}
.ml-27 {
  margin-left: 27px !important;
}
.mt-27 {
  margin-top: 27px !important;
}
.mb-27 {
  margin-bottom: 27px !important;
}
.m-28 {
  margin: 28px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.m-29 {
  margin: 29px !important;
}
.mr-29 {
  margin-right: 29px !important;
}
.ml-29 {
  margin-left: 29px !important;
}
.mt-29 {
  margin-top: 29px !important;
}
.mb-29 {
  margin-bottom: 29px !important;
}
.m-30 {
  margin: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.m-31 {
  margin: 31px !important;
}
.mr-31 {
  margin-right: 31px !important;
}
.ml-31 {
  margin-left: 31px !important;
}
.mt-31 {
  margin-top: 31px !important;
}
.mb-31 {
  margin-bottom: 31px !important;
}
.m-32 {
  margin: 32px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.m-33 {
  margin: 33px !important;
}
.mr-33 {
  margin-right: 33px !important;
}
.ml-33 {
  margin-left: 33px !important;
}
.mt-33 {
  margin-top: 33px !important;
}
.mb-33 {
  margin-bottom: 33px !important;
}
.m-34 {
  margin: 34px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.ml-34 {
  margin-left: 34px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.m-35 {
  margin: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.m-36 {
  margin: 36px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.m-37 {
  margin: 37px !important;
}
.mr-37 {
  margin-right: 37px !important;
}
.ml-37 {
  margin-left: 37px !important;
}
.mt-37 {
  margin-top: 37px !important;
}
.mb-37 {
  margin-bottom: 37px !important;
}
.m-38 {
  margin: 38px !important;
}
.mr-38 {
  margin-right: 38px !important;
}
.ml-38 {
  margin-left: 38px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.mb-38 {
  margin-bottom: 38px !important;
}
.m-39 {
  margin: 39px !important;
}
.mr-39 {
  margin-right: 39px !important;
}
.ml-39 {
  margin-left: 39px !important;
}
.mt-39 {
  margin-top: 39px !important;
}
.mb-39 {
  margin-bottom: 39px !important;
}
.m-40 {
  margin: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
/*-- min-height --*/
.mh-1 {
  min-height: 1px !important;
}
.mh-2 {
  min-height: 2px !important;
}
.mh-3 {
  min-height: 3px !important;
}
.mh-4 {
  min-height: 4px !important;
}
.mh-5 {
  min-height: 5px !important;
}
.mh-6 {
  min-height: 6px !important;
}
.mh-7 {
  min-height: 7px !important;
}
.mh-8 {
  min-height: 8px !important;
}
.mh-9 {
  min-height: 9px !important;
}
.mh-10 {
  min-height: 10px !important;
}
.mh-11 {
  min-height: 11px !important;
}
.mh-12 {
  min-height: 12px !important;
}
.mh-13 {
  min-height: 13px !important;
}
.mh-14 {
  min-height: 14px !important;
}
.mh-15 {
  min-height: 15px !important;
}
.mh-16 {
  min-height: 16px !important;
}
.mh-17 {
  min-height: 17px !important;
}
.mh-18 {
  min-height: 18px !important;
}
.mh-19 {
  min-height: 19px !important;
}
.mh-20 {
  min-height: 20px !important;
}
.mh-21 {
  min-height: 21px !important;
}
.mh-22 {
  min-height: 22px !important;
}
.mh-23 {
  min-height: 23px !important;
}
.mh-24 {
  min-height: 24px !important;
}
.mh-25 {
  min-height: 25px !important;
}
.mh-26 {
  min-height: 26px !important;
}
.mh-27 {
  min-height: 27px !important;
}
.mh-28 {
  min-height: 28px !important;
}
.mh-29 {
  min-height: 29px !important;
}
.mh-30 {
  min-height: 30px !important;
}
.mh-31 {
  min-height: 31px !important;
}
.mh-32 {
  min-height: 32px !important;
}
.mh-33 {
  min-height: 33px !important;
}
.mh-34 {
  min-height: 34px !important;
}
.mh-35 {
  min-height: 35px !important;
}
.mh-36 {
  min-height: 36px !important;
}
.mh-37 {
  min-height: 37px !important;
}
.mh-38 {
  min-height: 38px !important;
}
.mh-39 {
  min-height: 39px !important;
}
.mh-40 {
  min-height: 40px !important;
}
.mh-41 {
  min-height: 41px !important;
}
.mh-42 {
  min-height: 42px !important;
}
.mh-43 {
  min-height: 43px !important;
}
.mh-44 {
  min-height: 44px !important;
}
.mh-45 {
  min-height: 45px !important;
}
.mh-46 {
  min-height: 46px !important;
}
.mh-47 {
  min-height: 47px !important;
}
.mh-48 {
  min-height: 48px !important;
}
.mh-49 {
  min-height: 49px !important;
}
.mh-50 {
  min-height: 50px !important;
}
.mh-51 {
  min-height: 51px !important;
}
.mh-52 {
  min-height: 52px !important;
}
.mh-53 {
  min-height: 53px !important;
}
.mh-54 {
  min-height: 54px !important;
}
.mh-55 {
  min-height: 55px !important;
}
/*-- ui card bottom placement --*/
.ui-card-bottom-1 {
  position: relative;
  bottom: -1px !important;
}
.ui-card-bottom-2 {
  position: relative;
  bottom: -2px !important;
}
.ui-card-bottom-3 {
  position: relative;
  bottom: -3px !important;
}
.ui-card-bottom-4 {
  position: relative;
  bottom: -4px !important;
}
.ui-card-bottom-5 {
  position: relative;
  bottom: -5px !important;
}
.ui-card-bottom-6 {
  position: relative;
  bottom: -6px !important;
}
.ui-card-bottom-7 {
  position: relative;
  bottom: -7px !important;
}
.ui-card-bottom-8 {
  position: relative;
  bottom: -8px !important;
}
.ui-card-bottom-9 {
  position: relative;
  bottom: -9px !important;
}
.ui-card-bottom-10 {
  position: relative;
  bottom: -10px !important;
}
.ui-card-bottom-11 {
  position: relative;
  bottom: -11px !important;
}
.ui-card-bottom-12 {
  position: relative;
  bottom: -12px !important;
}
.ui-card-bottom-13 {
  position: relative;
  bottom: -13px !important;
}
.ui-card-bottom-14 {
  position: relative;
  bottom: -14px !important;
}
.ui-card-bottom-15 {
  position: relative;
  bottom: -15px !important;
}
.ui-card-bottom-16 {
  position: relative;
  bottom: -16px !important;
}
.ui-card-bottom-17 {
  position: relative;
  bottom: -17px !important;
}
.ui-card-bottom-18 {
  position: relative;
  bottom: -18px !important;
}
.ui-card-bottom-19 {
  position: relative;
  bottom: -19px !important;
}
.ui-card-bottom-20 {
  position: relative;
  bottom: -20px !important;
}
.ui-card-bottom-21 {
  position: relative;
  bottom: -21px !important;
}
.ui-card-bottom-22 {
  position: relative;
  bottom: -22px !important;
}
.ui-card-bottom-23 {
  position: relative;
  bottom: -23px !important;
}
.ui-card-bottom-24 {
  position: relative;
  bottom: -24px !important;
}
.ui-card-bottom-25 {
  position: relative;
  bottom: -25px !important;
}
.ui-card-bottom-26 {
  position: relative;
  bottom: -26px !important;
}
.ui-card-bottom-27 {
  position: relative;
  bottom: -27px !important;
}
.ui-card-bottom-28 {
  position: relative;
  bottom: -28px !important;
}
.ui-card-bottom-29 {
  position: relative;
  bottom: -29px !important;
}
.ui-card-bottom-30 {
  position: relative;
  bottom: -30px !important;
}
.ui-card-bottom-31 {
  position: relative;
  bottom: -31px !important;
}
.ui-card-bottom-32 {
  position: relative;
  bottom: -32px !important;
}
.ui-card-bottom-33 {
  position: relative;
  bottom: -33px !important;
}
.ui-card-bottom-34 {
  position: relative;
  bottom: -34px !important;
}
.ui-card-bottom-35 {
  position: relative;
  bottom: -35px !important;
}
.ui-card-bottom-36 {
  position: relative;
  bottom: -36px !important;
}
.ui-card-bottom-37 {
  position: relative;
  bottom: -37px !important;
}
.ui-card-bottom-38 {
  position: relative;
  bottom: -38px !important;
}
.ui-card-bottom-39 {
  position: relative;
  bottom: -39px !important;
}
.ui-card-bottom-40 {
  position: relative;
  bottom: -40px !important;
}
.ui-card-bottom-41 {
  position: relative;
  bottom: -41px !important;
}
.ui-card-bottom-42 {
  position: relative;
  bottom: -42px !important;
}
.ui-card-bottom-43 {
  position: relative;
  bottom: -43px !important;
}
.ui-card-bottom-44 {
  position: relative;
  bottom: -44px !important;
}
.ui-card-bottom-45 {
  position: relative;
  bottom: -45px !important;
}
.ui-card-bottom-46 {
  position: relative;
  bottom: -46px !important;
}
.ui-card-bottom-47 {
  position: relative;
  bottom: -47px !important;
}
.ui-card-bottom-48 {
  position: relative;
  bottom: -48px !important;
}
.ui-card-bottom-49 {
  position: relative;
  bottom: -49px !important;
}
.ui-card-bottom-50 {
  position: relative;
  bottom: -50px !important;
}
.ui-card-bottom-51 {
  position: relative;
  bottom: -51px !important;
}
.ui-card-bottom-52 {
  position: relative;
  bottom: -52px !important;
}
.ui-card-bottom-53 {
  position: relative;
  bottom: -53px !important;
}
.ui-card-bottom-54 {
  position: relative;
  bottom: -54px !important;
}
.ui-card-bottom-55 {
  position: relative;
  bottom: -55px !important;
}
.ui-card-bottom-56 {
  position: relative;
  bottom: -56px !important;
}
.ui-card-bottom-57 {
  position: relative;
  bottom: -57px !important;
}
.ui-card-bottom-58 {
  position: relative;
  bottom: -58px !important;
}
.ui-card-bottom-59 {
  position: relative;
  bottom: -59px !important;
}
.ui-card-bottom-60 {
  position: relative;
  bottom: -60px !important;
}
.ui-card-bottom-61 {
  position: relative;
  bottom: -61px !important;
}
.ui-card-bottom-62 {
  position: relative;
  bottom: -62px !important;
}
.ui-card-bottom-63 {
  position: relative;
  bottom: -63px !important;
}
.ui-card-bottom-64 {
  position: relative;
  bottom: -64px !important;
}
.ui-card-bottom-65 {
  position: relative;
  bottom: -65px !important;
}
.ui-card-bottom-66 {
  position: relative;
  bottom: -66px !important;
}
.ui-card-bottom-67 {
  position: relative;
  bottom: -67px !important;
}
.ui-card-bottom-68 {
  position: relative;
  bottom: -68px !important;
}
.ui-card-bottom-69 {
  position: relative;
  bottom: -69px !important;
}
.ui-card-bottom-70 {
  position: relative;
  bottom: -70px !important;
}
.ui-card-bottom-71 {
  position: relative;
  bottom: -71px !important;
}
.ui-card-bottom-72 {
  position: relative;
  bottom: -72px !important;
}
.ui-card-bottom-73 {
  position: relative;
  bottom: -73px !important;
}
.ui-card-bottom-74 {
  position: relative;
  bottom: -74px !important;
}
.ui-card-bottom-75 {
  position: relative;
  bottom: -75px !important;
}
.ui-card-bottom-76 {
  position: relative;
  bottom: -76px !important;
}
.ui-card-bottom-77 {
  position: relative;
  bottom: -77px !important;
}
.ui-card-bottom-78 {
  position: relative;
  bottom: -78px !important;
}
.ui-card-bottom-79 {
  position: relative;
  bottom: -79px !important;
}
.ui-card-bottom-80 {
  position: relative;
  bottom: -80px !important;
}
.ui-card-bottom-81 {
  position: relative;
  bottom: -81px !important;
}
.ui-card-bottom-82 {
  position: relative;
  bottom: -82px !important;
}
.ui-card-bottom-83 {
  position: relative;
  bottom: -83px !important;
}
.ui-card-bottom-84 {
  position: relative;
  bottom: -84px !important;
}
.ui-card-bottom-85 {
  position: relative;
  bottom: -85px !important;
}
.ui-card-bottom-86 {
  position: relative;
  bottom: -86px !important;
}
.ui-card-bottom-87 {
  position: relative;
  bottom: -87px !important;
}
.ui-card-bottom-88 {
  position: relative;
  bottom: -88px !important;
}
.ui-card-bottom-89 {
  position: relative;
  bottom: -89px !important;
}
.ui-card-bottom-90 {
  position: relative;
  bottom: -90px !important;
}
.ui-card-bottom-91 {
  position: relative;
  bottom: -91px !important;
}
.ui-card-bottom-92 {
  position: relative;
  bottom: -92px !important;
}
.ui-card-bottom-93 {
  position: relative;
  bottom: -93px !important;
}
.ui-card-bottom-94 {
  position: relative;
  bottom: -94px !important;
}
.ui-card-bottom-95 {
  position: relative;
  bottom: -95px !important;
}
.ui-card-bottom-96 {
  position: relative;
  bottom: -96px !important;
}
.ui-card-bottom-97 {
  position: relative;
  bottom: -97px !important;
}
.ui-card-bottom-98 {
  position: relative;
  bottom: -98px !important;
}
.ui-card-bottom-99 {
  position: relative;
  bottom: -99px !important;
}
.ui-card-bottom-100 {
  position: relative;
  bottom: -100px !important;
}
.success-toaster {
  color: #fff;
}
.error-message {
  color: red;
  font-size: var(--fs-md);
  margin-left: 18px;
  margin-top: 5px;
}
.d-block {
  display: block;
}
.flex-grow-1 {
  flex-grow: 1;
}
.word-break {
  word-break: break-word;
}
.overflow-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-hidden {
  --overflow: hidden;
}
.d-flex {
  display: flex;
}
.c-pointer {
  cursor: pointer;
}
.m-0 {
  margin: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
  --padding-top: 0;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.ws-nowrap {
  white-space: nowrap;
}
.flex-column {
  flex-direction: column;
}
.secondary-text {
  color: #000000 !important;
}
.secondary-text-menu {
  color: #000000 !important;
}
.bg-white {
  background-color: #fff;
}
.w-100 {
  width: 100%;
}
.w-auto {
  width: auto;
}
.h-100 {
  height: 100%;
}
.ion-select {
  --min-height: 55px;
}
.ml-auto {
  margin-left: auto;
}
.mt-0 {
  margin-top: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.fw-bold {
  font-weight: var(--fw-bold);
  color: #000000 !important;
}
.border-bottom {
  border-bottom: 1px solid #D1C5C5;
}
.border-top {
  border-top: 1px solid #D1C5C5;
}
.brand-color {
  color: #ED434F;
}
.wider-select {
  --min-width: 350px;
}
.d-inline-block {
  display: inline-block;
}
.mx-auto {
  margin: 0 auto;
}
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.d-none {
  display: none;
}
.align-text-bottom {
  vertical-align: text-bottom;
}
.bg-transparent {
  background-color: transparent;
  --background: transparent;
}
.rounded-0 {
  border-radius: 0 !important;
}
.h-auto {
  height: auto;
}
.no-border {
  border: 0;
  --border: 0;
  --border-color: transparent;
}
.text-decoration-none {
  text-decoration: none;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.fw-less-bold {
  font-weight: var(--fw-semibold);
}
.d-contents {
  display: contents;
}
.d-inherit {
  display: inherit;
}
html,
body {
  font-family: var(--font-body);
}
.forgot-password-modal {
  --width: min(480px, 92vw);
  --height: 360px;
  --max-height: min(360px, 90vh);
  --border-radius: 12px;
}
.forgot-password-modal::part(content) {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.forgot-password-modal .ion-page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.forgot-password-modal ion-content {
  flex: 1 1 auto;
  min-height: 140px;
  --background: #fff;
}
.forgot-password-modal ion-content p {
  margin: 0 0 1rem;
  color: #5a6b7d;
  font-size: var(--fs-xl);
  line-height: 1.5;
}
.forgot-password-modal ion-footer {
  flex-shrink: 0;
  padding: 10px 16px 16px;
  text-align: right;
  background: #fff;
  border-top: 1px solid #e4e9f2;
}
.forgot-password-modal ion-toolbar {
  --background: #fff;
  --border-color: #e4e9f2;
}
.forgot-password-modal ion-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  color: #33566e;
}
.error-alert-modal {
  --backdrop-opacity: 0.42;
}
.error-alert-modal .alert-wrapper {
  border-radius: 16px;
  box-shadow: 0 14px 44px rgba(15, 31, 46, 0.18);
  max-width: min(360px, 92vw);
  overflow: hidden;
  background: var(--ml-surface, #fff);
}
.error-alert-modal .alert-head:empty {
  display: none;
}
.error-alert-modal .alert-head {
  padding: 20px 24px 0;
  text-align: center;
}
.error-alert-modal .alert-title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-semibold);
  color: var(--ml-text, #1a2e3f);
  letter-spacing: -0.01em;
}
.error-alert-modal .alert-message {
  padding: 28px 24px 22px;
  text-align: center;
  white-space: pre-wrap;
  font-size: var(--fs-xl);
  line-height: 1.55;
  color: var(--ml-text-muted, #5a7082);
}
.error-alert-modal .alert-message::before {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #fdecea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0392b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") center/28px no-repeat;
}
.error-alert-modal .alert-head:not(:empty) + .alert-message {
  padding-top: 8px;
}
.error-alert-modal .alert-head:not(:empty) + .alert-message::before {
  display: none;
}
.error-alert-modal .alert-button-group {
  justify-content: center !important;
  flex-direction: column;
  padding: 0 20px 20px;
  border-top: none !important;
}
.error-alert-modal .alert-button.error-alert-ok {
  border-radius: 10px;
  background: var(--ml-teal, #1897b4) !important;
  color: #fff !important;
  font-weight: var(--fw-semibold);
  text-transform: none;
  margin: 0;
  min-height: 44px;
  border: none;
}
.error-alert-modal .alert-button.error-alert-ok .alert-button-inner {
  justify-content: center;
  color: #fff !important;
}
.error-alert-modal .alert-button.error-alert-ok:hover, .error-alert-modal .alert-button.error-alert-ok:focus {
  background: var(--ml-teal-d, #127a94) !important;
}
ion-modal {
  --width: 600px;
  --height: 500px;
}
.empty-selectbox-msg .alert-radio-icon {
  display: none;
}
.show-overflow .ion-page {
  overflow: visible;
}
.menu-link {
  text-decoration: none;
  color: #1a1a1a;
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  line-height: 1.35;
  letter-spacing: 0.01em;
}
.download-popup-toaster {
  color: #000;
  --width: min(500px, calc(100vw - 32px));
  --max-width: min(500px, calc(100vw - 32px));
  --background: #fff;
  --box-shadow: 0 8px 24px rgba(15, 31, 46, 0.15);
  --border-radius: 8px;
  --button-color: #5a6b7d;
  --min-height: 32px;
  /* Ionic centers top toasts when --start/--end are equal (see ion-toast .toast-wrapper). */
  --start: 16px;
  --end: 16px;
}
.page-title {
  color: #33566e;
}
.show-modal-background {
  background-color: var(--ion-backdrop-color, rgba(0, 0, 0, 0.2));
}
.ngx-pagination .current {
  border-radius: 100px;
}
.list-unstyled {
  list-style-type: none;
  padding: 0;
}
.toaster-message {
  --start: right;
}
/* Scope to app-loader only — do not affect ion-spinner in buttons/modals */
.crypto-loader ion-spinner,
.global-loader-overlay ion-spinner {
  position: static;
  transform: scale(2.5);
}
.browser-location-img {
  display: block;
  max-width: 160px;
  width: auto;
  height: 48px;
  margin-top: 6px;
  object-fit: contain;
}
.tooltip-popover ion-content {
  word-wrap: break-word;
  --background: rgba(0,0,0,.75);
  border-radius: 2px;
  --color: #fff;
  font-size: var(--fs-lg);
}
.content-wrapper {
  background-color: var(--app-page-background, var(--ml-bg, #fafbf9));
  --background: var(--app-page-background, var(--ml-bg, #fafbf9));
  box-shadow: none;
  border-radius: 0;
}
.ng2-pdf-viewer-container {
  overflow-x: hidden !important;
  border-bottom: 1px solid #ccc;
}
.custom-table {
  overflow: auto;
  border: 1px solid #d4dde4;
  border-radius: 8px;
  background: #fff;
}
@media (max-width: 991px) {
  .custom-table .table-header,
.custom-table .table-body {
    width: 800px;
  }
}
.custom-table .table-body {
  max-height: 250px;
  overflow: auto;
}
.custom-table .table-body ion-row {
  min-height: 54px;
}
.custom-table .table-header-row {
  border-bottom: 1px solid #2d4c61;
}
.custom-table .table-header-row ion-col:not(:last-child),
.custom-table .table-body ion-row.table-row ion-col:not(:last-child) {
  border-right: 1px solid #e8ecf1;
}
.custom-table .table-body ion-row.table-row:not(:last-child) ion-col {
  border-bottom: 1px solid #e8ecf1;
}
.custom-table .table-data-item {
  border-bottom: 0.3px solid rgba(196, 196, 196, 0.63);
}
.custom-table .table-data-column {
  display: flex;
  font-size: var(--fs-xl);
  align-items: center;
}
.edit-icon {
  color: #AF207F;
}
.delete-icon {
  color: #EE444C;
}
.ellipses-text {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-cell {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767.99px) {
  .ion-padding-xs-none {
    padding: 0 !important;
  }
  .ion-margin-xs-none {
    margin: 0 !important;
  }
  .flex-small-wrap {
    flex-wrap: wrap;
  }
}
@media (min-width: 991px) {
  .d-sm-flex {
    display: flex;
  }
  .table-cell {
    padding: 15px 15px 15px 15px;
  }
  .table-heading {
    padding: 15px 15px 15px 15px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 580px) {
  .ngx-pagination {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .ngx-pagination li {
    width: max-content !important;
  }
}
.ngx-pagination {
  padding-left: unset !important;
}
.ow-anywhere {
  overflow-wrap: anywhere;
}
ion-tab-bar {
  border-bottom: none;
}
.flat-card {
  box-shadow: none;
  border: 1px solid rgb(217, 217, 217);
}
.title-video-frame {
  border-radius: 6px;
}
.table-heading {
  font-weight: var(--fw-bold);
  background: white;
}
.table-row {
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}
.table-row:first-child {
  border-top: solid 1px #ccc !important;
}
.ion-text-success {
  color: var(--ion-color-success);
}
.pe-none {
  pointer-events: none;
}
.cursor-pointer {
  cursor: pointer;
}
ion-row.card {
  background-color: #fff;
  border-radius: 12px;
  height: 70vh;
}
body {
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */ /* mozilla browsers */ /* webkit (konqueror) browsers */
  user-select: none; /* Standard syntax */
}