@charset "UTF-8";

/* src/styles.scss */
html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}
html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
html {
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}
html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}
html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}
html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}
html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}
html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}
html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}
html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}
html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
html {
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
html {
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}
html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}
html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}
html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}
html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
html {
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-size: 14px;
  --mat-checkbox-label-text-tracking: 0.0178571429em;
  --mat-checkbox-label-text-weight: 400;
}
html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
html {
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
html {
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
html {
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit));
}
body {
  --accent-color: #1976d2;
  --accent-lighter-color: #bad6f2;
  --accent-darker-color: #0e59c1;
  --text-accent-color: white;
  --text-accent-lighter-color: black;
  --text-accent-darker-color: white;
  --replay-background-color: rgba(176, 224, 230, 1);
  --replay-border-background-color: rgba(4, 155, 175, .5);
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-container-color: #transparent;
  --mdc-filled-text-field-disabled-container-color: #transparent;
  --mat-form-field-container-text-size: 14px;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-select-trigger-text-size: 14px;
  --mat-form-field-subscript-text-line-height: 5px;
  --mat-form-field-subscript-text-size: 10.5px;
  --mdc-list-list-item-label-text-size: 14px;
  --mat-optgroup-label-text-size: 13px;
  --mat-option-label-text-size: 14px;
  --mat-checkbox-label-text-color: ##666666;
  --mdc-checkbox-state-layer-size: 23px;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #1976d2;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #1976d2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1976d2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #3f51b5;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #1976d2;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #1976d2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-elevated-card-container-shape: 4px;
}
html {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #3f51b5;
  --mdc-linear-progress-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #1976d2;
  --mdc-linear-progress-track-color: rgba(25, 118, 210, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
html {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
  --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-filled-text-field-container-color: rgb(244.8, 244.8, 244.8);
  --mdc-filled-text-field-disabled-container-color: rgb(249.9, 249.9, 249.9);
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
html {
  --mdc-outlined-text-field-caret-color: #3f51b5;
  --mdc-outlined-text-field-focus-outline-color: #3f51b5;
  --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
html {
  --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #1976d2;
  --mdc-filled-text-field-focus-active-indicator-color: #1976d2;
  --mdc-filled-text-field-focus-label-text-color: rgba(25, 118, 210, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #1976d2;
  --mdc-outlined-text-field-focus-outline-color: #1976d2;
  --mdc-outlined-text-field-focus-label-text-color: rgba(25, 118, 210, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(25, 118, 210, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(25, 118, 210, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
}
html {
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-elevated-disabled-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-flat-disabled-selected-container-color: rgb(224.4, 224.4, 224.4);
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #3f51b5;
  --mdc-chip-elevated-selected-container-color: #3f51b5;
  --mdc-chip-elevated-disabled-container-color: #3f51b5;
  --mdc-chip-flat-disabled-selected-container-color: #3f51b5;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #1976d2;
  --mdc-chip-elevated-selected-container-color: #1976d2;
  --mdc-chip-elevated-disabled-container-color: #1976d2;
  --mdc-chip-flat-disabled-selected-container-color: #1976d2;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #3949ab;
  --mdc-switch-selected-handle-color: #3949ab;
  --mdc-switch-selected-hover-state-layer-color: #3949ab;
  --mdc-switch-selected-pressed-state-layer-color: #3949ab;
  --mdc-switch-selected-focus-handle-color: #1a237e;
  --mdc-switch-selected-hover-handle-color: #1a237e;
  --mdc-switch-selected-pressed-handle-color: #1a237e;
  --mdc-switch-selected-focus-track-color: #7986cb;
  --mdc-switch-selected-hover-track-color: #7986cb;
  --mdc-switch-selected-pressed-track-color: #7986cb;
  --mdc-switch-selected-track-color: #7986cb;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #1976d2;
  --mdc-radio-selected-hover-icon-color: #1976d2;
  --mdc-radio-selected-icon-color: #1976d2;
  --mdc-radio-selected-pressed-icon-color: #1976d2;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #1976d2;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
}
html {
  --mat-radio-touch-target-display: block;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #3f51b5;
  --mdc-slider-focus-handle-color: #3f51b5;
  --mdc-slider-hover-handle-color: #3f51b5;
  --mdc-slider-active-track-color: #3f51b5;
  --mdc-slider-inactive-track-color: #3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
html {
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-hover-state-layer-color: rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color: rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #1976d2;
  --mdc-slider-focus-handle-color: #1976d2;
  --mdc-slider-hover-handle-color: #1976d2;
  --mdc-slider-active-track-color: #1976d2;
  --mdc-slider-inactive-track-color: #1976d2;
  --mdc-slider-with-tick-marks-inactive-container-color: #1976d2;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-accent {
  --mat-slider-ripple-color: #1976d2;
  --mat-slider-hover-state-layer-color: rgba(25, 118, 210, 0.05);
  --mat-slider-focus-state-layer-color: rgba(25, 118, 210, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
html {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #3f51b5;
  --mdc-radio-selected-hover-icon-color: #3f51b5;
  --mdc-radio-selected-icon-color: #3f51b5;
  --mdc-radio-selected-pressed-icon-color: #3f51b5;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #1976d2;
  --mdc-radio-selected-hover-icon-color: #1976d2;
  --mdc-radio-selected-icon-color: #1976d2;
  --mdc-radio-selected-pressed-icon-color: #1976d2;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #1976d2;
  --mdc-checkbox-selected-hover-icon-color: #1976d2;
  --mdc-checkbox-selected-icon-color: #1976d2;
  --mdc-checkbox-selected-pressed-icon-color: #1976d2;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #1976d2;
  --mdc-checkbox-selected-hover-state-layer-color: #1976d2;
  --mdc-checkbox-selected-pressed-state-layer-color: #1976d2;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #3f51b5;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
html {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
html {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #3f51b5;
  --mat-tab-header-active-ripple-color: #3f51b5;
  --mat-tab-header-inactive-ripple-color: #3f51b5;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #3f51b5;
  --mat-tab-header-active-hover-label-text-color: #3f51b5;
  --mat-tab-header-active-focus-indicator-color: #3f51b5;
  --mat-tab-header-active-hover-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #1976d2;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #1976d2;
  --mat-tab-header-active-ripple-color: #1976d2;
  --mat-tab-header-inactive-ripple-color: #1976d2;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #1976d2;
  --mat-tab-header-active-hover-label-text-color: #1976d2;
  --mat-tab-header-active-focus-indicator-color: #1976d2;
  --mat-tab-header-active-hover-indicator-color: #1976d2;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #3f51b5;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #1976d2;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #1976d2;
  --mdc-checkbox-selected-hover-icon-color: #1976d2;
  --mdc-checkbox-selected-icon-color: #1976d2;
  --mdc-checkbox-selected-pressed-icon-color: #1976d2;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #1976d2;
  --mdc-checkbox-selected-hover-state-layer-color: #1976d2;
  --mdc-checkbox-selected-pressed-state-layer-color: #1976d2;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #3f51b5;
  --mdc-checkbox-selected-hover-icon-color: #3f51b5;
  --mdc-checkbox-selected-icon-color: #3f51b5;
  --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
}
html {
  --mat-checkbox-touch-target-display: block;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
html {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
html {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
html {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
html {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
html {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
html {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
html {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #3f51b5;
  --mat-text-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #1976d2;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #1976d2;
  --mat-text-button-ripple-color: rgba(25, 118, 210, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #1976d2;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #1976d2;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #3f51b5;
  --mat-outlined-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #1976d2;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #1976d2;
  --mat-outlined-button-ripple-color: rgba(25, 118, 210, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
}
html {
  --mdc-filled-button-container-height: 36px;
}
html {
  --mdc-protected-button-container-height: 36px;
}
html {
  --mdc-outlined-button-container-height: 36px;
}
html {
  --mat-text-button-touch-target-display: block;
}
html {
  --mat-filled-button-touch-target-display: block;
}
html {
  --mat-protected-button-touch-target-display: block;
}
html {
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
html {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #1976d2;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #1976d2;
  --mat-icon-button-ripple-color: rgba(25, 118, 210, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
}
html {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html {
  --mdc-fab-small-container-color: white;
}
html {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #3f51b5;
}
html .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #1976d2;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
html .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #3f51b5;
}
html .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #1976d2;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
}
html {
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
html {
  --mat-snack-bar-button-color: #c5cae9;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #1976d2;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #1976d2;
  --mat-badge-text-color: white;
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
html {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
html {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: rgb(224.4, 224.4, 224.4);
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #1976d2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(25, 118, 210, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(25, 118, 210, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(25, 118, 210, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(25, 118, 210, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #1976d2;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #1976d2;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #1976d2;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #1976d2;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #1976d2;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: rgb(117.3, 117.3, 117.3);
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #1976d2;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
html {
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-timepicker-container-background-color: white;
}
.mat-mdc-checkbox span {
  white-space: nowrap;
}
.mat-mdc-option span {
  white-space: nowrap;
}
.mat-mdc-dialog-surface {
  padding: 24px;
}
.mdc-list-item__start {
  margin-right: 0 !important;
}
.mdc-linear-progress__buffer {
  background-color: #e0e2ec !important;
}
.mdc-text-field {
  padding: 0 !important;
}
.mat-mdc-paginator .mdc-text-field {
  padding: 0 16px !important;
}
.mat-mdc-icon-button {
  display: inline-flex !important;
  place-content: center !important;
  padding: 0 !important;
}
.mat-mdc-checkbox-touch-target {
  height: 23px !important;
  width: 23px !important;
}
.mat-mdc-form-field-hint {
  color: var(--mdc-filled-text-field-label-text-color);
}
* {
  align-items: center;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
}
a + h1,
a + h2,
a + h3,
a + h4 {
  color: inherit;
}
h1,
h2,
h3,
h4 {
  text-align: center;
}
main > * {
  grid-area: main;
}
.emoji-flag {
  font-family: "Noto Color Emoji";
}
.esri-basemap-gallery__item-container {
  align-items: stretch;
}
.esri-view .esri-view-surface--inset-outline:focus::after {
  display: none;
}
.mat-mdc-raised-button {
  width: min-content;
}
rtrim-arcgis-map #overlay .overlay-drawer .mat-drawer-inner-container {
  overflow: visible;
}
rtrim-filter-panel .content .panel .header .mat-content,
rtrim-timeline .settings-grid .content .panel .header .mat-content {
  display: grid;
  gap: 8px;
  grid-template: "checkbox title .    expand" 1fr/0fr 0fr auto 0fr;
}
rtrim-filter-panel .content .panel .mat-expansion-panel-content,
rtrim-timeline .settings-grid .content .panel .mat-expansion-panel-content {
  align-items: stretch;
}
rtrim-filter-panel .content .panel .mat-expansion-panel-content .mat-expansion-panel-body,
rtrim-timeline .settings-grid .content .panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
.widget > .details > .display-modes > .display-mode > .mat-button-toggle-button > .mat-button-toggle-label-content {
  font-size: 12px;
  line-height: 12px;
  padding: 0;
}
.cdk-overlay-pane .mat-mdc-menu-panel.arcgis-map.filter.options {
  min-height: auto;
}
.cdk-overlay-pane .mat-mdc-menu-panel.arcgis-map.filter.options .option {
  cursor: default;
  display: grid;
  font-size: 14px;
  gap: 8px;
  grid-template: "checkbox title" 1fr/0fr 0fr;
  height: auto;
  line-height: 17px;
  padding: 2px 12px;
}
.cdk-overlay-pane .mat-mdc-menu-panel.arcgis-map.filter.options .option:not(:first-child) {
  padding-top: 16px;
}
.cdk-overlay-pane .mat-mdc-menu-panel.arcgis-map.filter.options .option .checkbox {
  border-radius: 3px;
  grid-area: checkbox;
}
.cdk-overlay-pane .mat-mdc-menu-panel.arcgis-map.filter.options .option .title {
  cursor: pointer;
  font-size: 14px;
  grid-area: title;
  line-height: 17px;
  white-space: nowrap;
}
.cdk-overlay-pane .mat-mdc-menu-panel.settings .content {
  display: flex;
  flex-direction: column;
  padding: 4px 12px;
}
.general-tooltip > .mat-mdc-tooltip-surface {
  text-align: center !important;
  max-width: 250px !important;
}
.cdk-overlay-container .mat-mdc-dialog-container {
  overflow: visible;
}
.mat-mdc-tab-body {
  height: 100%;
}
.mat-mdc-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-calendar .mat-calendar-body-cell {
  border-radius: 100%;
}
.mat-calendar .mat-calendar-body-selected {
  background-color: #3f51b5 !important;
  color: white;
}
.shepherd-footer {
  padding-left: 32px !important;
  padding-right: 32px !important;
  justify-content: space-between !important;
}
.title-step {
  margin-bottom: auto;
  margin-top: auto;
  background-color: red;
}
.shepherd-img-step {
  height: max-content;
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.shepherd-img-step .subtitle {
  font-family: Montserrat;
  font-size: 16px;
  color: #1976d2;
  line-height: 25px;
  place-self: start;
  font-weight: 500;
}
.shepherd-img-step .fullscreen-image {
  width: 100%;
}
.shepherd-img-step .center-large-image {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.shepherd-img-step .center-medium-image {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.shepherd-img-step .center-small-image {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
}
.shepherd-img-step .center-verysmall-image {
  width: 5%;
  margin-left: auto;
  margin-right: auto;
}
.shepherd-img-step ul {
  padding-inline-start: 5px;
}
.shepherd-img-step ul li {
  list-style-type: none;
  margin-bottom: 12px;
}
.shepherd-img-step ol {
  padding-inline-start: 5px;
}
.shepherd-img-step ol li {
  margin-bottom: 12px;
}
.shepherd-img-step .shepherd-highlight {
  border: 1px solid #3f51b5 !important;
}

/* node_modules/@arcgis/core/assets/esri/themes/light/main.css */
body {
  --esri-calcite-mode-name:"light";
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-2FPB52EI.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-LN7F76PF.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-IOTVFYR4.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-FGL2JOTR.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-OAXRPE2V.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-math-KPLIBLB3.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-math-YXGCCV6Q.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-math-VFFKE7H3.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-math-SG7QKMDK.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-math-5IMATMOC.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  unicode-range:
    U+2070-209F,
    U+20A0-20CF,
    U+2100-214F,
    U+22??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-ext-EDWLZLGC.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-ext-4CI5U56X.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-ext-DD2OZHXD.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-ext-T4TUFTZF.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-ext-2J3CIAUN.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range:
    U+100-17F,
    U+180-24F,
    U+250-2AF,
    U+2B0-2FF,
    U+300-36F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-greek-HJE2BWSS.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-greek-ACWMLGWR.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-greek-GGTNWBTB.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-greek-KPLTFQEO.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-greek-ABSP5PP5.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+370-3FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-cyrillic-B5NTKDGB.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-cyrillic-XUFK4PMU.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-cyrillic-AU4THSGV.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-cyrillic-3LEELHYL.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-cyrillic-D6JS7MNM.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+4??;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-georgian-IIEBUGIB.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-georgian-APYKMJYZ.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-georgian-P55WFXBA.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-georgian-GPUL27BQ.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+10A0-10FF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-arabic-RSHC24TL.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-arabic-C374JZRT.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-arabic-LSEUH6AC.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-arabic-FNZVM3OW.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range:
    U+6??,
    U+FB50-FDFF,
    U+FE70-FEFF;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-hebrew-AQKGWMTK.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-hebrew-AGO4ZCE4.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-hebrew-HMP62GUC.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-hebrew-FOYG5TIK.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-hebrew-76NOCD7I.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+590-5FF, U+FB00-FB4F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/94aa531e-7746-4df0-bb6e-349891f2eda5-7WZHQ4AK.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/3ae1e25e-3aa6-4061-a016-a079159f9d65-OVBI2EWD.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/41331c3c-3759-4462-8695-33c9a21b6a5b-QVARNVHU.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/41331c3c-3759-4462-8695-33c9a21b6a5b-QVARNVHU.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+900-97F;
  font-display: auto;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-thai-THZSPH34.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-thai-R7WBY2RI.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-thai-DUALBWKH.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-thai-UVEZ35XM.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+E00-E7F;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b8b15cdf-85d1-4120-8daa-48863d803939-vietnamese-MIG7WCMG.woff2")format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/09ab0626-bb45-4650-acc8-0182d693df02-vietnamese-ESNVW5VG.woff2")format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/b9c5b839-db56-4419-8fcb-6ab661babb1d-vietnamese-RZQN3EZK.woff2")format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/12f4c786-0bef-4a48-b7c0-eebaa7591688-vietnamese-DQIP677N.woff2")format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: Avenir Next;
  src: url("./media/0c8a5d21-8a14-4451-8145-695071809cb7-vietnamese-NEYIW2SA.woff2")format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
  unicode-range: U+1E??;
}
@font-face {
  font-family: CalciteWebCoreIcons;
  src:
    url("./media/CalciteWebCoreIcons-AUHHNC2E.ttf?qt9ftt")format("truetype"),
    url("./media/CalciteWebCoreIcons-EDKVJ65T.woff?qt9ftt")format("woff"),
    url("./media/CalciteWebCoreIcons-RY534MM5.svg?qt9ftt#CalciteWebCoreIcons")format("svg");
  font-weight: 400;
  font-style: normal;
}
[class^=esri-icon-],
[class*=" esri-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  font-family: CalciteWebCoreIcons !important;
}
.esri-icon-close:before {
  content: "\e600";
  color: inherit;
}
.esri-icon-drag-horizontal:before {
  content: "\e601";
  color: inherit;
}
.esri-icon-drag-vertical:before {
  content: "\e602";
  color: inherit;
}
.esri-icon-handle-horizontal:before {
  content: "\e603";
  color: inherit;
}
.esri-icon-handle-vertical:before {
  content: "\e604";
  color: inherit;
}
.esri-icon-check-mark:before {
  content: "\e605";
  color: inherit;
}
.esri-icon-left-triangle-arrow:before {
  content: "\e606";
  color: inherit;
}
.esri-icon-right-triangle-arrow:before {
  content: "\e607";
  color: inherit;
}
.esri-icon-down-arrow:before {
  content: "\e608";
  color: inherit;
}
.esri-icon-up-arrow:before {
  content: "\e609";
  color: inherit;
}
.esri-icon-overview-arrow-bottom-left:before {
  content: "\e60a";
  color: inherit;
}
.esri-icon-overview-arrow-bottom-right:before {
  content: "\e60b";
  color: inherit;
}
.esri-icon-overview-arrow-top-left:before {
  content: "\e60c";
  color: inherit;
}
.esri-icon-overview-arrow-top-right:before {
  content: "\e60d";
  color: inherit;
}
.esri-icon-maximize:before {
  content: "\e60e";
  color: inherit;
}
.esri-icon-minimize:before {
  content: "\e60f";
  color: inherit;
}
.esri-icon-checkbox-unchecked:before {
  content: "\e610";
  color: inherit;
}
.esri-icon-checkbox-checked:before {
  content: "\e611";
  color: inherit;
}
.esri-icon-radio-unchecked:before {
  content: "\e612";
  color: inherit;
}
.esri-icon-radio-checked:before {
  content: "\e613";
  color: inherit;
}
.esri-icon-up-arrow-circled:before {
  content: "\e614";
  color: inherit;
}
.esri-icon-down-arrow-circled:before {
  content: "\e615";
  color: inherit;
}
.esri-icon-left-arrow-circled:before {
  content: "\e616";
  color: inherit;
}
.esri-icon-right-arrow-circled:before {
  content: "\e617";
  color: inherit;
}
.esri-icon-zoom-out-fixed:before {
  content: "\e618";
  color: inherit;
}
.esri-icon-zoom-in-fixed:before {
  content: "\e619";
  color: inherit;
}
.esri-icon-refresh:before {
  content: "\e61a";
  color: inherit;
}
.esri-icon-edit:before {
  content: "\e61b";
  color: inherit;
}
.esri-icon-authorize:before {
  content: "\e61c";
  color: inherit;
}
.esri-icon-map-pin:before {
  content: "\e61d";
  color: inherit;
}
.esri-icon-blank-map-pin:before {
  content: "\e61e";
  color: inherit;
}
.esri-icon-table:before {
  content: "\e61f";
  color: inherit;
}
.esri-icon-plus:before {
  content: "\e620";
  color: inherit;
}
.esri-icon-minus:before {
  content: "\e621";
  color: inherit;
}
.esri-icon-beginning:before {
  content: "\e622";
  color: inherit;
}
.esri-icon-reverse:before {
  content: "\e623";
  color: inherit;
}
.esri-icon-pause:before {
  content: "\e624";
  color: inherit;
}
.esri-icon-play:before {
  content: "\e625";
  color: inherit;
}
.esri-icon-forward:before {
  content: "\e626";
  color: inherit;
}
.esri-icon-end:before {
  content: "\e627";
  color: inherit;
}
.esri-icon-erase:before {
  content: "\e628";
  color: inherit;
}
.esri-icon-up-down-arrows:before {
  content: "\e629";
  color: inherit;
}
.esri-icon-left:before {
  content: "\e62a";
  color: inherit;
}
.esri-icon-right:before {
  content: "\e62b";
  color: inherit;
}
.esri-icon-announcement:before {
  content: "\e62c";
  color: inherit;
}
.esri-icon-notice-round:before {
  content: "\e62d";
  color: inherit;
}
.esri-icon-notice-triangle:before {
  content: "\e62e";
  color: inherit;
}
.esri-icon-home:before {
  content: "\e62f";
  color: inherit;
}
.esri-icon-locate:before {
  content: "\e630";
  color: inherit;
}
.esri-icon-expand:before {
  content: "\e631";
  color: inherit;
}
.esri-icon-collapse:before {
  content: "\e632";
  color: inherit;
}
.esri-icon-layer-list:before {
  content: "\e633";
  color: inherit;
}
.esri-icon-basemap:before {
  content: "\e634";
  color: inherit;
}
.esri-icon-globe:before {
  content: "\e635";
  color: inherit;
}
.esri-icon-applications:before {
  content: "\e636";
  color: inherit;
}
.esri-icon-arrow-up-circled:before {
  content: "\e637";
  color: inherit;
}
.esri-icon-arrow-down-circled:before {
  content: "\e638";
  color: inherit;
}
.esri-icon-arrow-left-circled:before {
  content: "\e639";
  color: inherit;
}
.esri-icon-arrow-right-circled:before {
  content: "\e63a";
  color: inherit;
}
.esri-icon-minus-circled:before {
  content: "\e63b";
  color: inherit;
}
.esri-icon-plus-circled:before {
  content: "\e63c";
  color: inherit;
}
.esri-icon-add-attachment:before {
  content: "\e63d";
  color: inherit;
}
.esri-icon-attachment:before {
  content: "\e63e";
  color: inherit;
}
.esri-icon-calendar:before {
  content: "\e63f";
  color: inherit;
}
.esri-icon-close-circled:before {
  content: "\e640";
  color: inherit;
}
.esri-icon-browser:before {
  content: "\e641";
  color: inherit;
}
.esri-icon-collection:before {
  content: "\e642";
  color: inherit;
}
.esri-icon-comment:before {
  content: "\e643";
  color: inherit;
}
.esri-icon-configure-popup:before {
  content: "\e644";
  color: inherit;
}
.esri-icon-contact:before {
  content: "\e645";
  color: inherit;
}
.esri-icon-dashboard:before {
  content: "\e646";
  color: inherit;
}
.esri-icon-deny:before {
  content: "\e647";
  color: inherit;
}
.esri-icon-description:before {
  content: "\e648";
  color: inherit;
}
.esri-icon-directions:before {
  content: "\e649";
  color: inherit;
}
.esri-icon-directions2:before {
  content: "\e64a";
  color: inherit;
}
.esri-icon-documentation:before {
  content: "\e64b";
  color: inherit;
}
.esri-icon-duplicate:before {
  content: "\e64c";
  color: inherit;
}
.esri-icon-review:before {
  content: "\e64d";
  color: inherit;
}
.esri-icon-environment-settings:before {
  content: "\e64e";
  color: inherit;
}
.esri-icon-error:before {
  content: "\e64f";
  color: inherit;
}
.esri-icon-error2:before {
  content: "\e650";
  color: inherit;
}
.esri-icon-experimental:before {
  content: "\e651";
  color: inherit;
}
.esri-icon-feature-layer:before {
  content: "\e652";
  color: inherit;
}
.esri-icon-filter:before {
  content: "\e653";
  color: inherit;
}
.esri-icon-grant:before {
  content: "\e654";
  color: inherit;
}
.esri-icon-group:before {
  content: "\e655";
  color: inherit;
}
.esri-icon-key:before {
  content: "\e656";
  color: inherit;
}
.esri-icon-labels:before {
  content: "\e657";
  color: inherit;
}
.esri-icon-tag:before {
  content: "\e658";
  color: inherit;
}
.esri-icon-layers:before {
  content: "\e659";
  color: inherit;
}
.esri-icon-left-arrow:before {
  content: "\e65a";
  color: inherit;
}
.esri-icon-right-arrow:before {
  content: "\e65b";
  color: inherit;
}
.esri-icon-link-external:before {
  content: "\e65c";
  color: inherit;
}
.esri-icon-link:before {
  content: "\e65d";
  color: inherit;
}
.esri-icon-loading-indicator:before {
  content: "\e65e";
  color: inherit;
}
.esri-icon-maps:before {
  content: "\e65f";
  color: inherit;
}
.esri-icon-marketplace:before {
  content: "\e660";
  color: inherit;
}
.esri-icon-media:before {
  content: "\e661";
  color: inherit;
}
.esri-icon-media2:before {
  content: "\e662";
  color: inherit;
}
.esri-icon-menu:before {
  content: "\e663";
  color: inherit;
}
.esri-icon-mobile:before {
  content: "\e664";
  color: inherit;
}
.esri-icon-phone:before {
  content: "\e665";
  color: inherit;
}
.esri-icon-navigation:before {
  content: "\e666";
  color: inherit;
}
.esri-icon-pan:before {
  content: "\e667";
  color: inherit;
}
.esri-icon-printer:before {
  content: "\e668";
  color: inherit;
}
.esri-icon-pie-chart:before {
  content: "\e669";
  color: inherit;
}
.esri-icon-chart:before {
  content: "\e66a";
  color: inherit;
}
.esri-icon-line-chart:before {
  content: "\e66b";
  color: inherit;
}
.esri-icon-question:before {
  content: "\e66c";
  color: inherit;
}
.esri-icon-resend-invitation:before {
  content: "\e66d";
  color: inherit;
}
.esri-icon-rotate:before {
  content: "\e66e";
  color: inherit;
}
.esri-icon-save:before {
  content: "\e66f";
  color: inherit;
}
.esri-icon-settings:before {
  content: "\e670";
  color: inherit;
}
.esri-icon-settings2:before {
  content: "\e671";
  color: inherit;
}
.esri-icon-share:before {
  content: "\e672";
  color: inherit;
}
.esri-icon-sign-out:before {
  content: "\e673";
  color: inherit;
}
.esri-icon-support:before {
  content: "\e674";
  color: inherit;
}
.esri-icon-user:before {
  content: "\e675";
  color: inherit;
}
.esri-icon-time-clock:before {
  content: "\e676";
  color: inherit;
}
.esri-icon-trash:before {
  content: "\e677";
  color: inherit;
}
.esri-icon-upload:before {
  content: "\e678";
  color: inherit;
}
.esri-icon-download:before {
  content: "\e679";
  color: inherit;
}
.esri-icon-zoom-in-magnifying-glass:before {
  content: "\e67a";
  color: inherit;
}
.esri-icon-search:before {
  content: "\e67b";
  color: inherit;
}
.esri-icon-zoom-out-magnifying-glass:before {
  content: "\e67c";
  color: inherit;
}
.esri-icon-locked:before {
  content: "\e67d";
  color: inherit;
}
.esri-icon-unlocked:before {
  content: "\e67e";
  color: inherit;
}
.esri-icon-favorites:before {
  content: "\e67f";
  color: inherit;
}
.esri-icon-compass:before {
  content: "\e680";
  color: inherit;
}
.esri-icon-down:before {
  content: "\e681";
  color: inherit;
}
.esri-icon-up:before {
  content: "\e682";
  color: inherit;
}
.esri-icon-chat:before {
  content: "\e683";
  color: inherit;
}
.esri-icon-dock-bottom:before {
  content: "\e684";
  color: inherit;
}
.esri-icon-dock-left:before {
  content: "\e685";
  color: inherit;
}
.esri-icon-dock-right:before {
  content: "\e686";
  color: inherit;
}
.esri-icon-organization:before {
  content: "\e687";
  color: inherit;
}
.esri-icon-north-navigation:before {
  content: "\e688";
  color: inherit;
}
.esri-icon-locate-circled:before {
  content: "\e689";
  color: inherit;
}
.esri-icon-dial:before {
  content: "\e68a";
  color: inherit;
}
.esri-icon-polygon:before {
  content: "\e68b";
  color: inherit;
}
.esri-icon-polyline:before {
  content: "\e68c";
  color: inherit;
}
.esri-icon-visible:before {
  content: "\e68d";
  color: inherit;
}
.esri-icon-non-visible:before {
  content: "\e68e";
  color: inherit;
}
.esri-icon-link-vertical:before {
  content: "\e68f";
  color: inherit;
}
.esri-icon-unlocked-link-vertical:before {
  content: "\e690";
  color: inherit;
}
.esri-icon-link-horizontal:before {
  content: "\e691";
  color: inherit;
}
.esri-icon-unlocked-link-horizontal:before {
  content: "\e692";
  color: inherit;
}
.esri-icon-swap:before {
  content: "\e693";
  color: inherit;
}
.esri-icon-cta-link-external:before {
  content: "\e694";
  color: inherit;
}
.esri-icon-reply:before {
  content: "\e695";
  color: inherit;
}
.esri-icon-public:before {
  content: "\e696";
  color: inherit;
}
.esri-icon-share2:before {
  content: "\e697";
  color: inherit;
}
.esri-icon-launch-link-external:before {
  content: "\e698";
  color: inherit;
}
.esri-icon-rotate-back:before {
  content: "\e699";
  color: inherit;
}
.esri-icon-pan2:before {
  content: "\e69a";
  color: inherit;
}
.esri-icon-tracking:before {
  content: "\e69b";
  color: inherit;
}
.esri-icon-expand2:before {
  content: "\e69c";
  color: inherit;
}
.esri-icon-arrow-down:before {
  content: "\e69d";
  color: inherit;
}
.esri-icon-arrow-up:before {
  content: "\e69e";
  color: inherit;
}
.esri-icon-hollow-eye:before {
  content: "\e69f";
  color: inherit;
}
.esri-icon-play-circled:before {
  content: "\e6a0";
  color: inherit;
}
.esri-icon-volume-off:before {
  content: "\e6a1";
  color: inherit;
}
.esri-icon-volume-on:before {
  content: "\e6a2";
  color: inherit;
}
.esri-icon-bookmark:before {
  content: "\e900";
  color: inherit;
}
.esri-icon-lightbulb:before {
  content: "\e901";
  color: inherit;
}
.esri-icon-sketch-rectangle:before {
  content: "\e902";
  color: inherit;
}
.esri-icon-north-navigation-filled:before {
  content: "\e903";
  color: inherit;
}
.esri-icon-default-action:before {
  content: "\e904";
  color: inherit;
}
.esri-icon-undo:before {
  content: "\e905";
  color: inherit;
}
.esri-icon-redo:before {
  content: "\e906";
  color: inherit;
}
.esri-icon-cursor:before {
  content: "\e907";
  color: inherit;
}
.esri-icon-cursor-filled:before {
  content: "\e908";
  color: inherit;
}
.esri-icon-measure:before {
  content: "\e90a";
  color: inherit;
}
.esri-icon-measure-line:before {
  content: "\e909";
  color: inherit;
}
.esri-icon-measure-area:before {
  content: "\e90b";
  color: inherit;
}
.esri-icon-legend:before {
  content: "\e90c";
  color: inherit;
}
.esri-icon-sliders:before {
  content: "\e90d";
  color: inherit;
}
.esri-icon-sliders-horizontal:before {
  content: "\e90e";
  color: inherit;
}
.esri-icon-cursor-marquee:before {
  content: "\e90f";
  color: inherit;
}
.esri-icon-lasso:before {
  content: "\e910";
  color: inherit;
}
.esri-icon-elevation-profile:before {
  content: "\e911";
  color: inherit;
}
.esri-icon-slice:before {
  content: "\e913";
  color: inherit;
}
.esri-icon-line-of-sight:before {
  content: "\e912";
  color: inherit;
}
.esri-icon-zoom-to-object:before {
  content: "\e914";
  color: inherit;
}
.esri-icon-urban-model:before {
  content: "\e915";
  color: inherit;
}
.esri-icon-measure-building-height-shadow:before {
  content: "\e916";
  color: inherit;
}
.esri-icon-partly-cloudy:before {
  content: "\e917";
  color: inherit;
}
:not([calcite-hydrated]):is(calcite-accordion, calcite-accordion-item, calcite-action, calcite-action-bar, calcite-action-group, calcite-action-menu, calcite-action-pad, calcite-alert, calcite-autocomplete, calcite-autocomplete-item, calcite-autocomplete-item-group, calcite-avatar, calcite-block, calcite-block-group, calcite-block-section, calcite-button, calcite-card, calcite-card-group, calcite-carousel, calcite-carousel-item, calcite-checkbox, calcite-chip, calcite-chip-group, calcite-color-picker, calcite-color-picker-hex-input, calcite-color-picker-swatch, calcite-combobox, calcite-combobox-item, calcite-combobox-item-group, calcite-date-picker, calcite-date-picker-day, calcite-date-picker-month, calcite-date-picker-month-header, calcite-dialog, calcite-dropdown, calcite-dropdown-group, calcite-dropdown-item, calcite-fab, calcite-filter, calcite-flow, calcite-flow-item, calcite-graph, calcite-handle, calcite-icon, calcite-inline-editable, calcite-input, calcite-input-date-picker, calcite-input-message, calcite-input-number, calcite-input-text, calcite-input-time-picker, calcite-input-time-zone, calcite-label, calcite-link, calcite-list, calcite-list-item, calcite-list-item-group, calcite-loader, calcite-menu, calcite-menu-item, calcite-meter, calcite-modal, calcite-navigation, calcite-navigation-logo, calcite-navigation-user, calcite-notice, calcite-option, calcite-option-group, calcite-pagination, calcite-panel, calcite-popover, calcite-progress, calcite-radio-button, calcite-radio-button-group, calcite-rating, calcite-scrim, calcite-segmented-control, calcite-segmented-control-item, calcite-select, calcite-sheet, calcite-shell, calcite-shell-center-row, calcite-shell-panel, calcite-slider, calcite-sort-handle, calcite-sortable-list, calcite-split-button, calcite-stack, calcite-stepper, calcite-stepper-item, calcite-switch, calcite-tab, calcite-tab-nav, calcite-tab-title, calcite-table, calcite-table-cell, calcite-table-header, calcite-table-row, calcite-tabs, calcite-text-area, calcite-tile, calcite-tile-group, calcite-tile-select, calcite-tile-select-group, calcite-time-picker, calcite-tip, calcite-tip-group, calcite-tip-manager, calcite-tooltip, calcite-tree, calcite-tree-item) {
  visibility: hidden;
}
:root {
  --calcite-container-size-height-xxs-min:0;
  --calcite-container-size-width-xxs-min:0;
  --calcite-border-width-none:0;
  --calcite-border-width-sm:1px;
  --calcite-border-width-md:2px;
  --calcite-border-width-lg:4px;
  --calcite-container-size-height-xxs-max:154px;
  --calcite-container-size-height-xs-min:155px;
  --calcite-container-size-height-xs-max:328px;
  --calcite-container-size-height-sm-min:329px;
  --calcite-container-size-height-sm-max:504px;
  --calcite-container-size-height-md-min:505px;
  --calcite-container-size-height-md-max:678px;
  --calcite-container-size-height-lg-min:679px;
  --calcite-container-size-height-lg-max:854px;
  --calcite-container-size-height-xl-min:855px;
  --calcite-container-size-width-xxs-max:320px;
  --calcite-container-size-width-xs-min:321px;
  --calcite-container-size-width-xs-max:476px;
  --calcite-container-size-width-sm-min:477px;
  --calcite-container-size-width-sm-max:768px;
  --calcite-container-size-width-md-min:769px;
  --calcite-container-size-width-md-max:1152px;
  --calcite-container-size-width-lg-min:1153px;
  --calcite-container-size-width-lg-max:1440px;
  --calcite-container-size-width-xl-min:1441px;
  --calcite-container-size-margin:24px;
  --calcite-container-size-gutter:16px;
  --calcite-container-size-content-fluid:100%;
  --calcite-container-size-content-fixed:1440px;
  --calcite-corner-radius-sharp:0;
  --calcite-corner-radius-none:0;
  --calcite-corner-radius-xs:2px;
  --calcite-corner-radius-sm:4px;
  --calcite-corner-radius-round:4px;
  --calcite-corner-radius-pill:100%;
  --calcite-font-family:"Avenir Next",Avenir,"Helvetica Neue",sans-serif;
  --calcite-font-family-code:Monaco,Consolas,"Andale Mono","Lucida Console",monospace;
  --calcite-font-weight-light:300;
  --calcite-font-weight-regular:400;
  --calcite-font-weight-normal:400;
  --calcite-font-weight-medium:500;
  --calcite-font-weight-semibold:600;
  --calcite-font-weight-bold:600;
  --calcite-font-size-xs:10px;
  --calcite-font-size-sm:12px;
  --calcite-font-size:14px;
  --calcite-font-size-md:16px;
  --calcite-font-size-lg:18px;
  --calcite-font-size-xl:20px;
  --calcite-font-size-xxl:24px;
  --calcite-font-style-emphasis:italic;
  --calcite-font-line-height-fixed-sm:12px;
  --calcite-font-line-height-fixed-base:16px;
  --calcite-font-line-height-fixed-lg:20px;
  --calcite-font-line-height-fixed-xl:24px;
  --calcite-font-line-height-relative:auto;
  --calcite-font-line-height-relative-tight:1.25;
  --calcite-font-line-height-relative-snug:1.375;
  --calcite-font-line-height-relative-normal:1.5;
  --calcite-font-line-height-relative-relaxed:1.625;
  --calcite-font-line-height-relative-loose:2;
  --calcite-font-letter-spacing-tight:-.4px;
  --calcite-font-letter-spacing-normal:0;
  --calcite-font-letter-spacing-wide:.4px;
  --calcite-font-paragraph-spacing-normal:4px;
  --calcite-font-text-decoration-none:none;
  --calcite-font-text-decoration-underline:underline;
  --calcite-font-text-case-none:none;
  --calcite-font-text-case-uppercase:uppercase;
  --calcite-font-text-case-lowercase:lowercase;
  --calcite-font-text-case-capitalize:capitalize;
  --calcite-opacity-light:.4;
  --calcite-opacity-half:.5;
  --calcite-opacity-dark:.85;
  --calcite-opacity-full:1;
  --calcite-opacity-disabled:.5;
  --calcite-shadow-none:0 0 0 0 #0000;
  --calcite-size-fixed-xxxs:2px;
  --calcite-size-fixed-xxs:4px;
  --calcite-size-fixed-xs:6px;
  --calcite-size-fixed-sm:8px;
  --calcite-size-fixed-sm-plus:10px;
  --calcite-size-fixed-md:12px;
  --calcite-size-fixed-md-plus:14px;
  --calcite-size-fixed-lg:16px;
  --calcite-size-fixed-xl:20px;
  --calcite-size-fixed-xxl:24px;
  --calcite-size-fixed-xxxl:32px;
  --calcite-size-px:1px;
  --calcite-size-xxxs:.75rem;
  --calcite-size-xxs:.875rem;
  --calcite-size-xs:1rem;
  --calcite-size-sm:1.5rem;
  --calcite-size-md:2rem;
  --calcite-size-lg:2.75rem;
  --calcite-size-xl:3rem;
  --calcite-size-xxl:4rem;
  --calcite-size-xxxl:6rem;
  --calcite-spacing-fixed-xxs:4px;
  --calcite-spacing-fixed-xs:6px;
  --calcite-spacing-fixed-sm:8px;
  --calcite-spacing-fixed-md:12px;
  --calcite-spacing-fixed-lg:14px;
  --calcite-spacing-fixed-xl:16px;
  --calcite-spacing-fixed-xxl:20px;
  --calcite-spacing-fixed-xxxl:32px;
  --calcite-spacing-none:0;
  --calcite-spacing-px:1px;
  --calcite-spacing-base:2px;
  --calcite-spacing-xxs:.25rem;
  --calcite-spacing-xs:.375rem;
  --calcite-spacing-sm:.5rem;
  --calcite-spacing-sm-plus:.625rem;
  --calcite-spacing-md:.75rem;
  --calcite-spacing-md-plus:.875rem;
  --calcite-spacing-lg:1rem;
  --calcite-spacing-xl:1.25rem;
  --calcite-spacing-xxl:1.5rem;
  --calcite-spacing-xxxl:2rem;
  --calcite-z-index-deep:-999999;
  --calcite-z-index:1;
  --calcite-z-index-sticky:300;
  --calcite-z-index-header:400;
  --calcite-z-index-toast:500;
  --calcite-z-index-dropdown:600;
  --calcite-z-index-overlay:700;
  --calcite-z-index-modal:800;
  --calcite-z-index-popup:900;
  --calcite-z-index-tooltip:901;
  --calcite-corner-radius:var(--calcite-corner-radius-none);
  --calcite-shadow-sm:0 2px 8px 0 #0000000a,0 4px 16px 0 #00000014;
  --calcite-shadow-md:0 4px 20px 0 #00000014,0 12px 30px #0000001a;
}
.calcite-typography {
  font-family: var(--calcite-font-family);
  font-size: var(--calcite-font-size);
  font-weight: var(--calcite-font-weight-regular);
  letter-spacing: var(--calcite-font-letter-spacing-normal);
  line-height: var(--calcite-font-line-height-fixed-base);
  paragraph-spacing: var(--calcite-font-paragraph-spacing-normal);
  text-case: var(--calcite-font-text-case-none);
  -webkit-text-decoration: var(--calcite-font-text-decoration-none);
  -webkit-text-decoration: var(--calcite-font-text-decoration-none);
  text-decoration: var(--calcite-font-text-decoration-none);
}
.calcite-typography-light-minus-3h {
  font-size: var(--calcite-font-size-xs);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-sm);
}
.calcite-typography-light-minus-2h {
  font-size: var(--calcite-font-size-sm);
  font-weight: var(--calcite-font-weight-light);
}
.calcite-typography-light-minus-1h {
  font-weight: var(--calcite-font-weight-light);
}
.calcite-typography-light-0h {
  font-size: var(--calcite-font-size-md);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-lg);
}
.calcite-typography-light-1h {
  font-size: var(--calcite-font-size-lg);
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-fixed-xl);
}
.calcite-typography-regular-minus-3h {
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}
.calcite-typography-regular-minus-2h {
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-regular-minus-1h {
  letter-spacing: 0;
  paragraph-spacing: 4px;
  text-case: none;
  font-family:
    Avenir Next,
    Avenir,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}
.calcite-typography-regular-0h {
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-regular-1h {
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-medium-minus-3h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}
.calcite-typography-medium-minus-2h {
  font-weight: var(--calcite-font-weight-medium);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-medium-minus-1h {
  font-weight: var(--calcite-font-weight-medium);
}
.calcite-typography-medium-0h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-medium-1h {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-bold-minus-3h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-sm);
  font-size: var(--calcite-font-size-xs);
}
.calcite-typography-bold-minus-2h {
  font-weight: var(--calcite-font-weight-semibold);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-bold-minus-1h {
  font-weight: var(--calcite-font-weight-semibold);
}
.calcite-typography-bold-0h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-lg);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-bold-1h {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-fixed-xl);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-wrap-light-0 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-wrap-light-1 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-wrap-light-2 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}
.calcite-typography-wrap-light-3 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-tight);
  font-size: var(--calcite-font-size-xxl);
}
.calcite-typography-wrap-light-minus-2 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-wrap-light-minus-1 {
  font-weight: var(--calcite-font-weight-light);
  line-height: var(--calcite-font-line-height-relative-snug);
}
.calcite-typography-wrap-regular-0 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-wrap-regular-1 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-wrap-regular-2 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}
.calcite-typography-wrap-regular-3 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}
.calcite-typography-wrap-regular-minus-2 {
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-wrap-regular-minus-1 {
  line-height: var(--calcite-font-line-height-relative-snug);
}
.calcite-typography-wrap-medium-0 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-wrap-medium-1 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-wrap-medium-2 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}
.calcite-typography-wrap-medium-3 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}
.calcite-typography-wrap-medium-minus-2 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-wrap-medium-minus-1 {
  font-weight: var(--calcite-font-weight-medium);
  line-height: var(--calcite-font-line-height-relative-snug);
}
.calcite-typography-wrap-bold-0 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-md);
}
.calcite-typography-wrap-bold-1 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-lg);
}
.calcite-typography-wrap-bold-2 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xl);
}
.calcite-typography-wrap-bold-3 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-xxl);
}
.calcite-typography-wrap-bold-minus-2 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
  font-size: var(--calcite-font-size-sm);
}
.calcite-typography-wrap-bold-minus-1 {
  font-weight: var(--calcite-font-weight-semibold);
  line-height: var(--calcite-font-line-height-relative-snug);
}
.calcite-typography-hierarchy-display-1 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.375;
}
.calcite-typography-hierarchy-display-2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.375;
}
.calcite-typography-hierarchy-heading-1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.375;
}
.calcite-typography-hierarchy-heading-2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.375;
}
.calcite-typography-hierarchy-heading-3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.375;
}
.calcite-typography-hierarchy-heading-4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
}
.calcite-typography-hierarchy-heading-5 {
  font-weight: 500;
  line-height: 1.375;
}
.calcite-typography-hierarchy-body-snug {
  line-height: 1.375;
}
.calcite-typography-hierarchy-body {
  letter-spacing: 0;
  paragraph-spacing: 4px;
  text-case: none;
  font-family:
    Avenir Next,
    Avenir,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}
.calcite-typography-hierarchy-overline {
  line-height: var(--calcite-font-line-height-fixed-sm);
  text-case: var(--calcite-font-text-case-uppercase);
  font-weight: var(--calcite-font-weight-bold);
}
.calcite-typography-hierarchy-caption {
  font-size: 12px;
  line-height: 1.375;
}
:root,
.calcite-mode-light {
  --calcite-color-border-white:#fff;
  --calcite-color-border-ghost:#0000004d;
  --calcite-color-border-input:#949494;
  --calcite-color-border-3:#dedede;
  --calcite-color-border-2:#d4d4d4;
  --calcite-color-border-1:#c9c9c9;
  --calcite-color-text-link:#00619b;
  --calcite-color-text-inverse:#fff;
  --calcite-color-text-highlight:#004874;
  --calcite-color-text-3:#6b6b6b;
  --calcite-color-text-2:#4a4a4a;
  --calcite-color-text-1:#141414;
  --calcite-color-inverse-press:#212121;
  --calcite-color-inverse-hover:#2b2b2b;
  --calcite-color-inverse:#363636;
  --calcite-color-status-danger-press:#7c1d13;
  --calcite-color-status-danger-hover:#a82b1e;
  --calcite-color-status-danger:#d83020;
  --calcite-color-status-warning-press:#9a5b10;
  --calcite-color-status-warning-hover:#d17300;
  --calcite-color-status-warning:#f89927;
  --calcite-color-status-success-press:#1a6324;
  --calcite-color-status-success-hover:#288835;
  --calcite-color-status-success:#35ac46;
  --calcite-color-status-info-press:#00304d;
  --calcite-color-status-info-hover:#004874;
  --calcite-color-status-info:#00619b;
  --calcite-color-brand-underline:#00619b66;
  --calcite-color-brand-press:#004874;
  --calcite-color-brand-hover:#00619b;
  --calcite-color-brand:#007ac2;
  --calcite-color-transparent-tint:#fffc;
  --calcite-color-transparent-scrim:#ffffffd9;
  --calcite-color-transparent-inverse-press:#ffffff29;
  --calcite-color-transparent-inverse-hover:#ffffff1f;
  --calcite-color-transparent-press:#00000014;
  --calcite-color-transparent-hover:#0000000a;
  --calcite-color-transparent:#0000;
  --calcite-color-foreground-current:#c7eaff;
  --calcite-color-foreground-3:#ebebeb;
  --calcite-color-foreground-2:#f2f2f2;
  --calcite-color-foreground-1:#fff;
  --calcite-color-background-none:#fff0;
  --calcite-color-background:#f7f7f7;
}
.calcite-mode-dark {
  --calcite-color-border-white:#f7f7f7;
  --calcite-color-border-ghost:#7575754d;
  --calcite-color-border-input:#757575;
  --calcite-color-border-3:#404040;
  --calcite-color-border-2:#4a4a4a;
  --calcite-color-border-1:#545454;
  --calcite-color-text-link:#00a0ff;
  --calcite-color-text-inverse:#141414;
  --calcite-color-text-highlight:#c7eaff;
  --calcite-color-text-3:#9e9e9e;
  --calcite-color-text-2:#bfbfbf;
  --calcite-color-text-1:#fff;
  --calcite-color-inverse-press:#f2f2f2;
  --calcite-color-inverse-hover:#fff;
  --calcite-color-inverse:#f7f7f7;
  --calcite-color-status-danger-press:#d90012;
  --calcite-color-status-danger-hover:#ff0015;
  --calcite-color-status-danger:#fe583e;
  --calcite-color-status-warning-press:#ff9500;
  --calcite-color-status-warning-hover:#ffb54d;
  --calcite-color-status-warning:#f89927;
  --calcite-color-status-success-press:#00b81b;
  --calcite-color-status-success-hover:#3bed52;
  --calcite-color-status-success:#36da43;
  --calcite-color-status-info-press:#009af2;
  --calcite-color-status-info-hover:#3db8ff;
  --calcite-color-status-info:#00a0ff;
  --calcite-color-brand-underline:#00a0ff66;
  --calcite-color-brand-press:#00619b;
  --calcite-color-brand-hover:#007ac2;
  --calcite-color-brand:#009af2;
  --calcite-color-transparent-tint:#2b2b2bcc;
  --calcite-color-transparent-scrim:#000000d9;
  --calcite-color-transparent-inverse-press:#00000014;
  --calcite-color-transparent-inverse-hover:#0000000a;
  --calcite-color-transparent-press:#ffffff29;
  --calcite-color-transparent-hover:#ffffff1f;
  --calcite-color-transparent:#fff0;
  --calcite-color-foreground-current:#214155;
  --calcite-color-foreground-3:#141414;
  --calcite-color-foreground-2:#212121;
  --calcite-color-foreground-1:#2b2b2b;
  --calcite-color-background-none:#fff0;
  --calcite-color-background:#363636;
}
:root {
  --calcite-code-family:"Consolas","Andale Mono","Lucida Console","Monaco",monospace;
  --calcite-sans-family:"Avenir Next","Avenir","Helvetica Neue",sans-serif;
  --calcite-font-size--3:.625rem;
  --calcite-font-size--2:.75rem;
  --calcite-font-size--1:.875rem;
  --calcite-font-size-0:1rem;
  --calcite-font-size-1:1.125rem;
  --calcite-font-size-2:1.25rem;
  --calcite-font-size-3:1.625rem;
  --calcite-font-size-4:2rem;
  --calcite-font-size-5:2.5rem;
  --calcite-font-size-6:3rem;
  --calcite-font-size-7:3.5rem;
  --calcite-font-size-8:4rem;
  --calcite-font-weight-light:300;
  --calcite-font-weight-normal:400;
  --calcite-font-weight-medium:500;
  --calcite-font-weight-bold:600;
  --calcite-ui-brand:var(--calcite-color-brand);
  --calcite-ui-brand-hover:var(--calcite-color-brand-hover);
  --calcite-ui-brand-press:var(--calcite-color-brand-press);
  --calcite-ui-background:var(--calcite-color-background);
  --calcite-ui-foreground-1:var(--calcite-color-foreground-1);
  --calcite-ui-foreground-2:var(--calcite-color-foreground-2);
  --calcite-ui-foreground-3:var(--calcite-color-foreground-3);
  --calcite-ui-foreground-current:var(--calcite-color-foreground-current);
  --calcite-ui-focus-offset-invert:var(--calcite-offset-invert-focus);
  --calcite-semantic-ui-color-foreground-current:var(--calcite-color-foreground-current);
  --calcite-ui-text-1:var(--calcite-color-text-1);
  --calcite-ui-text-2:var(--calcite-color-text-2);
  --calcite-ui-text-3:var(--calcite-color-text-3);
  --calcite-ui-text-inverse:var(--calcite-color-text-inverse);
  --calcite-ui-text-link:var(--calcite-color-text-link);
  --calcite-ui-border-1:var(--calcite-color-border-1);
  --calcite-ui-border-2:var(--calcite-color-border-2);
  --calcite-ui-border-3:var(--calcite-color-border-3);
  --calcite-ui-border-input:var(--calcite-color-border-input);
  --calcite-ui-info:var(--calcite-color-status-info);
  --calcite-ui-info-hover:var(--calcite-color-status-info-hover);
  --calcite-ui-info-press:var(--calcite-color-status-info-press);
  --calcite-ui-success:var(--calcite-color-status-success);
  --calcite-ui-success-hover:var(--calcite-color-status-success-hover);
  --calcite-ui-success-press:var(--calcite-color-status-success-press);
  --calcite-ui-warning:var(--calcite-color-status-warning);
  --calcite-ui-warning-hover:var(--calcite-color-status-warning-hover);
  --calcite-ui-warning-press:var(--calcite-color-status-warning-press);
  --calcite-ui-danger:var(--calcite-color-status-danger);
  --calcite-ui-danger-hover:var(--calcite-color-status-danger-hover);
  --calcite-ui-danger-press:var(--calcite-color-status-danger-press);
  --calcite-ui-inverse:var(--calcite-color-inverse);
  --calcite-app-z-index:var(--calcite-z-index);
  --calcite-app-z-index-tooltip:var(--calcite-z-index-tooltip);
  --calcite-app-z-index-popup:var(--calcite-z-index-popup);
  --calcite-app-z-index-modal:var(--calcite-z-index-modal);
  --calcite-app-z-index-overlay:var(--calcite-z-index-overlay);
  --calcite-app-z-index-dropdown:var(--calcite-z-index-dropdown);
  --calcite-app-z-index-toast:var(--calcite-z-index-toast);
  --calcite-app-z-index-header:var(--calcite-z-index-header);
  --calcite-app-z-index-sticky:var(--calcite-z-index-sticky);
  --calcite-app-breakpoint-content-fixed:var(--calcite-container-size-content-fixed);
  --calcite-app-breakpoint-content-fluid:var(--calcite-container-size-content-fluid);
  --calcite-app-breakpoint-width-lg:var(--calcite-container-size-width-lg-max);
  --calcite-app-breakpoint-width-md:var(--calcite-container-size-width-md-max);
  --calcite-app-breakpoint-width-sm:var(--calcite-container-size-width-sm-max);
  --calcite-app-breakpoint-width-xs:var(--calcite-container-size-width-xs-max);
  --calcite-app-breakpoint-width-xxs:var(--calcite-container-size-width-xxs-max);
  --calcite-app-spacing-11:var(--calcite-spacing-xxxl);
  --calcite-app-spacing-8:var(--calcite-spacing-xl);
  --calcite-app-spacing-7:var(--calcite-spacing-lg);
  --calcite-app-spacing-6:var(--calcite-spacing-md-plus);
  --calcite-app-spacing-5:var(--calcite-spacing-md);
  --calcite-app-spacing-3:var(--calcite-spacing-sm);
  --calcite-app-spacing-2:var(--calcite-spacing-xs);
  --calcite-app-spacing-1:var(--calcite-spacing-xxs);
  --calcite-app-spacing-0:var(--calcite-spacing-base);
  --calcite-app-sizing-11:var(--calcite-size-md);
  --calcite-app-sizing-9:var(--calcite-size-sm);
  --calcite-app-sizing-8:var(--calcite-spacing-xl);
  --calcite-app-sizing-7:var(--calcite-size-xs);
  --calcite-app-sizing-6:var(--calcite-size-xxxs-plus);
  --calcite-app-sizing-5:var(--calcite-size-xxxs);
  --calcite-app-sizing-4:var(--calcite-spacing-sm-plus);
  --calcite-app-sizing-3:var(--calcite-spacing-sm);
  --calcite-app-sizing-2:var(--calcite-spacing-xs);
  --calcite-app-sizing-1:var(--calcite-spacing-xxs);
  --calcite-app-sizing-0:var(--calcite-spacing-base);
  --calcite-app-opacity-100:var(--calcite-app-opacity-full);
  --calcite-app-opacity-85:var(--calcite-app-opacity-dark);
  --calcite-app-opacity-50:var(--calcite-app-opacity-half);
  --calcite-app-opacity-40:var(--calcite-app-opacity-light);
  --calcite-app-border-width-none:var(--calcite-border-width-none);
  --calcite-app-border-width-2:var(--calcite-border-width-lg);
  --calcite-app-border-width-1:var(--calcite-border-width-md);
  --calcite-app-border-width-0:var(--calcite-border-width-sm);
  --calcite-app-border-radius-full:var(--calcite-corner-radius-pill);
  --calcite-app-border-radius-none:var(--calcite-corner-radius-sharp);
  --calcite-app-border-radius-1:var(--calcite-corner-radius-round);
  --calcite-app-border-radius-0:var(--calcite-corner-radius-0);
  --calcite-app-font-text-case-capitalize:var(--calcite-font-text-case-capitalize);
  --calcite-app-font-text-case-lowercase:var(--calcite-font-text-case-lowercase);
  --calcite-app-font-text-case-uppercase:var(--calcite-font-text-case-uppercase);
  --calcite-app-font-text-case-none:var(--calcite-font-text-case-none);
  --calcite-app-font-text-decoration-underline:var(--calcite-font-text-decoration-underline);
  --calcite-app-font-text-decoration-none:var(--calcite-font-text-decoration-none);
  --calcite-app-font-paragraph-spacing-normal:var(--calcite-font-paragraph-spacing-normal);
  --calcite-app-font-letter-spacing-wide:var(--calcite-font-letter-spacing-wide);
  --calcite-app-font-letter-spacing-normal:var(--calcite-font-letter-spacing-normal);
  --calcite-app-font-letter-spacing-tight:var(--calcite-font-letter-spacing-tight);
  --calcite-app-font-size-6:var(--calcite-font-size-xxl);
  --calcite-app-font-size-5:var(--calcite-font-size-xl);
  --calcite-app-font-size-4:var(--calcite-font-size-lg);
  --calcite-app-font-size-3:var(--calcite-font-size-md);
  --calcite-app-font-size-2:var(--calcite-font-size);
  --calcite-app-font-size-1:var(--calcite-font-size-sm);
  --calcite-app-font-size-0:var(--calcite-font-size-xs);
  --calcite-app-font-line-height-relative-loose:var(--calcite-font-line-height-relative-loose);
  --calcite-app-font-line-height-relative-relaxed:var(--calcite-font-line-height-relative-relaxed);
  --calcite-app-font-line-height-relative-normal:var(--calcite-font-line-height-relative-normal);
  --calcite-app-font-line-height-relative-snug:var(--calcite-font-line-height-relative-snug);
  --calcite-app-font-line-height-relative-tight:var(--calcite-font-line-height-relative-tight);
  --calcite-app-font-line-height-relative:var(--calcite-font-line-height-relative);
  --calcite-app-font-line-height-fixed-3:var(--calcite-font-line-height-fixed-xl);
  --calcite-app-font-line-height-fixed-2:var(--calcite-font-line-height-fixed-lg);
  --calcite-app-font-line-height-fixed:var(--calcite-font-line-height-fixed-sm);
  --calcite-app-font-weight-bold:var(--calcite-font-weight-bold);
  --calcite-app-font-weight-demi:var(--calcite-font-weight-semibold);
  --calcite-app-font-weight-medium:var(--calcite-font-weight-medium);
  --calcite-app-font-weight-regular:var(--calcite-font-weight-regular);
  --calcite-app-font-weight-light:var(--calcite-font-weight-light);
  --calcite-app-font-family-code:var(--calcite-font-family-code);
  --calcite-app-font-family-primary:var(--calcite-font-family-primary);
  --calcite-floating-ui-transition:var(--calcite-animation-timing);
  --calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);
  --calcite-animation-timing:calc(.15s*var(--calcite-internal-duration-factor));
  --calcite-internal-duration-factor:var(--calcite-duration-factor,1);
  --calcite-internal-animation-timing-fast:calc(.1s*var(--calcite-internal-duration-factor));
  --calcite-internal-animation-timing-medium:calc(.2s*var(--calcite-internal-duration-factor));
  --calcite-internal-animation-timing-slow:calc(.3s*var(--calcite-internal-duration-factor));
  --calcite-popover-z-index:var(--calcite-z-index-popup);
  --calcite-border-radius:var(--calcite-border-radius-round,4px);
  --calcite-border-radius-base:0;
  --calcite-offset-invert-focus:0;
  --calcite-panel-width-multiplier:1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--calcite-font-family);
}
@media (prefers-color-scheme:dark) {
  .calcite-mode-auto {
    --calcite-color-border-white:#f7f7f7;
    --calcite-color-border-ghost:#7575754d;
    --calcite-color-border-input:#757575;
    --calcite-color-border-3:#404040;
    --calcite-color-border-2:#4a4a4a;
    --calcite-color-border-1:#545454;
    --calcite-color-text-link:#00a0ff;
    --calcite-color-text-inverse:#141414;
    --calcite-color-text-highlight:#c7eaff;
    --calcite-color-text-3:#9e9e9e;
    --calcite-color-text-2:#bfbfbf;
    --calcite-color-text-1:#fff;
    --calcite-color-inverse-press:#f2f2f2;
    --calcite-color-inverse-hover:#fff;
    --calcite-color-inverse:#f7f7f7;
    --calcite-color-status-danger-press:#d90012;
    --calcite-color-status-danger-hover:#ff0015;
    --calcite-color-status-danger:#fe583e;
    --calcite-color-status-warning-press:#ff9500;
    --calcite-color-status-warning-hover:#ffb54d;
    --calcite-color-status-warning:#f89927;
    --calcite-color-status-success-press:#00b81b;
    --calcite-color-status-success-hover:#3bed52;
    --calcite-color-status-success:#36da43;
    --calcite-color-status-info-press:#009af2;
    --calcite-color-status-info-hover:#3db8ff;
    --calcite-color-status-info:#00a0ff;
    --calcite-color-brand-underline:#00a0ff66;
    --calcite-color-brand-press:#00619b;
    --calcite-color-brand-hover:#007ac2;
    --calcite-color-brand:#009af2;
    --calcite-color-transparent-tint:#2b2b2bcc;
    --calcite-color-transparent-scrim:#000000d9;
    --calcite-color-transparent-inverse-press:#00000014;
    --calcite-color-transparent-inverse-hover:#0000000a;
    --calcite-color-transparent-press:#ffffff29;
    --calcite-color-transparent-hover:#ffffff1f;
    --calcite-color-transparent:#fff0;
    --calcite-color-foreground-current:#214155;
    --calcite-color-foreground-3:#141414;
    --calcite-color-foreground-2:#212121;
    --calcite-color-foreground-1:#2b2b2b;
    --calcite-color-background-none:#fff0;
    --calcite-color-background:#363636;
  }
}
@media (prefers-color-scheme:light) {
  .calcite-mode-auto {
    --calcite-color-border-white:#fff;
    --calcite-color-border-ghost:#0000004d;
    --calcite-color-border-input:#949494;
    --calcite-color-border-3:#dedede;
    --calcite-color-border-2:#d4d4d4;
    --calcite-color-border-1:#c9c9c9;
    --calcite-color-text-link:#00619b;
    --calcite-color-text-inverse:#fff;
    --calcite-color-text-highlight:#004874;
    --calcite-color-text-3:#6b6b6b;
    --calcite-color-text-2:#4a4a4a;
    --calcite-color-text-1:#141414;
    --calcite-color-inverse-press:#212121;
    --calcite-color-inverse-hover:#2b2b2b;
    --calcite-color-inverse:#363636;
    --calcite-color-status-danger-press:#7c1d13;
    --calcite-color-status-danger-hover:#a82b1e;
    --calcite-color-status-danger:#d83020;
    --calcite-color-status-warning-press:#9a5b10;
    --calcite-color-status-warning-hover:#d17300;
    --calcite-color-status-warning:#f89927;
    --calcite-color-status-success-press:#1a6324;
    --calcite-color-status-success-hover:#288835;
    --calcite-color-status-success:#35ac46;
    --calcite-color-status-info-press:#00304d;
    --calcite-color-status-info-hover:#004874;
    --calcite-color-status-info:#00619b;
    --calcite-color-brand-underline:#00619b66;
    --calcite-color-brand-press:#004874;
    --calcite-color-brand-hover:#00619b;
    --calcite-color-brand:#007ac2;
    --calcite-color-transparent-tint:#fffc;
    --calcite-color-transparent-scrim:#ffffffd9;
    --calcite-color-transparent-inverse-press:#ffffff29;
    --calcite-color-transparent-inverse-hover:#ffffff1f;
    --calcite-color-transparent-press:#00000014;
    --calcite-color-transparent-hover:#0000000a;
    --calcite-color-transparent:#0000;
    --calcite-color-foreground-current:#c7eaff;
    --calcite-color-foreground-3:#ebebeb;
    --calcite-color-foreground-2:#f2f2f2;
    --calcite-color-foreground-1:#fff;
    --calcite-color-background-none:#fff0;
    --calcite-color-background:#f7f7f7;
  }
}
@media (prefers-reduced-motion:reduce) {
  :root {
    --calcite-internal-duration-factor:0;
  }
}
@keyframes in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes in-down {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes in-up {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes in-right {
  0% {
    opacity: 0;
    transform: translate(-5px);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes in-left {
  0% {
    opacity: 0;
    transform: translate(5px);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes in-scale {
  0% {
    opacity: 0;
    transform: scale(.95);
  }
  to {
    opacity: 1;
    transform: scaleZ(1);
  }
}
.calcite-animate {
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: var(--calcite-animation-timing);
}
.calcite-animate__in {
  animation-name: in;
}
.calcite-animate__in-down {
  animation-name: in-down;
}
.calcite-animate__in-up {
  animation-name: in-up;
}
.calcite-animate__in-right {
  animation-name: in-right;
}
.calcite-animate__in-left {
  animation-name: in-left;
}
.calcite-animate__in-scale {
  animation-name: in-scale;
}
.esri-view {
  --esri-view-outline-color:var(--calcite-color-brand);
  --esri-view-outline:2px solid var(--esri-view-outline-color);
  --esri-view-outline-offset:-2px;
  margin: 0;
  padding: 0;
  font-family:
    Avenir Next,
    Helvetica Neue,
    helvetica,
    arial,
    sans-serif;
  display: flex;
}
.esri-view .esri-view-user-storage {
  overflow: hidden;
}
.esri-view .esri-view-root {
  -webkit-tap-highlight-color: #0000;
  -webkit-tap-highlight-color: transparent;
  border: none;
  flex: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.esri-view .esri-view-surface {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  border: none;
  outline: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}
.esri-view .esri-view-surface--touch-none {
  touch-action: none;
}
.esri-view .esri-view-surface--touch-pan {
  touch-action: pan-x pan-y;
}
.esri-view .esri-view-surface:focus:after {
  box-sizing: border-box;
  z-index: 999;
  outline: var(--esri-view-outline);
  outline-offset: var(--esri-view-outline-offset);
  content: "";
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.esri-view .esri-view-surface[data-navigating=true] {
  cursor: grabbing;
}
.esri-view .esri-view-surface[data-cursor=copy] {
  cursor: copy;
}
.esri-view .esri-view-surface[data-cursor=crosshair] {
  cursor: crosshair;
}
.esri-view .esri-view-surface[data-cursor=help] {
  cursor: help;
}
.esri-view .esri-view-surface[data-cursor=move] {
  cursor: move;
}
.esri-view .esri-view-surface[data-cursor=pointer] {
  cursor: pointer;
}
.esri-view .esri-view-surface[data-cursor=progress] {
  cursor: progress;
}
.esri-view .esri-view-surface[data-cursor=grab] {
  cursor: grab;
}
.esri-view .esri-view-surface[data-cursor=grabbing] {
  cursor: grabbing;
}
.esri-view .esri-view-surface[data-cursor=n-resize] {
  cursor: n-resize;
}
.esri-view .esri-view-surface[data-cursor=e-resize] {
  cursor: e-resize;
}
.esri-view .esri-view-surface[data-cursor=s-resize] {
  cursor: s-resize;
}
.esri-view .esri-view-surface[data-cursor=w-resize] {
  cursor: w-resize;
}
.esri-view .esri-view-surface[data-cursor=ne-resize] {
  cursor: ne-resize;
}
.esri-view .esri-view-surface[data-cursor=nw-resize] {
  cursor: nw-resize;
}
.esri-view .esri-view-surface[data-cursor=se-resize] {
  cursor: se-resize;
}
.esri-view .esri-view-surface[data-cursor=sw-resize] {
  cursor: sw-resize;
}
.esri-view .esri-view-surface[data-cursor=ew-resize] {
  cursor: ew-resize;
}
.esri-view .esri-view-surface[data-cursor=ns-resize] {
  cursor: ns-resize;
}
.esri-view .esri-view-surface[data-cursor=nesw-resize] {
  cursor: nesw-resize;
}
.esri-view .esri-view-surface[data-cursor=nwse-resize] {
  cursor: nwse-resize;
}
.esri-view .esri-view-surface[data-cursor=none] {
  cursor: none;
}
.esri-view .esri-display-object,
.esri-view .esri-bitmap {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
}
.esri-view .esri-bitmap {
  transform-origin: 0 0;
  max-width: none;
}
:root {
  view-transition-name: none;
}
::view-transition {
  pointer-events: none;
}
.esri-ui {
  box-sizing: border-box;
  z-index: 0;
  pointer-events: none;
  contain: layout;
  font-size: 14px;
  position: absolute;
  inset: 0;
  overflow: hidden;
  container: esri-view-canvas/size;
}
.esri-ui calcite-flow,
.esri-ui calcite-panel {
  z-index: 1;
  position: relative;
}
.esri-ui .esri-component {
  pointer-events: auto;
}
.esri-ui .esri-attribution {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.esri-ui .esri-fov-overlay-outer {
  pointer-events: none;
  place-content: center;
  width: 100%;
  height: 100%;
  display: grid;
}
.esri-ui .esri-fov-overlay {
  text-shadow:
    0 0 1px #000,
    0 0 2px #000,
    0 0 3px #000;
  color: #fff;
  font-size: var(--calcite-font-size-3);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  animation: 1s forwards fadeInAnimation;
  display: flex;
}
.esri-ui .esri-fov-overlay-reset {
  cursor: pointer;
  pointer-events: auto;
}
.esri-ui .esri-fov-overlay-text {
  pointer-events: none;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion:reduce) {
  .esri-fov-overlay {
    animation: none !important;
  }
}
.esri-ui-corner {
  display: flex;
  position: absolute;
}
.esri-ui-inner-container {
  position: absolute;
  inset: 0;
}
.esri-ui-manual-container > .esri-component {
  position: absolute;
}
.esri-ui-manual-container .esri-swipe {
  z-index: -1;
}
.esri-ui-top-left,
.esri-ui-top-right {
  flex-flow: column;
}
.esri-ui-top-left {
  align-items: flex-start;
  top: 0;
  left: 0;
}
.esri-ui-top-right {
  align-items: flex-end;
  top: 0;
  right: 0;
}
.esri-ui-bottom-left,
.esri-ui-bottom-right {
  flex-flow: row;
  align-items: flex-end;
}
.esri-ui-bottom-right {
  flex-flow: row-reverse;
  bottom: 0;
  right: 0;
}
.esri-ui-bottom-right .esri-component {
  margin-left: 10px;
}
.esri-ui-top-right .esri-component,
.esri-ui-top-left .esri-component {
  margin-bottom: 10px;
}
.esri-ui-bottom-left {
  bottom: 0;
  left: 0;
}
.esri-ui-bottom-left .esri-component {
  margin-right: 10px;
}
[dir=rtl] .esri-ui-top-left {
  align-items: flex-end;
}
[dir=rtl] .esri-ui-top-right {
  align-items: flex-start;
}
[dir=rtl] .esri-ui-bottom-left {
  flex-direction: row-reverse;
}
[dir=rtl] .esri-ui-bottom-right {
  flex-direction: row;
}
.esri-zoom-box__container {
  width: 100%;
  height: 100%;
  position: relative;
}
.esri-zoom-box__overlay {
  cursor: crosshair;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-zoom-box__overlay-background {
  fill: #0000001a;
}
.esri-zoom-box__outline {
  fill: #0000;
  stroke: #1e90ff;
  stroke-dasharray: 1 1;
  stroke-width: 2px;
}
.esri-overlay-surface {
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  border: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: clip;
}
.esri-text-overlay-item {
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.3em;
  display: block;
  position: absolute;
  overflow: hidden;
}
.esri-text-overlay-item-anchor-bottom {
  transform: translate(-50%, -100%);
}
.esri-text-overlay-item-anchor-bottom-right {
  transform: translate(-100%, -100%);
}
.esri-text-overlay-item-anchor-bottom-left {
  transform: translateY(-100%);
}
.esri-text-overlay-item-anchor-top {
  transform: translate(-50%);
}
.esri-text-overlay-item-anchor-top-right {
  transform: translate(-100%);
}
.esri-text-overlay-item-anchor-top-left {
  transform: translate(0);
}
.esri-text-overlay-item-anchor-center {
  transform: translate(-50%, -50%);
}
.esri-text-overlay-item-anchor-right {
  transform: translate(-100%, -50%);
}
.esri-text-overlay-item-anchor-left {
  transform: translateY(-50%);
}
.esri-line-overlay-item,
.esri-outline-overlay-item,
.esri-box-overlay-item {
  white-space: nowrap;
  display: block;
  position: absolute;
  overflow: hidden;
}
[class^=esri-icon-],
[class*=" esri-icon-"] {
  font-size: 16px;
  display: inline-block;
}
.esri-widget {
  --esri-widget-padding-x:15px;
  --esri-widget-padding-y:12px;
  --esri-widget-padding:var(--esri-widget-padding-y)var(--esri-widget-padding-x);
  box-sizing: border-box;
  color: #323232;
  background-color: #fff;
  font-family:
    Avenir Next,
    Helvetica Neue,
    helvetica,
    arial,
    sans-serif;
  font-size: 14px;
  line-height: 1.3em;
}
.esri-widget *,
.esri-widget :before,
.esri-widget :after {
  box-sizing: inherit;
}
.esri-widget.esri-widget--disabled > * {
  opacity: .4;
  pointer-events: none;
}
.esri-widget.esri-widget--compact {
  --esri-widget-padding-y:0;
  --esri-widget-padding-x:0;
}
.esri-widget__anchor {
  color: #0079c1;
}
.esri-widget__anchor:hover {
  color: #00598e;
}
.esri-widget__anchor:hover,
.esri-widget__anchor:focus {
  text-decoration: underline;
}
.esri-widget__anchor--disabled {
  opacity: .4;
  pointer-events: none;
}
.esri-widget__header {
  background-color: #fff;
  flex: 1 0 100%;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 0 12px 15px;
  display: flex;
}
.esri-widget__header .esri-widget__heading {
  width: calc(100% - 48px);
  text-align: initial;
  color: #6e6e6e;
  align-items: center;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-widget__header-button {
  appearance: none;
  cursor: pointer;
  color: #6e6e6e;
  background-color: #0000;
  border: none;
  flex: 0 0 48px;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 48px;
  padding: 0;
  display: flex;
}
.esri-widget__heading {
  color: #323232;
  margin: 0 0 .5rem;
  font-weight: 600;
}
h1.esri-widget__heading {
  font-size: 20px;
}
h2.esri-widget__heading {
  font-size: 16px;
}
h3.esri-widget__heading,
h4.esri-widget__heading,
h5.esri-widget__heading,
h6.esri-widget__heading {
  font-size: 14px;
}
.esri-widget__footer {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 48px;
  display: flex;
}
.esri-widget__footer-pagination {
  color: #6e6e6e;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-widget__footer-pagination-previous-button,
.esri-widget__footer-pagination-next-button {
  cursor: pointer;
  background-color: #0000;
  border: 0;
  margin: 0 7px;
  padding: 12px 15px;
  transition: background-color .125s ease-in-out;
}
.esri-widget__footer-pagination-previous-button:hover,
.esri-widget__footer-pagination-previous-button:focus,
.esri-widget__footer-pagination-next-button:hover,
.esri-widget__footer-pagination-next-button:focus {
  color: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-menu {
  visibility: hidden;
  z-index: 1;
  background-clip: padding;
  background-color: #fff;
  background-clip: padding-box;
  width: 100%;
  max-height: 0;
  margin: 2px 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-menu .esri-menu__header {
  color: #fff;
  background-color: #4c4c4c;
  padding: 6px 12px;
}
.esri-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.esri-menu__list-item {
  cursor: pointer;
  border-top: 1px solid #6e6e6e4d;
  border-left: 3px solid #0000;
  padding: .8em 1em;
}
.esri-menu__list-item [class^=esri-icon-],
.esri-menu__list-item [class*=" esri-icon-"] {
  padding-right: 2.8px;
}
.esri-menu__list-item:first-child {
  border-top: none;
}
.esri-menu__list-item--focus,
.esri-menu__list-item:hover,
.esri-menu__list-item:focus {
  background-color: #f3f3f3;
}
.esri-menu__list-item:active {
  background-color: #e2f1fb;
}
.esri-menu__list-item--active,
.esri-menu__list-item--active:hover,
.esri-menu__list-item--active:focus {
  background-color: #e2f1fb;
  border-left-color: #0079c1;
}
.esri-widget__table {
  border-collapse: collapse;
  color: #323232;
  border: none;
  width: 100%;
  line-height: 1.3em;
}
.esri-widget__table tr:nth-child(odd) {
  background-color: #4c4c4c1a;
}
.esri-widget__table tr:nth-child(2n) {
  background-color: #4c4c4c05;
}
.esri-widget__table tr a {
  color: #6e6e6e;
}
.esri-widget__table tr a:hover,
.esri-widget__table tr a:focus {
  color: #2e2e2e;
}
.esri-widget__table tr td,
.esri-widget__table tr th {
  vertical-align: top;
  word-break: break-word;
  padding: .5em .7em;
  font-size: 12px;
  font-weight: 400;
}
.esri-widget__table tr th {
  text-align: left;
  border-right: 3px solid #0000000d;
  width: 50%;
}
.esri-widget__table tr td {
  width: 50%;
}
.esri-input {
  color: #323232;
  background-color: #fff;
  border: 1px solid #959595;
  font-size: 14px;
}
.esri-input::-ms-clear {
  display: none;
}
.esri-input::placeholder {
  opacity: 1;
  color: #6e6e6e;
}
.esri-input:placeholder-shown {
  text-overflow: ellipsis;
}
.esri-input[type=text],
.esri-input[type=password],
.esri-input[type=number] {
  height: 32px;
  padding: 0 .5em;
}
calcite-combobox.esri-input {
  border: none;
}
.esri-button {
  box-sizing: border-box;
  cursor: pointer;
  white-space: normal;
  word-break: normal;
  color: #fff;
  background-color: #0079c1;
  border: 1px solid #0079c1;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 32px;
  padding: 6px 7px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .125s ease-in-out, border .125s ease-in-out;
  display: flex;
  overflow: hidden;
}
.esri-button:hover {
  color: #fff;
  background-color: #00598e;
  border: 1px solid #00598e;
}
.esri-button.esri-button--small {
  min-height: 16px;
  font-size: 12px;
}
.esri-button.esri-button--half {
  width: 50%;
  display: inline-block;
}
.esri-button.esri-button--third {
  width: 33%;
  display: inline-block;
}
.esri-button--secondary {
  color: #0079c1;
  background-color: #0000;
}
.esri-button--tertiary {
  color: #0079c1;
  background-color: #0000;
  border-color: #0000;
}
.esri-button--tertiary:hover {
  color: #00598e;
  background-color: #f3f3f3;
  border-color: #0000;
}
.esri-button--disabled {
  opacity: .4;
  pointer-events: none;
}
.esri-button--drill-in {
  outline-offset: -4px;
  cursor: pointer;
  text-align: unset;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  margin: 12px 7px;
  padding: 12px 7px;
  text-decoration: none;
  transition: background-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 0 0 1px #6e6e6e4d;
}
.esri-button--drill-in:hover,
.esri-button--drill-in:focus {
  background-color: #f3f3f3;
}
.esri-button--drill-in__title {
  font-size: 14px;
}
.esri-button--drill-in [class^=esri-icon-],
.esri-button--drill-in [class*=" esri-icon-"] {
  padding: 0 7px;
}
.esri-widget__content--empty {
  text-align: center;
  color: #6e6e6e;
  flex-flow: column wrap;
  align-items: center;
  padding: 18px 22px;
  display: flex;
}
.esri-widget__content--empty h1.esri-widget__heading,
.esri-widget__content--empty h2.esri-widget__heading,
.esri-widget__content--empty h3.esri-widget__heading,
.esri-widget__content--empty h4.esri-widget__heading,
.esri-widget__content--empty h5.esri-widget__heading {
  font-weight: 400;
}
.esri-widget__content-illustration--empty {
  width: 128px;
  padding: 1rem 0;
}
.esri-widget__content-icon--empty {
  width: 32px;
  padding: .5rem 0;
}
.esri-select {
  appearance: none;
  cursor: pointer;
  color: #323232;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%236e6e6e' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;
  border: 1px solid #959595;
  border-radius: 0;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 .5em;
  font-family: inherit;
  font-size: .85em;
  display: block;
}
.esri-select[disabled] {
  cursor: auto;
}
.esri-select::-ms-expand {
  display: none;
}
.esri-disabled a,
.esri-disabled [role=menu],
.esri-disabled [role=checkbox],
.esri-disabled [class^=esri-icon-],
.esri-disabled [class*=" esri-icon-"] {
  color: #6e6e6e66;
}
.keynav-mode .esri-widget:focus,
.keynav-mode .esri-widget :focus {
  z-index: 1;
  outline-offset: 2px;
  outline: 2px solid #6e6e6e;
}
.esri-widget__loader-animation {
  border: .15em solid #6e6e6e4d;
  border-top-color: #323232cc;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  font-size: 16px;
  animation: 1.25s linear infinite esri-rotate;
  display: block;
  transform: translateZ(0);
}
.esri-widget--button {
  cursor: pointer;
  text-align: center;
  color: #6e6e6e;
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  transition: background-color .125s ease-in-out;
  display: flex;
  overflow: hidden;
}
.esri-widget--button:not([appearance]),
.esri-widget--button[appearance=solid] {
  --calcite-color-foreground-3:$background-color;
}
.esri-widget--button:hover {
  color: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-widget--button:active {
  background-color: #e2f1fb;
}
.esri-widget--button:is(calcite-button) {
  --calcite-offset-invert-focus:1;
}
.esri-widget--button:is(calcite-button):not(:hover) {
  --calcite-ui-icon-color:var(--calcite-color-text-3);
}
.esri-widget--button calcite-loader[inline] {
  margin: auto;
}
.esri-ui-corner .esri-component.esri-widget {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-ui-corner .esri-expand .esri-widget--panel,
.esri-ui-corner .esri-expand .esri-widget--panel-height-only,
.esri-ui-corner .esri-component.esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel-height-only {
  min-height: 32px;
  transition: max-height .25s ease-in-out;
  overflow-y: auto;
}
.esri-ui-corner .esri-component > .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel {
  width: 300px;
}
.esri-ui-corner .esri-component > .esri-widget--panel .esri-widget--panel,
.esri-ui-corner .esri-component.esri-widget--panel .esri-widget--panel {
  width: auto;
}
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-greater-than-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 680px;
}
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 540px;
}
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-small .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 420px;
}
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel,
.esri-view-height-xsmall .esri-ui-corner .esri-component.esri-widget--panel-height-only {
  max-height: 240px;
}
.esri-ui-bottom-right .esri-menu,
.esri-ui-bottom-left .esri-menu {
  margin-top: 0;
  margin-bottom: 2px;
  top: auto;
  bottom: 100%;
}
[dir=rtl] .esri-widget__table th {
  text-align: right;
  border-left: 3px solid #0000000d;
  border-right: none;
}
[dir=rtl] .esri-select {
  background-position: 0;
}
[dir=rtl] .esri-menu__list-item {
  border-left: none;
  border-right: 3px solid #0000;
}
[dir=rtl] .esri-menu__list-item [class^=esri-icon-],
[dir=rtl] .esri-menu__list-item [class*=" esri-icon-"] {
  padding-left: 2px;
  padding-right: 0;
}
[dir=rtl] .esri-menu__list-item--active {
  border-right-color: #0079c1;
}
.esri-icon-font-fallback-text {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
.esri-rotating {
  animation: 1.25s linear infinite esri-rotate;
  transform: translateZ(0);
}
.esri-clearfix:before,
.esri-clearfix:after {
  content: " ";
  display: table;
}
.esri-clearfix:after {
  clear: both;
}
.esri-interactive {
  cursor: pointer;
}
.esri-hidden {
  display: none !important;
}
.esri-invisible {
  visibility: hidden !important;
}
.esri-offscreen {
  position: absolute;
  top: -999em;
  left: -999em;
}
.esri-match-height {
  flex-direction: column;
  flex: auto;
  display: flex;
  overflow: hidden;
}
@keyframes esri-fade-in {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.esri-attachments__progress-bar:before,
.esri-attachments__progress-bar:after {
  opacity: 1;
  content: "";
  height: 1px;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0;
}
.esri-attachments__progress-bar:before {
  z-index: 0;
  background-color: #6e6e6e4d;
  width: 100%;
}
.esri-attachments__progress-bar:after {
  z-index: 0;
  background-color: #6e6e6e;
  width: 20%;
  animation: 1.5s linear infinite looping-progresss-bar-ani;
}
.esri-attachments {
  background-color: #0000;
  width: 100%;
}
.esri-attachments__loader-container {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 0;
  display: flex;
}
.esri-attachments__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 100%;
  height: 64px;
}
.esri-attachments__actions {
  flex-flow: wrap;
  padding: 6px 7px;
  display: flex;
}
.esri-attachments__item-add-icon {
  padding: 0 7px;
}
.esri-attachments__delete-button {
  color: #8c2907;
  width: auto;
  margin-right: auto;
}
.esri-attachments .esri-attachments__items {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-attachments .esri-attachments__item {
  margin: 0;
  line-height: 1.2em;
  list-style-type: none;
}
.esri-attachments__item-button {
  outline-offset: -4px;
  cursor: pointer;
  width: 100%;
  text-align: unset;
  color: #6e6e6e;
  background-color: #fff;
  border: 1px solid #0000;
  border-radius: 2px;
  align-items: center;
  margin: 0 0 6px;
  padding: 6px 7px;
  text-decoration: none;
  transition: border-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-attachments__item-button:focus,
.esri-attachments__item-button:hover {
  border-color: #000;
}
.esri-attachments__item-link {
  text-decoration: none;
  display: block;
  position: relative;
}
.esri-attachments__item-link:hover .esri-attachments__item-link-overlay,
.esri-attachments__item-link:focus .esri-attachments__item-link-overlay {
  opacity: 1;
}
.esri-attachments__item-add {
  background-color: #0000;
  padding: 6px 0;
}
.esri-attachments__add-attachment-button {
  border-radius: 2px;
  justify-content: flex-start;
  padding: 12px 3px;
  font-size: 12px;
  transition: background-color .25s ease-in-out;
}
.esri-attachments__add-attachment-button:hover {
  background-color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-attachments__item-link-overlay {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  transition: opacity .25s ease-in-out;
  display: flex;
  position: absolute;
  inset: 0;
}
.esri-attachments__item-link-overlay-icon {
  color: #fff;
  background-color: #4c4c4c80;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 18px;
  display: flex;
}
.esri-attachments__item-link-overlay-icon svg {
  fill: #fff;
}
.esri-attachments__item-mask {
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #6e6e6e26;
}
.esri-attachments__item-mask--icon {
  background-color: #f3f3f3;
  padding: 24px 0;
}
.esri-attachments__item-mask--icon .esri-attachments__image {
  width: 32px;
  height: 32px;
}
.esri-attachments__metadata {
  justify-content: space-between;
  margin-top: 3px;
  display: flex;
}
.esri-attachments__metadata .esri-attachments__metadata-fieldset {
  text-align: center;
  background-color: #fff;
  border: none;
  flex: 0 calc(50% - 1px);
  margin: 0;
  padding: 6px 7px;
  font-size: 12px;
}
.esri-attachments__file-name {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  margin-bottom: 3px;
  font-size: 12px;
  display: inline-block;
}
.esri-attachments__file-fieldset {
  border: none;
  margin: 0;
  padding: 12px 7px;
}
.esri-attachments__file-input {
  opacity: 0;
  z-index: -1;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}
.esri-attachments__container--list .esri-attachments__items {
  flex-flow: column;
}
.esri-attachments__container--list .esri-attachments__item-mask {
  flex: none;
  margin-right: 7px;
  position: relative;
}
.esri-attachments__container--list .esri-attachments__image {
  max-width: unset;
  max-height: unset;
  left: 50%;
}
.esri-attachments__container--list .esri-attachments__label {
  flex: auto;
  justify-content: space-between;
  display: flex;
}
.esri-attachments__container--list .esri-attachments__filename {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  cursor: pointer;
  flex: 1 0 0;
}
.esri-attachments__container--list .esri-attachments__item-chevron-icon {
  cursor: pointer;
  flex: none;
  padding: 0 15px;
}
.esri-attachments__container--preview .esri-attachments__items {
  flex-flow: wrap;
  align-items: center;
}
.esri-attachments__container--preview .esri-attachments__item {
  width: 100%;
  margin-bottom: 12px;
}
.esri-attachments__container--preview .esri-attachments__item-mask {
  width: 100%;
  height: auto;
}
.esri-attachments__container--preview .esri-attachments__item-button {
  box-shadow: none;
  flex-flow: column;
}
.esri-attachments__container--preview .esri-attachments__item-button .esri-attachments__label {
  margin: 12px 0;
}
.esri-attachments__container--preview .esri-attachments__image {
  max-width: 100%;
}
.esri-attachments__container--preview .esri-attachments__filename {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  text-align: center;
  text-overflow: ellipsis;
  width: calc(100% - 15px);
  margin-top: 12px;
  overflow: hidden;
}
.esri-attachments__container--preview .esri-attachments__item-mask--icon {
  background-color: #0000;
}
.esri-attachments__form-node {
  background-color: #fff;
  padding: 6px 7px;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-attachments__form-node .esri-attachments__item-mask {
  box-shadow: none;
  width: unset;
  height: unset;
}
.esri-attachments__form-node .esri-attachments__image {
  max-width: 100%;
}
.esri-attachments__error-message {
  background-color: #fff;
  border-top: 3px solid #de2900;
  margin: 6px 7px;
  padding: 12px 15px;
  animation: .25s ease-in-out esri-fade-in-down;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-attachments__progress-bar {
  width: 100%;
  position: absolute;
}
[dir=rtl] .esri-attachments__item-mask {
  margin-left: 7px;
  margin-right: 0;
}
.esri-attribution {
  background-color: #fffc;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}
.esri-attribution__link {
  color: currentColor;
  text-decoration: none;
}
.esri-attribution__link:hover,
.esri-attribution__link:active,
.esri-attribution__link:visited,
.esri-attribution__link:focus {
  color: currentColor;
}
.esri-attribution__sources {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 0;
  align-self: flex-start;
  padding: 0 5px;
  font-weight: 300;
  overflow: hidden;
}
.esri-attribution__sources[role=button] {
  font-size: 1em;
}
.esri-attribution__powered-by {
  text-align: right;
  white-space: nowrap;
  align-self: flex-end;
  padding: 0 5px;
  font-weight: 400;
}
.esri-attribution--open {
  z-index: 2;
}
.esri-attribution__sources--open {
  white-space: normal;
}
.esri-basemap-gallery {
  color: #323232;
  background-color: #fff;
  position: relative;
  overflow-y: auto;
  container-type: inline-size;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:before,
.esri-basemap-gallery .esri-basemap-gallery__loader:after {
  opacity: 1;
  content: "";
  height: 1px;
  transition: opacity .5s ease-in-out;
  position: absolute;
  top: 0;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:before {
  z-index: 0;
  background-color: #6e6e6e4d;
  width: 100%;
}
.esri-basemap-gallery .esri-basemap-gallery__loader:after {
  z-index: 0;
  background-color: #6e6e6e;
  width: 20%;
  animation: 1.5s linear infinite looping-progresss-bar-ani;
}
.esri-basemap-gallery:focus-within {
  z-index: 1;
  outline-offset: 2px;
  outline: 2px solid #6e6e6e;
}
.esri-basemap-gallery__item-container {
  flex-flow: column;
  gap: 3px;
  margin: 0;
  padding-block: 3px;
  padding-inline: 3px;
  list-style: none;
  transition: opacity .25s ease-in-out;
  display: flex;
  position: relative;
}
.esri-basemap-gallery--source-refreshing .esri-basemap-gallery__item-container,
.esri-basemap-gallery.esri-disabled .esri-basemap-gallery__item {
  opacity: .4;
  pointer-events: none;
  animation: none;
}
.esri-basemap-gallery__empty-message {
  padding: 12px 15px;
  animation: .5s ease-in-out esri-fade-in;
}
.esri-basemap-gallery__item {
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid #0000;
  flex-direction: row;
  align-items: center;
  width: 100%;
  transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
  animation: .5s ease-in-out esri-fade-in;
  display: flex;
  position: relative;
}
.esri-basemap-gallery__item:hover {
  background-color: #f3f3f3;
  border-color: #6e6e6e;
}
.esri-basemap-gallery__item:hover .esri-basemap-gallery__item-title {
  color: #323232;
}
.esri-basemap-gallery__item:focus {
  outline: none;
}
.esri-basemap-gallery__item--error {
  opacity: .4;
  cursor: auto;
}
.esri-basemap-gallery__item-thumbnail {
  aspect-ratio: 1.5;
  border-inline-end: 1px solid #6e6e6e26;
  flex-shrink: 0;
  width: 120px;
  min-width: 120px;
  transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.esri-basemap-gallery__item-title {
  color: #6e6e6e;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  transition: color .25s ease-in-out, font-weight .25s ease-in-out;
  display: flex;
}
.esri-basemap-gallery__item-title span {
  text-align: start;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
}
.esri-basemap-gallery__item--selected,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus {
  cursor: auto;
  background-color: #e2f1fb;
  border-color: #0079c1;
}
.esri-basemap-gallery__item--selected .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:hover .esri-basemap-gallery__item-title,
.esri-basemap-gallery__item.esri-basemap-gallery__item--selected:focus .esri-basemap-gallery__item-title {
  color: #323232;
  font-weight: 500;
}
.esri-basemap-gallery__item-content {
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding-block: 2px;
  padding-inline: 11px;
  display: flex;
}
.esri-basemap-gallery__item-tags-container {
  flex-direction: row;
  gap: 3px;
  display: flex;
}
.esri-basemap-gallery__item-tags-container calcite-chip {
  --calcite-font-size--2:var(--calcite-font-size--3);
  cursor: inherit;
}
@supports (object-fit:cover) {
  .esri-basemap-gallery__item-thumbnail {
    object-fit: cover;
  }
}
@container (width>200px) and (width<=280px) {
  .esri-basemap-gallery .esri-basemap-gallery__item-thumbnail {
    aspect-ratio: 1;
    width: 80px;
    min-width: 80px;
  }
}
@container (width<=200px) or (width>=350px) {
  .esri-basemap-gallery .esri-basemap-gallery__item-container {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 12px 15px;
    padding-block: 12px;
    padding-inline: 15px;
    display: grid;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item {
    text-align: center;
    flex-flow: column wrap;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item:not(.esri-basemap-gallery .esri-basemap-gallery__item--selected, :hover) {
    border-color: #6e6e6e26;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-thumbnail {
    border-block-end: 1px solid #6e6e6e26;
    border-inline-end: none;
    width: 100%;
    min-width: 0;
    height: auto;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-content {
    width: 100%;
    height: 40px;
    padding-block: 4px;
    padding-inline: 7px;
    position: relative;
  }
  .esri-basemap-gallery .esri-basemap-gallery__item-tags-container {
    position: absolute;
    inset-block-end: 45px;
    inset-inline-end: 5px;
  }
}
.esri-basemap-gallery__loader {
  width: 100%;
  height: 2px;
  animation: .5s ease-in-out esri-fade-in;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
calcite-popover > .esri-basemap-gallery {
  width: 280px;
  max-height: 80vh;
}
.esri-ui-corner calcite-panel > .esri-basemap-gallery.esri-widget.esri-widget--panel {
  width: unset;
}
.esri-view-width-greater-than-large calcite-popover > .esri-basemap-gallery,
.esri-view-width-greater-than-large .esri-ui-corner > .esri-basemap-gallery {
  width: 450px;
}
.esri-basemap-layer-list {
  display: flex;
}
.esri-basemap-layer-list__editing-form {
  height: 100%;
  display: flex;
}
.esri-basemap-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-basemap-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-catalog-layer-list__item-table-icon,
.esri-basemap-layer-list__item-catalog-icon {
  margin-inline-end: 0;
}
.esri-basemap-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-basemap-layer-list__action-menu .esri-basemap-layer-list__action-group {
  display: none;
}
.esri-basemap-layer-list__action-menu[open] .esri-basemap-layer-list__action-group {
  display: flex;
}
.esri-basemap-layer-list__visible-icon {
  visibility: hidden;
}
.esri-basemap-layer-list__item--active:hover > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon,
.esri-basemap-layer-list__item--active:focus > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon,
.esri-basemap-layer-list__item--active:focus-within > .esri-basemap-layer-list__visible-toggle > .esri-basemap-layer-list__visible-icon {
  visibility: visible;
}
.esri-basemap-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-basemap-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  animation: 2s infinite esri-basemap-layer-list__publishing-anim;
}
.esri-basemap-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-basemap-layer-list__updating-anim;
}
.esri-basemap-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-basemap-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-basemap-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-basemap-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-basemap-layer-list__item-message {
  margin: 12px 15px;
}
.esri-basemap-layer-list__editing {
  padding-block: var(--calcite-spacing-sm);
  padding-inline: var(--calcite-spacing-sm);
}
@keyframes esri-basemap-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-basemap-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
@keyframes esri-basemap-slide {
  0% {
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
  }
  75% {
    opacity: 0;
    margin-top: 0;
    margin-left: 0;
  }
  to {
    opacity: 1;
    margin-top: 5px;
    margin-left: 5px;
  }
}
.esri-basemap-toggle {
  box-shadow: none;
}
.esri-basemap-toggle calcite-button {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 69px;
  height: 69px;
  display: flex;
  position: relative;
  overflow: visible;
}
.esri-basemap-toggle__container,
.esri-basemap-toggle__image {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.esri-basemap-toggle__container {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-basemap-toggle__image {
  background-color: #fff;
  background-image: url("./media/basemap-toggle-64-CRSUPFF7.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.esri-basemap-toggle__image--loading {
  background-image: unset;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-basemap-toggle__image--secondary {
  margin-top: 5px;
  margin-left: 5px;
  animation: 2s ease-in-out esri-basemap-slide;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-basemap-thumbnail__overlay-scrim {
  --calcite-scrim-background:#00000080;
  color: var(--calcite-color-text-inverse);
}
.esri-basemap-toggle__image-overlay {
  background-color: #fff0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  transition: background-color .125s ease-in-out;
  display: flex;
  position: absolute;
}
.esri-basemap-toggle__image-overlay .esri-basemap-toggle:hover {
  background-color: #2e2e2e66;
}
.esri-basemap-toggle__title {
  text-align: center;
  background-color: #ffffffb3;
  flex: 1 0 100%;
  height: auto;
  padding: .5em;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.3em;
}
.esri-widget.esri-basemap-toggle .esri-widget.esri-basemap-toggle,
.esri-ui-corner .esri-widget.esri-basemap-toggle {
  box-shadow: none;
  background-color: #0000;
}
.esri-batch-attribute-form {
  background-color: var(--calcite-color-background);
  padding: var(--esri-widget-padding);
}
.esri-batch-attribute-form__notice-error {
  margin: 0 0 var(--calcite-spacing-xxl);
}
.esri-batch-attribute-form__form {
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__centered-button {
  align-self: center;
}
.esri-batch-attribute-form__description-text {
  color: #6e6e6e;
}
.esri-batch-attribute-form__label {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  opacity: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 6px;
  transition: opacity .25s, margin .25s;
  display: flex;
  position: relative;
}
.esri-batch-attribute-form__label:last-child {
  margin-bottom: 0;
}
.esri-batch-attribute-form__label-text-content {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  align-items: center;
  display: flex;
}
.esri-batch-attribute-form__input--switch {
  margin: 7px 0;
}
.esri-batch-attribute-form__input--radio-label {
  align-items: center;
  display: flex;
}
.esri-batch-attribute-form__input--radio-group {
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__input--radio-placeholder {
  color: var(--calcite-color-text-3);
  font-style: italic;
}
.esri-batch-attribute-form__form-header {
  margin-bottom: 12px;
}
.esri-batch-attribute-form__form-header .esri-batch-attribute-form__description-text ~ .esri-widget__heading {
  margin-bottom: 0;
}
.esri-batch-attribute-form__input {
  width: 100%;
}
.esri-batch-attribute-form__input:focus {
  outline: var(--calcite-spacing-base)solid var(--calcite-color-brand);
  outline-offset: -2px;
}
.esri-batch-attribute-form__input--disabled {
  background-color: var(--calcite-color-background);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-batch-attribute-form__individual-element {
  margin: var(--calcite-spacing-xxl)0;
}
.esri-batch-attribute-form__date-input-container {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  display: flex;
}
.esri-batch-attribute-form__date-input-container .esri-batch-attribute-form__input {
  margin-bottom: 3px;
}
.esri-batch-attribute-form__date-input-container :last-child {
  margin-bottom: 0;
}
.esri-batch-attribute-form__group {
  margin: 0 0 12px;
  margin-inline: calc(var(--calcite-spacing-md)*-1);
  background-color: inherit;
}
.esri-batch-attribute-form__group--sequential {
  border-bottom: none;
  border-inline-start: 3px solid #6e6e6e4d;
}
.esri-batch-attribute-form__block {
  margin-inline: -10px;
}
[dir=rtl] .esri-batch-attribute-form__date-input-part:first-child .esri-batch-attribute-form__input {
  border-right: var(--calcite-spacing-px)solid #6e6e6e4d;
  border-left: none;
}
.esri-binary-color-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-binary-color-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-binary-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max,
.esri-binary-color-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max:before,
.esri-binary-color-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-binary-color-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-binary-color-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-binary-color-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-binary-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-binary-color-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-binary-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-binary-color-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-binary-color-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-binary-color-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-binary-color-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-binary-color-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-binary-color-size-slider.esri-binary-color-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-bookmarks {
  background-color: #0000;
  display: flex;
}
.esri-bookmarks .esri-widget__content--empty {
  background-color: #f3f3f3;
}
.esri-bookmarks calcite-flow-item[loading] {
  min-height: 150px;
}
.esri-bookmarks__loader {
  margin-inline-end: 0;
}
.esri-bookmarks__filter-no-results {
  padding: 12px 15px;
}
.esri-bookmarks__bookmark-image-container {
  min-width: 16px;
  min-height: 16px;
  margin: 0;
  margin-inline-start: 6px;
  display: flex;
  position: relative;
}
.esri-bookmarks__bookmark-image-container .esri-bookmarks__image {
  max-width: 64px;
  overflow: hidden;
}
.esri-bookmarks--drag-enabled .esri-bookmarks__bookmark-image-container {
  margin-inline-start: 0;
}
.esri-bookmarks__no-bookmarks-heading {
  margin: 0;
  margin-block-start: 12px;
  font-size: 16px;
  font-weight: 400;
}
.esri-bookmarks__authoring {
  flex-direction: column;
  display: flex;
}
.esri-bookmarks__authoring-image-container {
  align-items: middle;
  text-align: center;
  background-image: url("./media/transparent-bg-5JHEEMBT.png");
  justify-content: center;
  width: 128px;
  height: 128px;
  margin-block-end: 12px;
  margin-inline-end: 15px;
  display: flex;
}
.esri-bookmarks__authoring-image-container .esri-bookmarks__image {
  max-width: 128px;
  max-height: 128px;
}
.esri-bookmarks__form {
  height: 100%;
  display: flex;
}
.esri-bookmarks__form-content {
  padding-block: 12px;
  padding-inline: 15px;
}
.esri-bookmarks__authoring-refresh-thumbnail-button {
  margin-block-end: 12px;
}
.esri-bookmarks__bookmark-content-label {
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size--2);
}
.esri-bookmarks__bookmark-content calcite-table {
  margin-inline-start: -.25rem;
}
.esri-bookmarks__bookmark-content calcite-table,
.esri-bookmarks__bookmark-content calcite-table-row {
  --calcite-color-border-3:transparent;
  --calcite-color-text-1:var(--calcite-color-text-3);
  --calcite-internal-table-row-background:transparent;
  pointer-events: none;
}
.esri-building-level-picker-label {
  text-align: center;
  color: #6e6e6e;
  height: 40px;
  font-size: 40px;
  line-height: 46px;
}
.esri-building-level-picker-label > span {
  pointer-events: none;
}
.esri-building-level-picker-label,
.esri-building-level-picker-label--empty {
  cursor: pointer;
  text-align: center;
  width: 90px;
  transition: opacity .3s;
  position: relative;
}
.esri-building-level-picker-label.esri-building-level-picker-label--active,
.esri-building-level-picker-label--empty.esri-building-level-picker-label--active {
  color: #0079c1;
}
.esri-building-level-picker-label--empty {
  cursor: default;
  color: #323232;
  font-size: 14px;
  font-weight: 300;
}
.esri-building-level-picker-label__clear-button {
  appearance: none;
  margin-inline-start: 7px;
  display: none;
  position: absolute;
  inset-block-start: -4px;
}
.esri-building-level-picker-label--active .esri-building-level-picker-label__clear-button {
  display: inline-block;
}
.esri-building-level-picker-item__base {
  pointer-events: none;
  will-change: height;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-building-level-picker-item__base .rect {
  background-color: rgb(from var(--calcite-color-foreground-1)r g b/70%);
  pointer-events: none;
  will-change: height;
  border: 2px solid #6e6e6e4d;
  outline: 1px solid #0000;
  margin-block-start: 3px;
  position: absolute;
  top: 50%;
  left: 50%;
}
.esri-building-level-picker-item--hover .esri-building-level-picker-item__base .rect {
  background-color: rgb(from var(--calcite-color-foreground-1)r g b/90%);
  border-color: #0079c1;
  box-shadow: 0 0 2px 1px #0079c1;
}
.esri-building-level-picker-item--active .esri-building-level-picker-item__base .rect {
  background-color: #0079c1;
  border-color: #0079c1;
}
.esri-building-level-picker-item {
  will-change: height;
  touch-action: none;
  border: 1px solid #0000;
}
.esri-building-level-picker-item,
.esri-building-level-picker-item .esri-building-level-picker-item__base,
.esri-building-level-picker-item .rect {
  transition:
    height .1s ease-out,
    width .1s ease-out,
    background-color .1s ease-in-out,
    border-color .1s ease-in-out;
}
.esri-building-level-picker--animate-level .esri-building-level-picker-item,
.esri-building-level-picker--animate-level .esri-building-level-picker-item .esri-building-level-picker-item__base,
.esri-building-level-picker--animate-level .esri-building-level-picker-item .rect {
  transition:
    height .3s cubic-bezier(.63, -.265, .48, 1.64),
    width .3s cubic-bezier(.63, -.265, .48, 1.64),
    background-color .1s ease-in-out,
    border-color .1s ease-in-out;
}
.esri-building-level-picker {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-building-level-picker.esri-building-level-picker--no-level {
  display: none;
}
.esri-building-level-picker__levels-container {
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding: 20px 0;
  display: flex;
  transform: rotate(180deg);
}
.esri-building-level-picker__inner-levels-container {
  transition: margin .3s;
}
.esri-building-level-picker__label-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 104px;
  margin-inline-end: 12px;
  display: flex;
}
.esri-building-level-picker__label-container:focus:focus-visible {
  outline: 2px solid var(--calcite-ui-focus-color,var(--calcite-color-brand));
  outline-offset: calc(2px*(1 - 2*clamp(0, var(--calcite-offset-invert-focus), 1)));
}
.esri-building-phase-picker {
  --num-phases:7;
  --container-width:100cqw;
  --phase-size:24px;
  --arrow-width:16px;
  --padding:var(--calcite-spacing-xxs);
  --divider-width-min:var(--calcite-spacing-base);
  --divider-width-max:var(--calcite-spacing-xl);
  --divider-width:calc((var(--container-width) - (var(--phase-size)*var(--num-phases)) - (var(--arrow-width)*2) - (var(--padding)*2))/(var(--num-phases) - 1));
  container-type: inline-size;
}
.esri-building-phase-picker,
.esri-building-phase-picker__phases-container {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-building-phase-picker__phases-container {
  padding: var(--calcite-spacing-xxs);
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
}
.esri-building-phase-picker__phase {
  appearance: none;
  border: solid var(--calcite-border-width-sm)#6e6e6e4d;
  border-radius: var(--calcite-corner-radius-pill);
  background: var(--calcite-color-background);
  cursor: pointer;
  padding: 0;
  width: var(--phase-size);
  height: var(--phase-size);
  color: var(--calcite-color-text-1);
  font-family: var(--calcite-sans-family);
  font-size: var(--calcite-font-size);
  font-weight: var(--calcite-font-weight-regular);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  display: flex;
}
.esri-building-phase-picker__phase:hover {
  border-width: var(--calcite-border-width-md);
  border-color: var(--calcite-color-brand);
}
.esri-building-phase-picker__phase:focus:focus-visible {
  outline: 2px solid var(--calcite-ui-focus-color,var(--calcite-color-brand));
  outline-offset: calc(2px*(1 - 2*clamp(0, var(--calcite-offset-invert-focus), 1)));
}
.esri-building-phase-picker__phase--active {
  border-color: var(--calcite-color-brand);
  background-color: #e2f1fb;
}
.esri-building-phase-picker__phase--current {
  background-color: var(--calcite-color-brand);
  color: var(--calcite-color-text-inverse);
}
.esri-building-phase-picker__arrow-left,
.esri-building-phase-picker__arrow-right {
  --calcite-internal-action-padding-inline:0;
  width: var(--arrow-width);
  min-width: var(--arrow-width);
}
.esri-building-phase-picker__divider {
  background: var(--calcite-color-border-1);
  min-width: clamp(var(--divider-width-min), var(--divider-width), var(--divider-width-max));
  height: var(--calcite-border-width-sm);
  flex: 0;
}
.esri-building-phase-picker__divider--active {
  background-color: var(--calcite-color-brand);
}
.esri-building-disciplines-tree-node__label {
  --calcite-label-margin-bottom:0;
  word-break: break-all;
}
.esri-building-explorer {
  padding: var(--esri-widget-padding);
  width: 300px;
  max-width: 100%;
  max-height: calc(100vh - 30px);
  position: relative;
  overflow: hidden auto;
}
.esri-building-explorer .esri-widget__heading {
  font-weight: 400;
}
.esri-building-explorer__section:not(:last-child) {
  margin-block-end: 30px;
}
.esri-building-explorer__panel--error {
  color: #8c2907;
  margin: 0;
  animation: .25s ease-in-out esri-fade-in;
}
.esri-button-menu {
  width: 32px;
  height: 32px;
}
.esri-button-menu__content {
  min-width: 200px;
  max-height: 250px;
  overflow: auto;
}
.esri-button-menu__content .esri-button-menu__item-wrapper,
.esri-button-menu__content .esri-button-menu__embedded-content-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
}
.esri-button-menu__item {
  padding: 0;
  display: block;
}
.esri-button-menu__item .esri-button-menu__item-label {
  cursor: pointer;
  color: #323232;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: relative;
}
.esri-button-menu__item .esri-button-menu__item-label:hover {
  color: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-button-menu__item .esri-button-menu__item-label .esri-button-menu__item-label-content {
  width: auto;
  padding: 0 7px;
}
.esri-button-menu__item .esri-button-menu__icon {
  color: #0079c1;
}
.esri-button-menu__item .esri-button-menu__checkbox {
  opacity: 0;
  position: absolute;
}
.esri-button-menu__item .esri-button-menu__checkbox:checked ~ .esri-button-menu__embedded-content-wrapper {
  display: block;
}
.esri-button-menu__item .esri-button-menu__embedded-content-wrapper {
  display: none;
}
.esri-button-menu__item .esri-button-menu__embedded-content-wrapper .esri-button-menu__checkbox:checked ~ .esri-button-menu__item-label .esri-button-menu__icon {
  display: block;
}
.esri-button-menu__item--selectable .esri-button-menu__icon {
  display: none;
}
.esri-catalog-layer-list {
  display: flex;
}
.esri-catalog-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-catalog-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-catalog-layer-list__item-table-icon {
  margin-inline-end: 0;
}
.esri-catalog-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-catalog-layer-list__action-menu .esri-catalog-layer-list__action-group {
  display: none;
}
.esri-catalog-layer-list__action-menu[open] .esri-catalog-layer-list__action-group {
  display: flex;
}
.esri-catalog-layer-list__visible-icon {
  visibility: hidden;
}
.esri-catalog-layer-list__item--active:hover > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon,
.esri-catalog-layer-list__item--active:focus > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon,
.esri-catalog-layer-list__item--active:focus-within > .esri-catalog-layer-list__visible-toggle > .esri-catalog-layer-list__visible-icon {
  visibility: visible;
}
.esri-catalog-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-catalog-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  transform-origin: var(--calcite-list-item-icon-center)var(--calcite-list-item-icon-center);
  animation: 2s infinite esri-catalog-layer-list__publishing-anim;
}
.esri-catalog-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-catalog-layer-list__updating-anim;
}
.esri-catalog-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-catalog-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-catalog-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-catalog-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-catalog-layer-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-catalog-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-catalog-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-classed-color-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-classed-color-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-classed-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-classed-color-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-classed-color-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-classed-color-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-classed-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-classed-color-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-classed-color-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-classed-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-classed-color-slider .esri-slider .esri-slider__max,
.esri-classed-color-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-classed-color-slider .esri-slider .esri-slider__max:before,
.esri-classed-color-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-classed-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-classed-color-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-classed-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-classed-color-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-classed-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-classed-color-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-classed-color-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-classed-color-slider .esri-slider .esri-histogram__average-line,
.esri-classed-color-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-classed-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-classed-color-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-classed-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-classed-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-classed-color-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-classed-color-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-classed-color-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-classed-color-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-classed-color-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-color-slider.esri-classed-color-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-classed-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-classed-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-classed-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-classed-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-classed-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-classed-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-classed-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-classed-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-classed-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-classed-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-classed-size-slider .esri-slider .esri-slider__max,
.esri-classed-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-classed-size-slider .esri-slider .esri-slider__max:before,
.esri-classed-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-classed-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-classed-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-classed-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-classed-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-classed-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-classed-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-classed-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-classed-size-slider .esri-slider .esri-histogram__average-line,
.esri-classed-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-classed-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-classed-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-classed-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-classed-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-classed-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-classed-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-classed-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-classed-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-classed-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-classed-size-slider.esri-classed-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-picker {
  width: max-content;
  height: max-content;
  display: inline-block;
  position: relative;
}
.esri-color-picker__toggle-button {
  z-index: 1;
  border: solid 1px var(--calcite-color-border-1);
  background: var(--esri-color-picker-value);
  position: relative;
}
.esri-color-picker__bg-pattern {
  opacity: .3;
  z-index: 0;
  background-color: #323232;
  background-image:
    repeating-linear-gradient(
      45deg,
      #fff 25%,
      #0000 25% 75%,
      #fff 75%,
      #fff),
    repeating-linear-gradient(
      45deg,
      #fff 25%,
      #323232 25% 75%,
      #fff 75%,
      #fff);
  background-position: 0 0, 50%;
  background-size: 50% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-picker__popover {
  --calcite-color-border-1:none;
}
.esri-color-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-color-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-color-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-color-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-color-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-color-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-color-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-color-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-color-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-color-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-color-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-color-size-slider .esri-slider .esri-slider__max,
.esri-color-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-color-size-slider .esri-slider .esri-slider__max:before,
.esri-color-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-color-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-color-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-color-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-color-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-color-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-color-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-color-size-slider .esri-slider .esri-histogram__average-line,
.esri-color-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-color-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-color-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-color-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-color-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-color-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-color-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-color-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-color-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-color-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-size-slider.esri-color-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-color-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-color-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-color-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-color-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-color-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-color-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-color-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-color-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-color-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-color-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-color-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-color-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-color-slider .esri-slider .esri-slider__max,
.esri-color-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-color-slider .esri-slider .esri-slider__max:before,
.esri-color-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-color-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-color-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-color-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-color-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-color-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-color-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-color-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-color-slider .esri-slider .esri-histogram__average-line,
.esri-color-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-color-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-color-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-color-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-color-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-color-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-color-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-color-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-color-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-color-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-color-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-color-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-color-slider.esri-color-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-compass {
  --calcite-color-foreground-3:$background-color;
  border-radius: 50%;
}
.esri-compass__icon-container {
  justify-content: center;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
}
[dir=rtl] .esri-compass__icon-container {
  transform: translate(50%, -50%);
}
.esri-coordinate-conversion {
  cursor: default;
  width: 400px;
  font-size: 12px;
  position: relative;
}
.esri-coordinate-conversion .esri-select option[disabled] {
  color: #6e6e6e66;
}
.esri-coordinate-conversion.esri-disabled {
  color: #6e6e6e66;
  pointer-events: none;
}
.esri-coordinate-conversion.esri-disabled [class^=esri-icon-]:before,
.esri-coordinate-conversion.esri-disabled [class*=" esri-icon-"]:before {
  color: #6e6e6e66;
}
.esri-coordinate-conversion--no-basemap {
  width: auto;
  padding: 1em;
}
.esri-coordinate-conversion--capture-mode .esri-coordinate-conversion__mode-toggle {
  color: #6e6e6e;
  background: #f3f3f3;
}
.esri-coordinate-conversion__conversion-list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.esri-coordinate-conversion__display {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  direction: ltr;
  flex: auto;
  min-height: 2em;
  padding: .5em;
}
.esri-coordinate-conversion__display:hover,
.esri-coordinate-conversion__select-row:hover {
  background-color: #f3f3f3;
}
.esri-coordinate-conversion__input-group {
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 12px auto;
  display: flex;
}
.esri-coordinate-conversion__input-group label {
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion .esri-coordinate-conversion__input-coordinate[type=text] {
  flex: 1;
  height: 2em;
  margin: 0;
  font-size: 12px;
}
.esri-coordinate-conversion__settings {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion__settings .esri-select {
  font-size: inherit;
}
.esri-coordinate-conversion__settings-group {
  flex-direction: column;
  align-items: center;
  width: 60%;
  margin-top: 12px;
  display: flex;
}
.esri-coordinate-conversion__settings-group > * {
  margin-bottom: .5em;
}
.esri-coordinate-conversion__settings-group-horizontal {
  flex-direction: row;
  width: 100%;
  display: flex;
  position: relative;
}
.esri-coordinate-conversion__settings-group:last-child {
  text-align: center;
  width: 100%;
  margin-bottom: 6px;
}
.esri-coordinate-conversion__preview-coordinate {
  min-height: 1.25em;
}
.esri-coordinate-conversion__row {
  padding: 0 var(--esri-widget-padding-y);
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-coordinate-conversion__row .esri-coordinate-conversion__row-button {
  display: none;
}
.esri-coordinate-conversion__row:hover .esri-coordinate-conversion__row-button,
.esri-coordinate-conversion__row:focus-within .esri-coordinate-conversion__row-button {
  display: flex;
}
.esri-coordinate-conversion__pattern-input {
  width: 100%;
}
.esri-coordinate-conversion__tools {
  flex: none;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}
.esri-coordinate-conversion__select-row,
.esri-coordinate-conversion__input-select {
  text-align-last: center;
}
.esri-coordinate-conversion__conversions-view {
  margin: var(--esri-widget-padding-y)0;
}
.esri-ui-top-right .esri-coordinate-conversion__conversions-view,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down {
  flex-direction: column;
  display: flex;
}
.esri-ui-top-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-top-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-down .esri-coordinate-conversion__conversion-list {
  flex-direction: column;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up {
  flex-direction: column-reverse;
  display: flex;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-coordinate-conversion__conversion-list,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-coordinate-conversion__conversion-list {
  flex-direction: column-reverse;
}
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-right .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-up,
.esri-ui-bottom-left .esri-coordinate-conversion__conversions-view .esri-widget--button .esri-icon-down,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-up,
.esri-coordinate-conversion div.esri-coordinate-conversion__conversions-view--expand-up .esri-widget--button .esri-icon-down {
  transform: rotate(180deg);
}
.esri-coordinate-conversion__heading {
  background-color: #f3f3f3;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
}
.esri-coordinate-conversion__heading .esri-widget__heading {
  margin: 0 auto;
}
.esri-coordinate-conversion__popup {
  opacity: .8;
  z-index: 1;
  text-align: center;
  width: 50%;
  white-space: inherit;
  color: #fff;
  background-color: #4c4c4c;
  padding: 1em;
  animation: .25s linear esri-fade-in;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-coordinate-conversion__clipboard-popup {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: auto;
  font-size: 10px;
  top: auto;
  left: auto;
  transform: none;
}
.esri-date-picker {
  background-color: #fff;
  border: 1px solid #6e6e6e4d;
  display: inline-flex;
}
.esri-date-picker__calendar {
  padding: 6px;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-date-picker__calendar .esri-widget--button {
  touch-action: none;
}
.esri-date-picker__day-picker,
.esri-date-picker__month-picker,
.esri-date-picker__year-picker {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-date-picker__day-picker {
  flex-flow: column wrap;
}
.esri-date-picker__day-picker,
.esri-date-picker__month-picker {
  margin-bottom: 6px;
}
.esri-date-picker__date {
  margin: 0 24px 0 0;
}
.esri-date-picker__calendar-toggle {
  color: #323232;
  border: none;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 .5em;
  font-size: 14px;
}
.esri-date-picker .esri-date-picker__month-dropdown {
  border: none;
  padding-right: 2.3em;
  font-weight: 600;
}
.esri-date-picker__week-item {
  justify-content: center;
  display: flex;
}
.esri-date-picker__day-item--header {
  cursor: auto;
  background: #f3f3f3;
  border-top: 1px solid #6e6e6e4d;
  font-weight: 600;
}
.esri-date-picker__day-item {
  cursor: pointer;
  border-bottom: 1px solid #6e6e6e4d;
  border-right: 1px solid #6e6e6e4d;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}
.esri-date-picker__day-item:first-child {
  border-left: 1px solid #6e6e6e4d;
}
.esri-date-picker__day-item--nearby-month {
  color: #6e6e6e66;
}
.esri-date-picker__day-item--today {
  color: #0079c1;
}
.esri-date-picker__day-item--active {
  background: #6e6e6e4d;
}
.esri-date-picker__month-picker {
  justify-content: space-between;
  font-weight: 600;
}
.esri-date-picker__month-picker .esri-button {
  width: auto;
}
.esri-date-picker__year-picker-item {
  cursor: pointer;
  color: #323232;
  margin: 0 4px;
  padding: 6px;
}
.esri-date-picker__day-item--selected,
.esri-date-picker__year-picker-item--selected {
  cursor: auto;
  color: #fff;
  background-color: #0079c1;
}
.esri-date-picker__input {
  align-items: center;
  display: flex;
  position: relative;
}
.esri-date-picker__text-input.esri-input {
  border: none;
  margin: 0;
  padding-left: 30px;
}
.esri-date-picker__icon--leading {
  position: absolute;
  left: 7px;
}
[dir=rtl] .esri-date-picker__calendar {
  right: 0;
}
[dir=rtl] .esri-date-picker__date {
  margin: 0 0 0 24px;
}
[dir=rtl] .esri-date-picker__day-item:first-child {
  border-left: none;
}
[dir=rtl] .esri-date-picker__day-item:last-child {
  border-left: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-date-picker__text-input.esri-input {
  padding-right: 30px;
  padding-left: unset;
}
[dir=rtl] .esri-date-picker__icon--leading {
  right: 7px;
  left: unset;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 12px #e84c3d00;
  }
}
.esri-daylight {
  padding: var(--esri-widget-padding);
  flex-direction: column;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: space-between;
  gap: 12px;
  width: 350px;
  display: flex;
}
.esri-daylight .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  width: calc(100% - 1px);
  margin: 6px 0 0;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-daylight__anchor {
  font-size: 12px;
}
.esri-daylight__panel--error {
  padding: 0 15px;
  animation: .25s ease-in-out esri-fade-in;
}
.esri-daylight__container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  display: flex;
}
.esri-daylight__date-picker,
.esri-daylight__season-picker {
  flex-grow: 1;
}
.esri-daylight__play-pause-button {
  flex: 0;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  background-color: #0079c1;
  background-clip: padding-box;
  border: 7px solid #0079c14d;
  width: 27px;
  height: 27px;
  top: -13.5px;
  left: -13.5px;
  background-position: 0 0 !important;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:hover,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:active,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider__thumb:focus {
  background-color: #00598e;
}
.esri-daylight .esri-slider.esri-slider--horizontal {
  z-index: 2;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box {
  z-index: 1;
  min-width: inherit;
  text-align: center;
  white-space: nowrap;
  will-change: left;
  align-items: center;
  gap: 2px;
  margin: -9px 0 0;
  font-size: 10px;
  display: flex;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label {
  font-variant-numeric: tabular-nums;
  outline: none;
  min-width: auto;
  margin: 0;
  line-height: 1em;
  list-style: none;
  display: inline-block;
  position: static;
  inset-inline-start: auto;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box .esri-slider__label-input {
  display: inline-block;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-on,
.esri-daylight .esri-slider.esri-slider--horizontal .esri-slider-with-dropdown__box--drop-down-off {
  width: min-content;
}
.esri-daylight .esri-slider--ampm-on .esri-slider.esri-slider--horizontal {
  padding: 30px 8px 42px;
}
.esri-daylight .esri-slider--ampm-on .esri-slider.esri-slider--horizontal ~ .esri-daylight__play-pause-button {
  margin-bottom: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor.esri-slider-with-dropdown__anchor {
  color: #6e6e6e;
  font-size: 10px;
}
.esri-daylight .esri-slider.esri-slider--horizontal .esri-widget__anchor.esri-slider-with-dropdown__anchor:hover {
  color: #2e2e2e;
}
.esri-daylight calcite-label {
  --calcite-label-margin-bottom:0;
}
.esri-directional-pad {
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  outline: none;
  flex-direction: column;
  gap: 7px;
  display: flex;
  box-shadow: none !important;
}
.esri-directional-pad calcite-action-pad {
  display: contents;
}
.esri-directional-pad calcite-action-group {
  touch-action: none;
}
.esri-directional-pad calcite-action {
  aspect-ratio: 1;
}
.esri-directional-pad__buttons-container {
  --calcite-color-background:transparent;
  --calcite-action-group-gap:0;
  --calcite-action-group-padding:0;
}
.esri-directional-pad__buttons-container calcite-action {
  --calcite-color-focus-color:var(--calcite-color-foreground-3);
}
.esri-directional-pad__buttons-container calcite-action:not([active]) {
  --calcite-color-foreground-3:var(--calcite-color-foreground-1);
}
.esri-directional-pad__buttons-container calcite-action[active] {
  --calcite-color-foreground-1:var(--calcite-color-foreground-3);
}
.esri-directional-pad__buttons-container calcite-icon {
  transform: var(--rotation,unset);
}
@media (hover:none) {
  .esri-directional-pad__buttons-container calcite-action {
    --calcite-color-foreground-2:var(--calcite-color-foreground-1);
    --calcite-color-text-1:var(--calcite-color-text-3);
  }
}
.esri-directional-pad__rotation-container {
  width: 100%;
  display: block;
}
.esri-directional-pad__rotation-container calcite-action {
  flex: .3;
}
.esri-directional-pad__rotation-slider-container {
  flex: 1;
  align-items: center;
  display: flex;
}
.esri-directional-pad__rotation-slider-container calcite-slider {
  flex: 1;
  padding-inline: 5px;
}
@media print {
  body.esri-directions__print-media {
    margin: 0;
    padding: 0;
  }
  body.esri-directions__print-media > :not(div.esri-directions__print-document) {
    display: none;
  }
}
.esri-directions calcite-flow-item {
  --calcite-color-background:var(--calcite-color-foreground-1);
}
.esri-directions__accordion {
  --calcite-accordion-border-color:transparent;
}
.esri-directions__stop-container {
  --calcite-list-border-color:transparent;
  --calcite-list-background-color-hover:var(--calcite-color-foreground-1);
  margin-block-start: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__stop-list {
  flex: auto;
}
.esri-directions__action-container {
  margin-top: var(--calcite-spacing-sm);
  margin-inline: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__add-stop-button {
  margin-inline-end: var(--calcite-spacing-xs);
}
.esri-directions__departure-time {
  --calcite-label-margin-bottom:0;
}
.esri-directions__departure-time-options {
  margin-bottom: var(--calcite-spacing-sm);
  display: flex;
}
.esri-directions__departure-time-options calcite-input-date-picker,
.esri-directions__departure-time-options calcite-input-time-picker {
  flex: 1;
}
.esri-directions__directions-header {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  flex-direction: column;
  display: flex;
}
.esri-directions__header-stops {
  gap: var(--calcite-spacing-base)var(--calcite-spacing-xxs);
  font-size: var(--calcite-font-size--1);
  grid-template-columns: auto 1fr;
  margin-block-end: var(--calcite-spacing-base);
  display: grid;
}
.esri-directions__directions-header-stop-name {
  text-overflow: ellipsis;
  color: var(--calcite-color-text-1);
  font-weight: var(--calcite-font-weight-medium);
  overflow: hidden;
}
.esri-directions__edit-footer {
  border-top: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
}
.esri-directions__edit-toolbar-container {
  margin: var(--calcite-spacing-md);
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}
.esri-directions__edit-toolbar {
  border-width: var(--calcite-border-width-sm);
  border-radius: var(--calcite-corner-radius-round);
  border-style: solid;
  border-color: var(--calcite-color-foreground-3);
  flex-flow: row;
  display: flex;
  overflow: hidden;
}
.esri-directions__solve-route {
  border-inline-start: solid var(--calcite-border-width-sm)var(--calcite-color-border-3);
}
.esri-directions__flex-column {
  flex-direction: column;
  display: flex;
}
.esri-directions__flex-row {
  flex-direction: row;
  display: flex;
}
.esri-directions__label-emphasize {
  font-weight: var(--calcite-font-weight-medium);
}
.esri-directions__label-no-bottom-margin {
  --calcite-label-margin-bottom:0;
}
.esri-directions__margin-inline-medium {
  margin-inline: var(--calcite-spacing-md);
}
.esri-directions__padding-medium {
  padding: var(--calcite-spacing-md);
}
.esri-directions__route-item {
  margin: var(--calcite-spacing-md);
  border: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  border-radius: var(--calcite-corner-radius-round);
  flex: 1 0 auto;
  width: auto;
  margin-block-start: var(--calcite-spacing-sm);
  display: flex;
  overflow: hidden;
}
.esri-directions__route-item-button {
  background-color: var(--calcite-color-foreground-1);
  padding: var(--calcite-spacing-sm)var(--calcite-spacing-md);
  text-align: unset;
  font-family: var(--calcite-font-family);
  border: none;
  flex: 1 0 auto;
  align-items: center;
  margin: 0;
  padding-inline-end: var(--calcite-spacing-xs);
  display: flex;
}
.esri-directions__route-item-button:hover {
  background-color: var(--calcite-color-foreground-2);
  cursor: pointer;
}
.esri-directions__route-item-button-content {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}
.esri-directions__route-item-label {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-1);
  font-size: var(--calcite-font-size-md);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-directions__route-item-description {
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  font-weight: var(--calcite-font-weight-regular);
}
.esri-directions__optimize-section {
  --calcite-block-section-header-text-color:var(--calcite-color-text-1);
}
.esri-directions__optimize-switches {
  cursor: pointer;
  margin-inline-start: var(--calcite-spacing-md);
}
.esri-directions__panel-header-action {
  align-items: center;
  display: flex;
}
.esri-directions__primary-flow-item {
  flex-flow: column;
  flex: auto;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  overflow: visible;
}
.esri-directions__primary-footer {
  border-top: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
}
.esri-directions__primary-footer-centered {
  border-top: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  padding: var(--calcite-spacing-md);
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}
.esri-directions__primary-footer-loader {
  --calcite-loader-spacing:0;
  margin-top: var(--calcite-spacing-md);
  margin-bottom: var(--calcite-spacing-md);
}
.esri-directions__save-error {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-directions__save-error-icon {
  margin-top: calc(var(--calcite-spacing-lg)*3);
  margin-bottom: var(--calcite-spacing-xxs);
  color: var(--calcite-color-status-danger);
}
.esri-directions__save-error-label {
  margin-inline: var(--calcite-spacing-sm);
}
.esri-directions__save-process-loader {
  padding-top: calc(var(--calcite-spacing-lg)*3);
  padding-bottom: calc(var(--calcite-spacing-lg)*2);
}
.esri-directions__selected-feature-container {
  margin-inline: var(--calcite-spacing-md);
  height: 100px;
  overflow-y: auto;
}
.esri-directions__separator {
  margin: var(--calcite-spacing-md)0;
  background-color: var(--calcite-color-border-3);
  height: var(--calcite-border-width-sm);
}
.esri-directions__stop-item .esri-search {
  width: auto;
}
.esri-directions__print-document {
  box-sizing: border-box;
  z-index: var(--calcite-z-index-overlay);
  background-color: var(--calcite-color-foreground-1);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
}
.esri-directions__print-body {
  padding-inline: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-directions__print-header {
  margin-bottom: var(--calcite-spacing-lg);
  border-block-end: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  align-items: center;
  display: flex;
}
.esri-directions__print-header-label {
  padding-block: var(--calcite-spacing-sm);
  line-height: var(--calcite-font-line-height-relative-snug);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
  font-weight: var(--calcite-font-weight-bold);
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.esri-directions__print-section {
  margin-top: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-directions__print-header-buttons {
  padding-inline-end: var(--calcite-spacing-md);
  display: flex;
}
.esri-directions__print--avoid-page-break {
  break-inside: avoid;
}
@media print {
  .esri-directions__print-document {
    height: auto;
    position: static;
    overflow: visible;
  }
  .esri-directions__print--hide-on-print {
    display: none;
  }
}
.esri-editor {
  --calcite-z-index-header:1;
  background-color: var(--calcite-color-background);
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-editor__actions {
  flex-direction: column;
  row-gap: 6px;
  width: 100%;
  display: flex;
}
.esri-editor__actions > * {
  flex-direction: row;
  display: flex;
}
.esri-editor__actions--notice {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 100%;
  display: flex;
}
.esri-editor__actions--notice calcite-icon {
  --calcite-icon-color:var(--calcite-color-brand);
}
.esri-editor__actions calcite-button {
  flex-grow: 1;
}
.esri-editor__update-actions .esri-editor__selection-toolbar-container {
  margin: 0;
}
.esri-editor__update-actions-list {
  margin-inline: -15px;
}
.esri-editor__help-message {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-inline: calc(15px - .5rem);
  display: flex;
}
.esri-editor .esri-feature-form,
.esri-editor .esri-batch-attribute-form {
  width: 100%;
  padding: 0;
}
.esri-editor .esri-feature-form__label:last-child,
.esri-editor .esri-batch-attribute-form__label:last-child {
  margin-bottom: 12px;
}
.esri-editor .esri-item-list {
  background-color: #0000;
}
.esri-editor .esri-item-list__scroller {
  margin-inline: -15px;
}
.esri-editor .esri-item-list__group {
  margin-inline: 0;
}
.esri-editor .esri-item-list__group:first-of-type {
  margin-top: 0;
}
.esri-editor .esri-item-list__group__header {
  padding-inline: 15px;
}
.esri-editor .esri-item-list__filter-container,
.esri-editor .esri-item-list__filter-container--sticky {
  background-color: var(--calcite-color-background);
  margin-block: -12px 12px;
  margin-inline: -15px;
  padding-block: 12px;
  padding-inline: 15px;
}
.esri-editor__template-item-content-end {
  margin-inline: .75rem;
  display: block;
}
.esri-editor__panel-toolbar {
  --divider-border:1px solid var(--calcite-color-border-2);
  border-bottom: var(--divider-border);
  background-color: var(--calcite-color-foreground-1);
  overflow-wrap: anywhere;
  flex-direction: row;
  display: flex;
}
.esri-editor__settings {
  border: 0;
  width: 100%;
}
.esri-editor__settings .esri-sketch-tooltip-controls:not(:only-child) calcite-block {
  border-block-end-width: 1px;
  border-style: solid;
  border-color: var(--calcite-color-border-3);
}
.esri-editor__feature-templates-container .esri-feature-templates {
  width: 100%;
}
.esri-editor__notice {
  margin-bottom: 12px;
}
.esri-editor .esri-snapping-controls__layer-list {
  max-height: 220px;
}
.esri-editor__panel-content {
  flex-direction: column;
  gap: 24px;
  height: auto;
  min-height: 200px;
  padding-block: 18px;
  padding-inline: 15px;
  display: flex;
  position: relative;
}
.esri-editor__panel-content__section {
  position: relative;
}
.esri-editor__panel-content__section__group {
  flex-direction: column;
  flex: 1 0 100%;
  display: flex;
}
.esri-editor__panel-content__message {
  text-align: center;
  font-size: var(--calcite-font-size-0);
  flex-grow: 1;
  flex-basis: 100%;
  justify-content: center;
  align-items: center;
  padding-inline: 15px;
  display: flex;
}
.esri-editor__panel-content__scrim-container {
  overflow: hidden;
}
.esri-editor__pending-feature-list-icon {
  display: flex;
}
.esri-editor__pending-feature-list-icon[icon=exclamation-mark-triangle] {
  color: var(--calcite-color-status-warning,#edd317);
}
.esri-editor__sketch-container,
.esri-editor__selection-toolbar-container {
  --calcite-action-group-border-color:transparent;
  margin: var(--calcite-spacing-sm,8px);
  border-width: var(--calcite-border-width-sm,1px);
  border-radius: var(--calcite-corner-radius-round,4px);
  border-style: solid;
  border-color: var(--calcite-color-border-3,#dfdfdf);
  flex-shrink: 0;
  min-height: min-content;
  position: relative;
  overflow: hidden;
}
.esri-editor__sketch-container + .esri-editor__panel-content,
.esri-editor__selection-toolbar-container + .esri-editor__panel-content {
  padding-block-start: 0;
}
.esri-editor__upload-details {
  text-align: start;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  display: flex;
}
.esri-editor__upload-details__status {
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}
.esri-editor__upload-details__title-wrapper {
  flex-direction: column;
  display: flex;
}
.esri-editor__upload-details__title {
  line-height: 2rem;
  font-size: var(--calcite-font-size-0);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-editor__upload-details__description {
  font-size: var(--calcite-font-size--1);
}
.esri-editor__upload-details__loader {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-inline: 0;
  padding-block: 0;
}
.esri-editor__upload-details__icon--success {
  color: var(--calcite-color-status-success);
}
.esri-editor__upload-details__icon--error {
  color: var(--calcite-color-status-danger);
}
.esri-editor__upload-details__file-list {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.esri-editor__upload-details__file {
  white-space: break-spaces;
  word-break: break-all;
  align-items: center;
  gap: 7px;
  width: 100%;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}
.esri-editor__upload-details__file-name {
  word-break: break-all;
  font-size: var(--calcite-font-size--3);
}
.esri-editor .esri-selection-toolbar {
  background-color: #0000;
}
.esri-editor .esri-selection-list {
  width: auto;
  max-height: max-content;
  margin-inline: -15px;
}
.esri-editor__prompt--info {
  border-top: solid 3px var(--calcite-color-status-info);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--info .esri-editor__prompt__header {
  color: var(--calcite-color-status-info);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--info .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--info .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--info .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--info .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--info .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-editor__prompt--warning {
  border-top: solid 3px var(--calcite-color-status-warning);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--warning .esri-editor__prompt__header {
  color: var(--calcite-color-status-warning);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--warning .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--warning .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--warning .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--warning .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--warning .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-editor__prompt--danger {
  border-top: solid 3px var(--calcite-color-status-danger);
  background-color: var(--calcite-color-background);
  color: #323232;
  flex-flow: column;
  max-height: 85%;
  padding-block: 12px;
  padding-inline: 15px;
  animation: .25s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-editor__prompt--danger .esri-editor__prompt__header {
  color: var(--calcite-color-status-danger);
  flex: none;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  display: flex;
}
.esri-editor__prompt--danger .esri-editor__prompt__header__heading {
  color: #323232;
  margin: 0 3px;
}
.esri-editor__prompt--danger .esri-editor__prompt__message {
  word-break: break-word;
  color: inherit;
  flex: auto;
  padding: 0 0 12px;
  font-weight: 400;
  overflow: hidden auto;
}
.esri-editor__prompt--danger .esri-editor__prompt__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-editor__prompt--danger .esri-editor__prompt__actions {
  flex-direction: row;
  display: flex;
}
.esri-editor__prompt--danger .esri-editor__prompt__half-width-button {
  width: 50%;
}
.esri-expand__content .esri-editor .esri-feature-form {
  max-height: fit-content;
  overflow-y: visible;
}
.esri-elevation-profile {
  --popover-padding:12px 15px;
  --width:550px;
  --chart-height:180px;
  --calcite-label-margin-bottom:0;
  --actions-spacing-h:7px;
  --actions-spacing-v:6px;
  isolation: isolate;
  padding: var(--esri-widget-padding);
  position: relative;
  container-type: inline-size;
}
.esri-elevation-profile.esri-component.esri-widget--panel {
  width: var(--width);
  max-width: 100%;
}
.esri-elevation-profile__header {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.esri-elevation-profile__footer {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 12px;
  display: flex;
}
.esri-elevation-profile__footer calcite-button {
  min-height: 32px;
}
.esri-elevation-profile__action-button {
  width: auto;
  margin-inline-start: var(--actions-spacing-h);
}
.esri-elevation-profile__main-container {
  width: 100%;
  height: var(--chart-height);
  flex-flow: column;
  display: flex;
  position: relative;
}
.esri-elevation-profile__chart-container {
  width: 100%;
  height: 100%;
  position: relative;
}
.esri-elevation-profile__prompt-container {
  box-sizing: border-box;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-bottom: 0;
  padding: 12px 15px;
  display: flex;
}
.esri-elevation-profile__prompt-container > p {
  width: 100%;
  margin: 0;
}
.esri-elevation-profile__chart-spinner {
  transition: opacity .15s ease-in-out;
  transition-delay: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-elevation-profile__chart-spinner--visible {
  opacity: 1;
  transition-delay: 50ms;
}
.esri-elevation-profile__chart-spinner--small {
  inset-inline-start: 0;
  top: -22px;
  left: unset;
  color: var(--calcite-color-brand);
  transform: none;
}
@container (width<=400px) {
  .esri-elevation-profile .esri-component.esri-widget--panel {
    height: auto;
  }
  .esri-elevation-profile .esri-elevation-profile__footer {
    flex-direction: column;
  }
  .esri-elevation-profile .esri-elevation-profile__action-button {
    align-self: stretch;
    margin-inline-start: 0;
  }
  .esri-elevation-profile .esri-elevation-profile__action-button:not(:last-of-type) {
    margin-bottom: var(--actions-spacing-v);
  }
}
.esri-elevation-profile-settings calcite-popover[calcite-hydrated-hidden] {
  inset-block-start: -999999px;
  inset-inline-start: -999999px;
}
.esri-elevation-profile-settings__popover-content {
  padding: var(--popover-padding);
  color: #323232;
  flex-direction: column;
  gap: 12px;
  min-width: 180px;
  font-size: 12px;
  display: flex;
}
.esri-elevation-profile-legend {
  margin-top: 6px;
}
.esri-elevation-profile-legend-item {
  background: #f3f3f3;
  position: relative;
}
.esri-elevation-profile-legend-item:not(:last-of-type) {
  margin-bottom: 2px;
}
.esri-elevation-profile-legend-item--disabled {
  filter: grayscale();
  opacity: .4;
}
.esri-elevation-profile-legend-item__color-indicator {
  inset-inline-start: 0;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
}
.esri-elevation-profile-legend-item__header {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.esri-elevation-profile-legend-item__content {
  padding: 12px 15px;
  padding-top: 0;
  display: block;
}
.esri-elevation-profile-legend-item__collapse-toggle {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.esri-elevation-profile-legend-item__label {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
  padding-inline-start: 15px;
}
.esri-elevation-profile-statistics {
  --max-width:1px;
  grid-template-columns: repeat(auto-fit, minmax(var(--max-width), 1fr));
  contain: layout paint style;
  gap: 2px 22px;
  width: 100%;
  display: grid;
}
.esri-elevation-profile-statistics__statistic {
  text-align: start;
  white-space: nowrap;
  width: max-content;
  display: block;
}
.esri-elevation-profile-statistics__statistic__label {
  font-size: 10px;
  font-weight: 400;
}
.esri-elevation-profile-statistics__statistic__value {
  margin-top: -.15em;
  font-size: 10px;
  font-weight: 600;
}
.esri-elevation-profile-statistics__slope-value {
  align-items: center;
  display: flex;
}
.esri-elevation-profile-statistics__slope-value calcite-icon {
  width: 16px;
  height: 16px;
}
.esri-view-height-xsmall .esri-elevation-profile {
  --chart-height:68px;
}
.esri-elevation-profile--portrait .esri-elevation-profile-statistics {
  gap: 6px 22px;
  margin-bottom: 12px;
}
.esri-elevation-profile--portrait .esri-elevation-profile-statistics__statistic__value {
  margin-top: 2px;
}
.esri-expand {
  --esri-widget-panel-max-height:95vh;
  --calcite-sheet-max-height:var(--esri-widget-panel-max-height);
  --calcite-sheet-height:auto;
  min-width: 32px;
  min-height: 32px;
}
.esri-expand__toggle {
  position: relative;
}
.esri-expand__popover-content {
  flex-direction: column;
  display: flex;
}
.esri-expand__popover-content .esri-widget--panel {
  width: 300px;
}
.esri-expand__panel {
  max-height: var(--esri-widget-panel-max-height);
}
.esri-expand__panel-content .esri-widget {
  width: auto;
}
.esri-expand__panel-content .esri-widget--panel {
  flex: auto;
}
.esri-ui-corner .esri-expand__popover-content .esri-widget,
.esri-ui-corner .esri-expand__popover-content .esri-widget.esri-component,
.esri-ui-corner .esri-expand__panel-content .esri-widget,
.esri-ui-corner .esri-expand__panel-content .esri-widget.esri-component,
.esri-expand__popover-content .esri-widget,
.esri-expand__popover-content .esri-widget.esri-component,
.esri-expand__panel-content .esri-widget,
.esri-expand__panel-content .esri-widget.esri-component {
  box-sizing: border-box;
  box-shadow: none;
  margin-bottom: 0;
}
.esri-expand__panel-content,
.esri-expand__content-container {
  background-color: var(--calcite-color-foreground-1);
  flex-direction: column;
  flex: auto;
  justify-content: stretch;
  display: flex;
}
.esri-expand__sheet .esri-expand__panel-content,
.esri-expand__sheet .esri-expand__content-container {
  overflow: hidden;
}
.esri-expand__panel-icon-number {
  align-self: center;
}
.esri-collapse__icon {
  display: flex;
}
calcite-button:not(:hover) .esri-collapse__icon:not(calcite-icon) {
  color: var(--calcite-color-text-3);
}
:is(.esri-ui-top-left, .esri-ui-bottom-left) .esri-collapse__icon-flip {
  transform: rotate(180deg);
}
.esri-expand__icon-number {
  transform-origin: 50%;
  color: #fff;
  pointer-events: none;
  background-color: #6e6e6e;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  height: 16px;
  padding: .125em .333em;
  font-size: 12px;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: -6px;
}
:is(.esri-ui-top-left, .esri-ui-bottom-left) .esri-expand__icon-number {
  right: -6px;
}
:is(.esri-ui-top-right, .esri-ui-bottom-right) .esri-expand__icon-number {
  left: -6px;
}
.esri-view-height-greater-than-medium .esri-expand__popover-content .esri-widget--panel {
  max-height: 680px;
}
.esri-view-height-medium .esri-expand__popover-content .esri-widget--panel {
  max-height: 540px;
}
.esri-view-height-small .esri-expand__popover-content .esri-widget--panel {
  max-height: 420px;
}
.esri-view-height-xsmall .esri-expand__popover-content .esri-widget--panel {
  max-height: 240px;
}
[class*=esri-view-height-] .esri-expand__popover-content .esri-widget--panel .esri-widget--panel {
  width: unset;
  max-height: unset;
}
.esri-feature__title {
  word-break: break-word;
  word-wrap: break-word;
  font-size: 14px;
  display: block;
}
.esri-feature calcite-icon {
  box-sizing: content-box;
}
.esri-feature__attachments {
  display: flex;
}
.esri-feature__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-relationship {
  position: relative;
}
.esri-feature-relationship__list {
  min-height: 32px;
}
.esri-feature-relationship__list-item--hidden {
  display: none;
}
.esri-feature-utility-network-associations {
  position: relative;
}
.esri-feature__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  position: sticky;
  top: 12px;
}
.esri-feature__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature__sticky-loading-container {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-icon-loading-indicator {
  display: inline-block;
}
.esri-feature {
  --calcite-color-background:$background-color;
  width: 100%;
}
.esri-feature__content-element {
  margin-bottom: 24px;
  padding: 0 7px;
}
.esri-feature__content-element .esri-widget__heading {
  line-height: 1.3;
}
.esri-feature__content-element:only-child,
.esri-feature__content-node--text {
  margin-bottom: 3px;
}
.esri-feature__content-node {
  flex-direction: column;
  display: flex;
}
.esri-feature__text {
  line-height: 1.3;
}
.esri-feature-attachments {
  flex-flow: column wrap;
  align-items: flex-start;
}
.esri-feature__last-edited-info {
  padding-top: 6px;
  font-size: 12px;
}
[dir=rtl] .esri-feature__attachments-title {
  margin: 0 0 0 auto;
}
[dir=rtl] .esri-feature__attachments--list .esri-feature__attachment-item-mask {
  margin-left: 7px;
  margin-right: 0;
}
.esri-feature-content__loader-container {
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 0;
  display: flex;
}
.esri-feature-content__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 100%;
  height: 64px;
}
.esri-feature-content {
  font-size: 14px;
}
.esri-feature-content h1,
.esri-feature-content h2,
.esri-feature-content h3,
.esri-feature-content h4,
.esri-feature-content h5,
.esri-feature-content h6 {
  letter-spacing: 0;
  color: #323232;
  margin: .5em 0;
  font-weight: 600;
  line-height: normal;
}
.esri-feature-content h1 {
  font-size: 1.75em;
}
.esri-feature-content h2 {
  font-size: 1.5em;
}
.esri-feature-content h3 {
  font-size: 1.25em;
}
.esri-feature-content h4,
.esri-feature-content h5,
.esri-feature-content h6 {
  font-size: 1em;
}
.esri-widget__heading.esri-feature-element-info__title {
  color: #323232;
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 20px;
  font-weight: 400;
}
.esri-feature-element-info__description {
  margin-bottom: 9px;
  font-size: 12px;
  font-weight: 400;
}
.esri-feature-content p {
  margin: 0 0 1.2em;
  font-size: 14px;
}
.esri-feature-content p:last-child {
  margin-block-end: 0;
}
.esri-feature-content img {
  image-orientation: from-image;
  max-width: 100%;
  max-height: 100%;
}
.esri-feature-content video {
  max-width: 100%;
  max-height: 100%;
}
.esri-feature-content figure {
  margin: 0;
  padding: 0;
}
.esri-feature-content figcaption {
  margin: .2em 0 0;
  padding: 0;
  font-size: 12px;
  font-style: italic;
  display: block;
}
.esri-feature-content ul,
.esri-feature-content ol {
  margin-block: 1rem;
}
.esri-feature-content ul:first-child,
.esri-feature-content ol:first-child {
  margin-block-start: 0;
}
.esri-feature-content a {
  color: #6e6e6e;
}
.esri-feature-content a:hover,
.esri-feature-content a:focus {
  color: #2e2e2e;
}
.esri-feature-form {
  background-color: var(--calcite-color-background);
  padding: var(--esri-widget-padding);
}
.esri-feature-form .esri-feature-utility-network-associations,
.esri-feature-form .esri-feature-form-utility-network-association-list {
  margin-block-end: 12px;
}
.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info__description {
  color: #6e6e6e;
}
.esri-feature-form .esri-feature-utility-network-associations .esri-feature-element-info h5 {
  font-size: inherit;
}
.esri-feature-form__form {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__centered-button {
  align-self: center;
}
.esri-feature-form__description-text {
  color: #6e6e6e;
  font-size: 12px;
}
.esri-feature-form__list-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature-form__related-records_header {
  margin-bottom: 6px;
  display: flex;
}
.esri-feature-form__related-records_header span {
  flex-grow: 1;
}
.esri-feature-form__related-records_label calcite-notice,
.esri-feature-form__related-records_label .esri-feature-form__description-text {
  margin-bottom: 6px;
}
.esri-feature-form__related-records_list {
  min-height: 40px;
  margin-bottom: 6px;
}
label.esri-feature-form__label {
  gap: .5em;
  margin-bottom: 12px;
}
.esri-feature-form__label {
  opacity: 1;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 6px;
  transition: opacity .25s, margin .25s;
  display: flex;
  position: relative;
}
.esri-feature-form__label:last-child {
  margin-bottom: 0;
}
.esri-feature-form__label-text-content {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  align-items: center;
  display: flex;
}
.esri-feature-form__disabled-notice {
  margin-bottom: 18px;
}
.esri-feature-form__form-header {
  margin-bottom: 12px;
}
.esri-feature-form__form-header .esri-feature-form__description-text ~ .esri-widget__heading {
  margin-bottom: 0;
}
.esri-feature-form__input {
  width: 100%;
}
.esri-feature-form__input:focus {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: -2px;
}
textarea.esri-feature-form__input {
  resize: vertical;
}
.esri-feature-form__input--disabled {
  background-color: var(--calcite-color-background);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-feature-form__field-error-message {
  padding: 7px 0;
  font-size: 12px;
}
.esri-feature-form__date-input-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__date-input-container .esri-feature-form__input {
  margin-bottom: 3px;
}
.esri-feature-form__date-input-container :last-child {
  margin-bottom: 0;
}
.esri-feature-form__input--radio-group {
  flex-direction: column;
  display: flex;
}
.esri-feature-form__input--radio-label {
  align-items: center;
  display: flex;
}
.esri-feature-form__input--switch {
  margin: 7px 0;
}
.esri-feature-form__group {
  margin: 0 0 12px;
  background-color: inherit;
  margin-inline: -10px;
}
.esri-feature-form__group--sequential {
  border-bottom: none;
  border-inline-start: 3px solid #6e6e6e4d;
}
.esri-feature-form__group--active {
  border-inline-start-color: #0079c1;
}
.esri-feature-form__text-element {
  color: var(--calcite-color-text-3);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
}
.esri-feature-form__text-element a {
  transition:
    background-color,
    block-size,
    border-color,
    box-shadow,
    color,
    inset-block-end,
    inset-block-start,
    inset-inline-end,
    inset-inline-start inset-size,
    opacity,
    outline-color,
    transform var(--calcite-animation-timing)ease-in-out 0s,
    outline 0s,
    outline-offset 0s;
  background-color: #0000;
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));
  color: var(--calcite-color-text-link);
  background-position-x: 0%, 100%;
  background-position-y: min(1.5em, 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 0% 1px, 100% 1px;
  border-style: none;
  padding: 0;
  text-decoration: none;
  display: inline;
  position: relative;
}
.esri-feature-form__text-element a:hover,
.esri-feature-form__text-element a:focus {
  background-size: 100% 1px, 100% 1px;
}
.esri-feature-form__text-element a:active {
  background-size: 100% 2px, 100% 2px;
}
.esri-feature-form__text-element a.calcite--rtl {
  background-position: 100% 100%, 100% 100%;
}
.esri-feature-form__text-element code {
  border: 1px solid var(--calcite-color-border-3);
  background-color: var(--calcite-color-foreground-3);
  white-space: normal;
  word-break: break-word;
  color: var(--calcite-color-text-2);
  font-family: var(--calcite-code-family);
  border-radius: 2px;
  padding: .25em;
  font-size: 85%;
}
.esri-feature-form__text-element h1,
.esri-feature-form__text-element h2,
.esri-feature-form__text-element h3,
.esri-feature-form__text-element h4,
.esri-feature-form__text-element h5 {
  color: var(--calcite-color-text-1);
  line-height: 1.375;
  font-size: var(--calcite-font-size-0);
  font-weight: var(--calcite-font-weight-bold);
  margin-bottom: 4px;
}
.esri-feature-form__text-element h5 {
  font-weight: var(--calcite-font-weight-medium);
}
.esri-feature-form__text-element h6 {
  color: var(--calcite-color-text-2);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-medium);
  margin-bottom: 4px;
}
.esri-feature-form__text-element p {
  color: var(--calcite-color-text-3);
  line-height: 1.375;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
  margin-bottom: 16px;
}
.esri-feature-form__text-element strong {
  font-weight: var(--calcite-font-weight-bold);
}
[dir=rtl] .esri-feature-form__date-input-part:first-child .esri-feature-form__input {
  border-left: none;
  border-right: 1px solid #6e6e6e4d;
}
.esri-feature-form-utility-network-association-layers {
  background-color: #0000;
}
.esri-feature-form-utility-network-association-layers__header > * {
  margin-block-end: 12px;
}
.esri-feature-form-utility-network-association-layers__header > :last-child {
  color: var(--calcite-color-text-3);
}
.esri-feature-form-utility-network-association-layers__heading-content {
  align-items: center;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__heading-content calcite-icon {
  margin-inline-end: 12px;
}
.esri-feature-form-utility-network-association-layers__list-container {
  min-height: 32px;
  margin-bottom: 12px;
}
.esri-feature-form-utility-network-association-layers__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-feature-form-utility-network-association-layers__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  top: 12px;
}
.esri-feature-form-utility-network-association-layers__filter-options-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__filter-options-header {
  flex-direction: row;
  align-items: baseline;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__filter-options-header span {
  flex-grow: 1;
}
.esri-feature-form-utility-network-association-layers__spatial-select-container {
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 6px;
  display: flex;
}
.esri-feature-form-utility-network-association-layers__spatial-select-toolbar {
  --calcite-action-group-border-color:transparent;
  border-width: var(--calcite-border-width-sm,1px);
  border-radius: var(--calcite-corner-radius-round,4px);
  border-style: solid;
  border-color: var(--calcite-color-border-3,#dfdfdf);
  width: 100%;
  min-height: min-content;
  overflow: hidden;
}
.esri-feature-form-utility-network-association-layers__sticky-loading-container {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-feature-form-utility-network-association-layers__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-form-utility-network-association-list {
  background-color: #0000;
}
.esri-feature-form-utility-network-association-list__header > * {
  margin-block-end: 12px;
}
.esri-feature-form-utility-network-association-list__header > :last-child {
  color: var(--calcite-color-text-3);
}
.esri-feature-form-utility-network-association-list__header calcite-block {
  margin-block-start: -18px;
  margin-inline: -15px;
}
.esri-feature-form-utility-network-association-list__heading-content {
  align-items: center;
  display: flex;
}
.esri-feature-form-utility-network-association-list__heading-content calcite-icon {
  margin-inline-end: 12px;
}
.esri-feature-form-utility-network-association-list__list-container {
  flex-direction: column;
  min-height: 32px;
  display: flex;
}
.esri-feature-form-utility-network-association-list__list-container calcite-fab {
  margin-block: var(--calcite-spacing-md);
  flex-direction: row;
  align-self: center;
  display: flex;
}
.esri-feature-form-utility-network-association-settings {
  --calcite-block-padding:0;
  background-color: #0000;
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-settings calcite-block {
  border: 1px solid var(--calcite-color-border-3);
  margin-block: 0;
}
.esri-feature-form-utility-network-association-settings calcite-block:first-of-type {
  border-radius: 8px 8px 0 0;
}
.esri-feature-form-utility-network-association-settings calcite-block:last-of-type {
  border-top: none;
  border-radius: 0 0 8px 8px;
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-form-utility-network-association-settings calcite-block calcite-label {
  margin-inline: var(--calcite-spacing-md);
}
.esri-feature-form-utility-network-association-settings__info-container {
  flex-direction: column;
  display: flex;
}
.esri-feature-form-utility-network-association-settings__info-container > * {
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-media__container {
  flex-flow: wrap;
  align-items: center;
  width: 100%;
  min-height: 150px;
  margin-top: 6px;
  display: flex;
}
.esri-feature-media__container .esri-feature-media__pagination-button {
  cursor: pointer;
  color: #6e6e6e;
  background: 0 0;
  border: none;
  justify-content: center;
  align-items: center;
  padding-block: 6px;
  padding-inline: 7px;
  display: flex;
}
.esri-feature-media__container .esri-feature-media__pagination-button:hover,
.esri-feature-media__container .esri-feature-media__pagination-button:focus {
  color: #2e2e2e;
  fill: #2e2e2e;
  background-color: #f3f3f3;
}
.esri-feature-media__item-title {
  margin: 0;
  font-size: 16px;
}
.esri-feature-media__item-caption {
  padding-block-start: 3px;
  font-size: 12px;
}
.esri-feature-media__item {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-block: 6px;
  display: flex;
}
.esri-feature-media__item-navigation {
  flex: 0 100%;
  justify-content: space-between;
  align-items: flex-start;
  margin-block-end: 6px;
  display: flex;
}
.esri-feature-media__item-text {
  margin-inline-end: 7px;
}
.esri-feature-media__pagination {
  flex: none;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-feature-media__pagination:only-child {
  margin-inline-start: auto;
}
.esri-feature-media__pagination-text {
  color: #6e6e6e;
  padding-inline: 3px;
  font-size: 12px;
}
.esri-feature-media__item-container {
  flex: 0 auto;
  width: 100%;
}
.esri-feature-media__item-container img {
  max-width: 100%;
}
.esri-feature-media__item-container img[src$=".SVG"],
.esri-feature-media__item-container img[src$=".svg"] {
  width: 100%;
}
.esri-feature-media__chart {
  background-color: #fff;
  width: 100%;
  height: 155px;
}
[dir=rtl] .esri-feature-media__image-summary {
  margin: 0 .5em 0 0;
}
[dir=rtl] .esri-feature-media__pagination-icon {
  transform: rotate(180deg);
}
.esri-features {
  --calcite-color-background:$background-color;
  flex-direction: column;
  display: flex;
}
.esri-features img {
  image-orientation: from-image;
}
.esri-features__flow-item--collapsed {
  --calcite-flow-item-header-border-block-end:none;
}
.esri-features__container {
  background-color: var(--calcite-color-background);
}
.esri-features__container:not(:empty) {
  padding: 12px;
}
.esri-features .esri-feature,
.esri-features .esri-feature-relationship,
.esri-features .esri-feature-utility-network-associations {
  background-color: #0000;
}
.esri-features__heading {
  word-break: break-word;
  word-wrap: break-word;
}
.esri-features__header,
.esri-features__footer {
  background-color: var(--calcite-color-foreground-1);
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.esri-features__pagination-text {
  padding-inline: var(--calcite-spacing-sm);
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size-sm);
}
.esri-features__loader {
  align-self: center;
  padding-inline: 1rem;
}
.esri-features__pagination-action-bar {
  flex: 1;
}
.esri-features__pagination-menu-button {
  border-inline-start: 1px solid var(--calcite-color-border-3);
}
.esri-features__icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.esri-features__action-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}
.esri-features__header {
  border-block-end: 1px solid var(--calcite-color-border-3);
}
.esri-features__content-feature {
  --calcite-flow-item-footer-padding:0;
}
.esri-features__feature-menu-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-features__action--exit {
  transform: scaleX(-1);
}
.esri-feature-table {
  --icon-size:64px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-feature-table__content {
  overflow: hidden;
}
.esri-feature-table__content calcite-pagination {
  justify-content: center;
}
.esri-feature-table__collapsed {
  min-width: 500px;
}
.esri-feature-table__collapsed:not(:last-child) {
  border-inline-end: var(--calcite-border-width-sm)solid var(--calcite-color-text-2);
  min-width: 300px;
  max-width: 300px;
}
.esri-feature-table__expanded {
  min-width: 300px;
  display: flex;
}
.esri-feature-table__expanded:not(:last-child) {
  border-inline-end: var(--calcite-border-width-sm)solid var(--calcite-color-text-2);
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child {
  flex: 2 1 0;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel {
  min-width: fit-content;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child calcite-panel > div:first-child {
  flex: 2 1 0;
}
.esri-feature-table__expanded.esri-feature-table__table-container--attachments:last-child .esri-feature-table__collapsed {
  max-width: inherit;
}
.esri-feature-table__table-container {
  flex: 1 1 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-feature-table__table-container calcite-panel > div {
  overflow-y: auto;
}
.esri-feature-table__table-container calcite-panel div {
  flex: 1 1 0;
  display: flex;
}
.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list {
  border-block-start: var(--calcite-border-width-sm)solid var(--calcite-color-text-2);
  flex: 1 1 0;
  min-width: 480px;
  overflow-y: auto;
}
.esri-feature-table__table-container calcite-panel div .esri-feature-table__attachments-view__list__filesize {
  cursor: default;
  align-items: center;
  height: 100%;
  margin-inline-end: var(--calcite-spacing-md);
  display: flex;
}
.esri-feature-table__table-navigation {
  --calcite-label-margin-bottom:0;
  background-color: var(--calcite-color-foreground-1);
  width: 100%;
  line-height: initial;
  align-items: center;
  padding-block-start: var(--calcite-spacing-base);
  display: flex;
}
.esri-feature-table__table-navigation calcite-action:first-child {
  border-inline-end: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  transform: scaleX(-1);
}
.esri-feature-table__table-navigation calcite-chip {
  --calcite-chip-close-icon-color:var(--calcite-color-text-inverse);
  margin-inline-end: var(--calcite-spacing-md);
}
.esri-feature-table__table-navigation calcite-label {
  border-inline-end: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  padding-inline: var(--calcite-spacing-md);
  height: 100%;
}
.esri-feature-table__table-navigation calcite-action {
  display: flex;
  overflow: hidden;
}
.esri-feature-table__table-navigation div:last-child {
  float: inline-end;
  align-items: center;
  height: 100%;
  margin-inline: auto 0;
  display: flex;
}
.esri-feature-table__table-navigation calcite-action:last-child {
  float: inline-end;
  margin-inline: auto 0;
  display: flex;
}
.esri-feature-table__attachments-view {
  border-block-start: var(--calcite-border-width-sm)solid var(--calcite-color-text-2);
  min-width: 300px;
}
.esri-feature-table__attachments-view__content {
  padding: var(--calcite-spacing-md);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.esri-feature-table__attachments-view__drop-area {
  border: var(--calcite-border-width-sm)dashed var(--calcite-color-border-input);
  border-radius: var(--calcite-corner-radius-round);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.esri-feature-table__attachments-view__drop-area form {
  justify-content: center;
  display: flex;
}
.esri-feature-table__attachments-view__drop-area form fieldset {
  border: none;
}
.esri-feature-table__attachments-view__drop-area form fieldset calcite-label {
  word-break: break-all;
}
.esri-feature-table__attachments-view__drop-area form fieldset calcite-button {
  margin-bottom: var(--calcite-spacing-sm);
}
.esri-feature-table__attachments-view__icon {
  margin-bottom: var(--calcite-spacing-md);
  block-size: var(--icon-size);
  inline-size: var(--icon-size);
}
.esri-feature-table__attachments-view__information {
  padding: var(--calcite-spacing-md);
  flex-direction: column;
  max-width: 200px;
  padding-inline-start: 0;
  overflow-y: auto;
}
.esri-feature-table__attachments-view__information calcite-icon,
.esri-feature-table__attachments-view__information img {
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-table__attachments-view__information label {
  color: var(--calcite-color-text-3);
  font-weight: 400;
}
.esri-feature-table__attachments-view__information span {
  color: var(--calcite-color-text-1);
  margin-block-end: var(--calcite-spacing-md);
}
.esri-feature-table__attachments-view__list-item--delete {
  border-inline-start: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
}
.esri-feature-table__attachments-view__list__thumbnail {
  margin-block: var(--calcite-spacing-sm);
  justify-content: center;
  align-items: center;
}
.esri-feature-table__attachments-view__list__thumbnail a {
  border: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  border-radius: var(--calcite-corner-radius-round);
  width: var(--icon-size);
  height: var(--icon-size);
  color: #323232;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-feature-table__menu-popover calcite-list {
  max-width: 300px;
  max-height: 260px;
  overflow-y: auto;
}
.esri-feature-table .esri-grid {
  background-color: inherit;
}
.esri-feature-table .esri-grid__grid {
  width: 100%;
  height: 100%;
}
.esri-feature-table vaadin-grid {
  --_lumo-grid-secondary-border-color:var(--calcite-color-border-3);
  border-bottom: none;
  background-color: inherit;
  color: inherit;
  border-inline: none;
  font-family: inherit;
  font-size: 14px;
}
.esri-feature-table vaadin-grid::part(body-cell) {
  font-size: 14px;
}
.esri-feature-table vaadin-grid::part(body-cell):hover {
  background-color: var(--calcite-color-foreground-2);
}
.esri-feature-table vaadin-grid::part(header-cell invalid) {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-feature-table vaadin-grid::part(body-cell invalid) {
  color: var(--calcite-color-text-3);
  font-style: italic;
}
.esri-feature-table vaadin-grid::part(header-cell) {
  background-color: var(--calcite-color-background);
}
.esri-feature-table vaadin-grid::part(header-cell direction) {
  border-bottom: var(--calcite-border-width-sm)solid var(--calcite-color-brand);
  background-color: var(--calcite-color-foreground-1);
}
.esri-feature-table vaadin-grid::part(body-cell highlight) {
  background-color: var(--calcite-color-foreground-3);
}
.esri-feature-table calcite-scrim > div:first-child {
  max-width: 400px;
  max-height: 100%;
  position: relative;
}
.esri-feature-table__layer-switcher-menu {
  align-items: center;
  display: flex;
}
.esri-attachments-column__button,
.esri-column__show-related-records-button {
  --calcite-offset-invert-focus:2;
}
.esri-column__show-related-records-button {
  height: 100%;
  display: flex;
}
.esri-attachments-column__button {
  overflow: hidden;
}
.esri-attachments-column__button > div {
  display: flex;
  overflow: hidden;
}
.esri-attachments-column__button > div > div:first-child {
  text-overflow: ellipsis;
  width: 100%;
  margin-inline-end: var(--calcite-spacing-xxl);
  overflow: hidden;
}
.esri-attachments-column__button > div span {
  align-self: center;
  position: absolute;
  inset-inline-end: var(--calcite-spacing-xxxl);
}
.esri-attachments-column__content {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.esri-attachments-column__content > div:first-child {
  text-overflow: ellipsis;
  line-height: 0;
  overflow: hidden;
}
.esri-attachments-column__button calcite-icon,
.esri-attachments-column__button img,
.esri-attachments-column__content calcite-icon,
.esri-attachments-column__content img {
  max-width: var(--calcite-app-sizing-9);
  max-height: var(--calcite-app-sizing-9);
  vertical-align: middle;
  margin-inline-end: var(--calcite-spacing-xxs);
  display: inline-flex;
}
.esri-feature-templates {
  background: var(--calcite-color-background);
}
.esri-feature-templates__list-item-icon {
  flex: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  display: flex;
}
.esri-feature-templates__list-item-icon > div {
  display: flex;
}
.esri-ui .esri-feature-templates {
  width: 300px;
}
.esri-ui .esri-widget .esri-feature-templates {
  width: 100%;
}
.esri-feature-utility-network-association-list {
  background-color: #0000;
}
.esri-feature-utility-network-association-list__list-item--hidden {
  display: none;
}
.esri-feature-utility-network-associations {
  background-color: #0000;
}
.esri-feature-utility-network-associations__list {
  min-height: 32px;
}
.esri-feature-utility-network-associations__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-feature-utility-network-associations__loading-container--sticky {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin: 0;
  padding: 0;
  display: flex;
  position: sticky;
  bottom: 10px;
}
.esri-filter-builder {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-filter-builder calcite-fab {
  margin-block: var(--calcite-spacing-md);
  flex-direction: row;
  align-self: center;
  display: flex;
}
.esri-filter-condition {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  width: 100%;
  display: flex;
}
.esri-floor-filter {
  background: 0 0;
  border: none;
  flex-direction: row;
  display: flex;
  box-shadow: none !important;
}
.esri-floor-filter__position--top {
  align-items: flex-start;
}
.esri-floor-filter__position--top .esri-floor-filter__levels-container,
.esri-floor-filter__position--top .esri-floor-filter__close-levels-button,
.esri-floor-filter__position--top .esri-floor-filter__zoom-button,
.esri-floor-filter__position--top .esri-floor-filter__zoom-button--levels,
.esri-floor-filter__position--top .esri-floor-filter__minimize-toggle-button {
  border-width: 1px 0 0;
}
.esri-floor-filter__position--bottom {
  align-items: flex-end;
}
.esri-floor-filter__position--bottom .esri-floor-filter__levels-container,
.esri-floor-filter__position--bottom .esri-floor-filter__close-levels-button,
.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button,
.esri-floor-filter__position--bottom .esri-floor-filter__zoom-button--levels,
.esri-floor-filter__position--bottom .esri-floor-filter__minimize-toggle-button {
  border-width: 0 0 1px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container {
  flex-direction: column;
  max-width: 48px;
  display: flex;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-icon {
  position: relative;
  top: 2px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__browse-button {
  border: none;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 32px;
  padding: 8px 12px;
}
.esri-floor-filter__layout--collapsed .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 32px;
  padding: 4px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container {
  flex-direction: column;
  max-width: 300px;
  display: flex;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-icon {
  position: relative;
  top: 2px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-info {
  margin-right: auto;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__browse-button {
  border: none;
  width: auto;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__level-button {
  text-align: left;
  justify-content: flex-start;
  padding: 16px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 48px;
  padding: 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__zoom-button--levels {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 32px;
  padding: 8px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__minimize-toggle-button {
  border-style: solid;
  border-color: #6e6e6e4d;
  width: auto;
  height: 32px;
  padding: 4px 12px;
}
.esri-floor-filter__layout--expanded .esri-floor-filter__button-container .esri-floor-filter__button-label {
  margin-left: 8px;
}
.esri-floor-filter .esri-floor-filter__level-button {
  border: none;
  width: 100%;
  height: 48px;
}
.esri-floor-filter .esri-floor-filter__level-button:focus {
  background-color: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__level-button.esri-widget--button-active:focus {
  background-color: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__levels-container {
  margin: unset;
  padding: unset;
  scrollbar-width: thin;
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 100%;
  max-height: 420px;
  list-style-type: none;
  overflow: auto;
}
.esri-floor-filter .esri-floor-filter__levels-container .esri-widget--button-active {
  font-weight: 600;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar {
  width: 6px;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-track {
  background: #fafafa;
}
.esri-floor-filter .esri-floor-filter__levels-container::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border: 3px solid #c1c1c1;
  border-radius: 20px;
}
.esri-floor-filter .esri-widget--button-active {
  color: #005e95;
  background: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__button-container {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-floor-filter .esri-floor-filter__filter-menu {
  background: #fff;
  flex-direction: column;
  align-items: stretch;
  width: 300px;
  max-height: 420px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header {
  color: #323232;
  flex-direction: row;
  align-items: stretch;
  height: auto;
  line-height: 1.3em;
  display: flex;
  box-shadow: 0 .5px #e0e0e0;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header .esri-icon-close {
  color: #6e6e6e;
  background-color: #fff;
  border: none;
  align-items: center;
  margin: 0 0 0 auto;
  padding: 26px 12px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back {
  margin: unset;
  color: #6e6e6e;
  background-color: #fff;
  border: none;
  border-right: 1px solid #6e6e6e4d;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  padding: 26px 0;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back:hover {
  cursor: pointer;
  color: #2e2e2e;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text-group {
  flex-direction: column;
  justify-content: center;
  max-width: 232px;
  padding: 12px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-text {
  margin: unset;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-subtext {
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 4px 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-icon-close:hover {
  cursor: pointer;
  color: #2e2e2e;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search {
  background: #f3f3f3;
  align-items: center;
  margin-top: .5px;
  margin-bottom: 1px;
  padding: 10px;
  display: flex;
  box-shadow: 0 .5px #e0e0e0;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input {
  color: #323232;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  margin-left: 6px;
  font-size: 14px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-search .esri-icon-close {
  margin-inline-end: 2px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items {
  margin: unset;
  padding: unset;
  color: #323232;
  width: 100%;
  max-height: 300px;
  list-style-type: none;
  overflow-y: auto;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:hover,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:focus,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:hover,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:focus {
  cursor: pointer;
  background: #f3f3f3;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site:active,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility:active {
  color: #323232;
  background-color: #e2f1fb;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility {
  color: #6e6e6e;
  background: #fff;
  border: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 18px;
  display: flex;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name {
  font-size: 14px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected {
  color: #323232;
  font-size: 14px;
  font-weight: 600;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-floor-filter__filter-menu-item-name--selected,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-floor-filter__filter-menu-item-name--selected {
  text-align: left;
  max-width: 220px;
  margin-right: 10px;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-icon-right,
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-icon-right {
  margin-left: auto;
}
.esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle {
  background: #007ac2;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  margin-left: -10px;
  margin-right: 6px;
}
.esri-floor-filter .esri-floor-filter__separator {
  box-shadow: none;
  background: 0 0;
  border: none;
  width: 10px;
}
.esri-expand__content .esri-floor-filter {
  width: max-content;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__zoom-button--levels,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__minimize-toggle-button {
  display: none;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu {
  width: 225px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__close-levels-button {
  background: #e7e7e7;
  border-style: solid;
  border-color: #6e6e6e4d;
  width: 48px;
  height: 48px;
  padding: 12px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-header-text-group {
  max-width: 157px;
}
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,
.esri-view-height-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name,
.esri-view-width-less-than-small .esri-floor-filter .esri-floor-filter__filter-menu-item-name--selected {
  max-width: 165px !important;
}
.esri-view-height-small .esri-floor-filter .esri-floor-filter__levels-container,
.esri-view-height-small .esri-floor-filter .esri-floor-filter__filter-menu {
  max-height: 320px;
}
.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__levels-container {
  max-height: 156px;
}
.esri-view-height-xsmall .esri-floor-filter .esri-floor-filter__filter-menu {
  max-height: 240px;
}
[dir=rtl] .esri-floor-filter__layout--expanded .esri-floor-filter__button-info {
  margin-right: unset;
  margin-left: auto;
}
[dir=rtl] .esri-floor-filter__layout--expanded .esri-floor-filter__button-label {
  margin-right: 8px;
  margin-left: unset;
}
[dir=rtl] .esri-floor-filter .esri-icon-close {
  margin: 0 auto 0 0;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu .esri-floor-filter__filter-menu-header-back {
  border-left: 1px solid #6e6e6e4d;
  border-right: none;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-search .esri-floor-filter__filter-menu-search-input {
  margin-right: 6px;
  margin-left: unset;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-site .esri-icon-left,
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-facility .esri-icon-left {
  margin-right: auto;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name,
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__filter-menu-item-name--selected {
  margin-right: unset !important;
  text-align: right !important;
  margin-left: 10px !important;
}
[dir=rtl] .esri-floor-filter .esri-floor-filter__filter-menu-items .esri-floor-filter__selected-item-circle {
  margin-left: 6px;
  margin-right: -10px;
}
.esri-grid {
  --lumo-base-color:#fff;
  --lumo-primary-color:#0079c1;
  --lumo-primary-text-color:var(--lumo-primary-color);
  --lumo-primary-color-10pct:#0079c133;
  --lumo-contrast-20pct:#6e6e6e;
  --lumo-contrast-30pct:#2e2e2e;
  --lumo-contrast-10pct:#f3f3f3;
  --lumo-row-background-hover:#f3f3f3;
  width: 100%;
  height: 100%;
}
.esri-grid .esri-grid__content {
  background-color: inherit;
  width: 100%;
  height: 100%;
}
.esri-grid .esri-grid__grid {
  width: 100%;
  height: 100%;
}
.esri-grid .esri-grid__grid a {
  color: #6e6e6e;
  text-decoration: underline;
}
.esri-grid .esri-grid__grid a:hover,
.esri-grid .esri-grid__grid a:focus {
  color: #2e2e2e;
}
.esri-grid .esri-column__content--full {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-grid .esri-column__header-content {
  text-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}
.esri-grid .esri-column__header-content:has(calcite-icon:only-child) {
  justify-content: center;
  align-items: center;
}
.esri-grid .esri-column__header-content div {
  width: 100%;
  min-height: var(--calcite-app-sizing-11);
  flex-flow: column wrap;
  display: flex;
  overflow: hidden;
}
.esri-grid .esri-column__header-content div span {
  text-overflow: ellipsis;
  width: 100%;
  line-height: var(--calcite-app-font-line-height-fixed-3);
  overflow: hidden;
}
.esri-grid .esri-column__header-content calcite-icon {
  height: var(--calcite-app-sizing-9);
  margin-inline-end: var(--calcite-spacing-xxs);
}
.esri-grid .esri-column__header-content calcite-dropdown {
  float: inline-end;
  max-height: 180px;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group {
  max-width: 200px;
  overflow-x: auto;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-group:only-of-type {
  max-height: 180px;
  overflow: visible;
}
.esri-grid .esri-column__header-content calcite-dropdown[open] calcite-dropdown-item {
  display: flex;
}
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item,
.esri-grid .esri-column__header-content calcite-dropdown calcite-dropdown-item[hidden] {
  display: none;
}
.esri-grid .esri-column__header-description {
  height: var(--calcite-app-sizing-9);
  color: var(--calcite-color-text-3);
  font-size: 12px;
}
.esri-grid .esri-column__sorter:hover {
  cursor: pointer;
}
.esri-grid .esri-column__sorter,
.esri-grid .esri-column__header-label {
  height: var(--calcite-app-sizing-9);
  color: var(--calcite-color-text-1);
  flex-grow: 1;
  align-items: center;
  display: flex;
  overflow: hidden;
}
.esri-column__header-menu-icon {
  margin-inline-end: 15px;
}
.esri-column__cell-input {
  border: none;
  flex: 1 1 0;
  width: 100%;
  height: 100%;
}
.esri-column__cell__input-container {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}
.esri-column__cell__input-container input,
.esri-column__cell__input-container select {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-column__cell__input-container div,
.esri-column__cell__input-container input,
.esri-column__cell__input-container select {
  width: 100%;
  display: flex;
}
.esri-column__cell__input-container calcite-action-bar {
  background-color: #0000;
}
.esri-column__cell__input-container div:first-child {
  flex-direction: column;
}
.esri-column__cell__input-container calcite-input-time-zone {
  --calcite-dropdown-width:200px;
}
.esri-column__cell__input-container calcite-input-time-picker:last-child,
.esri-column__cell__input-container calcite-input-time-picker:nth-child(2),
.esri-column__cell__input-container calcite-input-time-zone {
  margin-top: -1px;
}
calcite-block > .esri-grid-controls {
  background: 0 0;
  padding: 0;
}
.esri-ui-corner .esri-expand .esri-widget--panel .esri-widget--panel.esri-grid-controls {
  overflow-y: visible;
}
.esri-grid-controls {
  -webkit-user-select: none;
  user-select: none;
  padding: var(--esri-widget-padding);
  flex-flow: column wrap;
  display: flex;
}
.esri-grid-controls calcite-label.esri-labeled-switch__label {
  margin-block-end: var(--calcite-spacing-sm,.5rem);
}
.esri-grid-controls__switch--bordered {
  border-width: 0 0 var(--calcite-spacing-px)0;
  border-style: solid;
  border-color: var(--calcite-color-border-1);
}
.esri-grid-controls__container {
  gap: var(--calcite-spacing-sm);
  flex-direction: column;
  flex: auto;
  display: flex;
}
.esri-grid-controls__tilegroup {
  column-gap: var(--calcite-spacing-md);
  align-items: start;
  display: flex;
}
.esri-grid-controls__tile__content {
  row-gap: var(--calcite-spacing-md);
  padding: var(--calcite-spacing-md);
  color: var(--calcite-color-text-2);
  flex-direction: column;
  align-items: center;
  display: flex;
}
.esri-grid-controls__tile__content calcite-label {
  margin-bottom: calc(0px - var(--calcite-label-margin-bottom,.75rem));
  font-weight: var(--calcite-font-weight-medium);
}
.esri-grid-controls__tile {
  position: relative;
}
.esri-grid-controls__tile:focus-within {
  outline: 2px solid var(--calcite-color-brand);
  outline-offset: 2px;
}
.esri-grid-controls__tile--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-grid-controls__tile input[type=radio] {
  appearance: none;
  opacity: .001;
  border: var(--calcite-spacing-px)solid transparent;
  cursor: pointer;
  position: absolute;
  inset: 0;
}
.esri-grid-controls__tile input[type=radio]:checked + .esri-grid-controls__tile__content {
  border: var(--calcite-spacing-px)solid var(--calcite-color-brand);
}
.esri-grid-controls__tile input[type=radio] + .esri-grid-controls__tile__content {
  border: var(--calcite-spacing-px)solid transparent;
}
.esri-grid-controls__numeric-inputs__container {
  gap: var(--calcite-spacing-sm);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}
.esri-grid-controls__inline-icon {
  margin-left: var(--calcite-spacing-xs);
  vertical-align: top;
  color: var(--calcite-color-status-warning);
}
.esri-heatmap-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-heatmap-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-heatmap-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-heatmap-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-heatmap-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-heatmap-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-heatmap-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-heatmap-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-heatmap-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-heatmap-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-heatmap-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-heatmap-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-heatmap-slider .esri-slider .esri-slider__max,
.esri-heatmap-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-heatmap-slider .esri-slider .esri-slider__max:before,
.esri-heatmap-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-heatmap-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-heatmap-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-heatmap-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-heatmap-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-heatmap-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-heatmap-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-heatmap-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-heatmap-slider .esri-slider .esri-histogram__average-line,
.esri-heatmap-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-heatmap-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-heatmap-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-heatmap-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-heatmap-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-heatmap-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-heatmap-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-heatmap-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-heatmap-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-heatmap-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-heatmap-slider.esri-heatmap-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-histogram {
  direction: ltr;
  width: 100%;
  height: 100%;
}
.esri-histogram__content {
  width: 100%;
  height: 100%;
}
.esri-histogram__svg {
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
}
.esri-histogram__data-line {
  stroke: #888;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.esri-histogram__label {
  stroke: #000;
  stroke-width: 0;
  direction: ltr;
  unicode-bidi: plaintext;
  font-size: 12px;
}
.esri-histogram__average-data-line {
  stroke: #444;
}
.esri-histogram__average-symbol {
  font-family: Georgia\, serif, sans-serif;
  font-style: italic;
}
.esri-expand__panel-content .esri-histogram {
  width: 100%;
}
[dir=rtl] .esri-histogram {
  direction: rtl;
}
[dir=rtl] .esri-histogram .esri-histogram__average-label {
  direction: rtl;
  unicode-bidi: plaintext;
}
.esri-histogram-range-slider {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-histogram-range-slider .esri-slider .esri-slider__label {
  display: none;
  top: 24px;
}
.esri-histogram-range-slider .esri-slider__anchor--moving .esri-slider__label {
  display: inline;
}
.esri-histogram-range-slider .esri-slider {
  font-size: 12px;
}
.esri-histogram-range-slider .esri-slider__content {
  flex-direction: column-reverse;
  display: flex;
}
.esri-histogram-range-slider .esri-slider__max {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.esri-histogram-range-slider .esri-slider__max .esri-slider__range-input {
  float: right;
  text-align: right;
}
.esri-histogram-range-slider .esri-slider__min {
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
}
.esri-histogram-range-slider .esri-slider__min .esri-slider__range-input {
  text-align: left;
}
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__max,
.esri-histogram-range-slider .esri-slider--horizontal .esri-slider__min {
  min-width: 50%;
  display: inline;
}
.esri-histogram-range-slider .esri-histogram {
  align-self: flex-end;
  display: flex;
}
.esri-histogram-range-slider .esri-histogram__bar {
  touch-action: none;
}
.esri-histogram-range-slider__slider-container {
  align-self: flex-end;
  width: 100%;
  margin-bottom: 24px;
}
.esri-histogram-range-slider__histogram-container {
  flex-grow: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
}
.esri-histogram-range-slider__range-type--less-than .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--at-most .esri-slider__segment-0,
.esri-histogram-range-slider__range-type--greater-than .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--at-least .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--between .esri-slider__segment-1,
.esri-histogram-range-slider__range-type--not-between .esri-slider__segment-1 {
  background-color: #0079c1;
}
.esri-identity-modal__info,
.esri-identity-modal__notice {
  margin: 0 0 12px;
}
.esri-item-list {
  width: 100%;
}
.esri-item-list__filter-container--sticky {
  z-index: 1;
  position: sticky;
  top: 0;
}
.esri-item-list__group {
  margin-top: 12px;
}
.esri-item-list__scroller {
  overflow-y: auto;
}
.esri-ui .esri-item-list__scroller {
  z-index: 0;
  position: relative;
}
.esri-ui .esri-item-list__scroller--enabled {
  max-height: 420px;
}
.esri-item-list__group__header {
  color: var(--calcite-color-text-2);
  font-weight: var(--calcite-font-weight-medium);
}
.esri-item-list__list-item {
  cursor: pointer;
  min-height: 32px;
}
.esri-item-list__list-item[class^=esri-icon-],
.esri-item-list__list-item[class*=" esri-icon-"] {
  padding-inline-end: 2.8px;
}
.esri-item-list__list-item--disabled {
  cursor: default;
}
.esri-item-list__list-item-icon {
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 32px;
  display: flex;
}
.esri-item-list__list-item-icon span {
  line-height: 0;
}
.esri-thumbnail-preview {
  background-position: 50%;
  width: 22px;
  height: 22px;
}
.esri-item-list__no-matches-message {
  justify-content: center;
  align-items: center;
  height: 96px;
  display: flex;
}
.esri-labeled-switch__label {
  --calcite-label-margin-bottom:0;
}
.esri-labeled-switch__label-content {
  text-wrap: balance;
  flex: 1;
  align-items: center;
  gap: 7px;
  display: flex;
}
.esri-labeled-switch__label-content > div {
  flex-grow: 1;
}
.esri-labeled-switch__icon {
  margin-top: -1px;
}
.esri-labeled-switch__icon_info {
  color: var(--calcite-color-status-info);
}
.esri-labeled-switch__icon_warning {
  color: var(--calcite-color-status-warning);
}
.esri-labeled-switch__tooltip {
  text-wrap: wrap;
}
.esri-layer-list {
  display: flex;
}
.esri-layer-list__filter-no-results {
  padding: 12px 15px;
}
.esri-layer-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-layer-list__item-table-icon,
.esri-layer-list__item-catalog-icon {
  margin-inline-end: 0;
}
.esri-layer-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-layer-list__action-menu .esri-layer-list__action-group {
  display: none;
}
.esri-layer-list__action-menu[open] .esri-layer-list__action-group {
  display: flex;
}
.esri-layer-list__visible-icon {
  visibility: hidden;
}
.esri-layer-list__item--active:hover > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon,
.esri-layer-list__item--active:focus > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon,
.esri-layer-list__item--active:focus-within > .esri-layer-list__visible-toggle > .esri-layer-list__visible-icon {
  visibility: visible;
}
.esri-layer-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-layer-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  transform-origin: var(--calcite-list-item-icon-center)var(--calcite-list-item-icon-center);
  animation: 2s infinite esri-layer-list__publishing-anim;
}
.esri-layer-list__updating {
  visibility: visible;
  animation: 2s infinite esri-layer-list__updating-anim;
}
.esri-layer-list__connection-status {
  visibility: visible;
  color: #f89927;
  width: 16px;
  height: 16px;
  margin-inline: 7px;
}
.esri-layer-list__connection-status--connected {
  color: #35ac46;
}
.esri-layer-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-layer-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-layer-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-layer-list__updating-anim {
  0%, 40% {
    color: #0000;
  }
  50%, 80% {
    color: var(--calcite-color-brand);
  }
  to {
    color: #0000;
  }
}
@keyframes esri-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-legend {
  overflow: hidden auto;
}
.esri-legend__message {
  padding: .5em 1em;
}
.esri-legend__service {
  padding: var(--esri-widget-padding);
  word-wrap: break-word;
  border-bottom: 1px solid #6e6e6e4d;
}
.esri-legend__service:last-child {
  border-bottom: none;
}
.esri-legend__layer {
  margin-left: 7px;
  overflow: auto;
}
.esri-legend__group-layer-child {
  margin-left: 7px;
  padding-left: 0;
  padding-right: 0;
}
.esri-legend__layer-table {
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
}
.esri-legend__layer-child-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 12px;
  display: table;
}
.esri-legend__layer-body {
  margin-left: 7px;
}
.esri-legend__layer-row {
  display: flex;
}
.esri-legend__layer-cell {
  vertical-align: middle;
  word-break: break-word;
  min-width: 100px;
  padding: 4px 0;
}
.esri-legend__layer-cell--symbols {
  text-align: center;
  min-width: 10px;
}
.esri-legend--card__color-ramp-container {
  justify-content: center;
}
.esri-legend__layer-table--size-ramp {
  display: table;
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-row {
  display: table-row;
}
.esri-legend__layer-table--size-ramp .esri-legend__layer-cell {
  display: table-cell;
}
.esri-legend__size-ramp ~ .esri-legend__layer-cell--info {
  width: 80%;
  max-width: 80%;
}
.esri-legend__layer-cell--info {
  word-break: normal;
  word-wrap: normal;
  max-width: 250px;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 12px;
}
.esri-legend__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}
.esri-legend__imagery-layer-cell--stretched {
  vertical-align: top;
  padding: 0;
  line-height: 1;
}
.esri-legend__imagery-layer-info--stretched {
  vertical-align: top;
  padding: 0 2px;
}
.esri-legend__symbol {
  justify-content: center;
  display: flex;
}
.esri-legend__layer-caption {
  word-break: break-word;
  padding: 6px 0;
  display: table-caption;
}
.esri-legend__ramp-labels {
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}
.esri-legend__ramps {
  margin-left: 3px;
}
.esri-legend__color-ramp {
  width: 24px;
}
.esri-legend__opacity-ramp {
  background-image: url("./media/transparent-bg-5JHEEMBT.png");
}
.esri-legend__ramp-tick {
  border-top: 1px solid #6e6e6e4d;
  width: 4px;
  line-height: 0;
  position: absolute;
  left: auto;
  right: 1px;
}
.esri-legend__ramp-label {
  white-space: nowrap;
  padding: 0 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-legend__ramp-label:before {
  content: "";
  border: 3px solid #0000;
  border-left-width: 0;
  border-right: 4px solid #323232cc;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: .25em;
  right: 100%;
}
.esri-legend__ramp-label:first-child {
  margin-top: -4px;
}
.esri-legend__ramp-label:last-child {
  bottom: -3px;
}
.esri-legend-layer-caption {
  padding: 6px 0;
  display: table-caption;
}
[dir=rtl] .esri-legend__ramp-label:before {
  border-width: 3px 0 3px 4px;
  border-color: #0000 #0000 #0000 #323232cc;
  left: 100%;
  right: auto;
}
[dir=rtl] .esri-legend__layer,
[dir=rtl] .esri-legend__group-layer-child,
[dir=rtl] .esri-legend__layer-body {
  margin-left: 0;
  margin-right: 7px;
  overflow: auto;
}
[dir=rtl] .esri-legend__ramps {
  margin-left: auto;
  margin-right: 3px;
}
.esri-legend--card {
  background: #fff;
  transition: max-width .25s ease-in-out;
  display: flex;
  position: relative;
  overflow-x: auto;
}
.esri-legend--card__section {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  border-left: 1px solid #6e6e6e4d;
  min-width: 300px;
  padding: 12px 15px;
  font-size: 12px;
  overflow: auto;
}
.esri-legend--card__section:first-child {
  border-left: none;
}
.esri-legend--card__message {
  padding: .5em 1em;
}
.esri-legend--card__service-caption-container {
  border-bottom: 1px solid #6e6e6e4d;
  height: 45px;
  padding: 12px 15px;
  font-weight: 600;
}
.esri-legend--card__service-caption-text {
  margin: 0;
  padding-bottom: 20px;
  overflow: auto;
}
.esri-legend--card__layer-caption {
  margin-bottom: 12px;
  padding: 6px 0;
  font-weight: 400;
}
.esri-legend--card__service-content {
  height: calc(100% - 45px);
  display: flex;
}
.esri-legend--card__label-container {
  flex-wrap: wrap;
  display: flex;
}
.esri-legend--card__relationship-label-container {
  flex-direction: column;
  display: flex;
}
.esri-legend--card__relationship-label-container .esri-legend--card__layer-row {
  padding-bottom: .5em;
}
.esri-legend--card__relationship-label-container .esri-legend--card__layer-row:last-child {
  padding-bottom: 0;
}
.esri-legend--card__relationship-section {
  border: none;
}
.esri-legend--card__label-element {
  text-align: center;
  min-width: 4em;
  min-height: 2.7em;
  margin: .1em;
  padding: .5em 1em;
}
.esri-legend--card__image-label {
  padding-left: 7px;
  padding-right: 7px;
}
.esri-legend--card__layer-row,
.esri-legend--card__size-ramp-container {
  align-items: center;
  display: flex;
}
.esri-legend--card__size-ramp-preview {
  display: flex;
}
.esri-legend--card__ramp-label {
  white-space: nowrap;
  margin: 0 .5em;
}
.esri-legend--card__pie-chart-ramp-preview {
  justify-content: center;
  display: flex;
}
.esri-legend--card__interval-separator {
  text-align: center;
  font-size: .5em;
}
.esri-legend--card__imagery-layer-image--stretched {
  margin-bottom: -2px;
  display: block;
}
.esri-legend--card__symbol-container {
  position: relative;
}
.esri-legend--card__interval-separators-container {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esri-legend--card__carousel-title {
  margin: 0;
}
.esri-legend--card__service {
  border-left: 1px solid #6e6e6e4d;
  min-width: fit-content;
}
.esri-legend--card__symbol {
  margin: auto;
  display: block;
}
.esri-legend--stacked {
  flex-direction: column;
  min-width: 300px;
  display: flex;
}
.esri-legend--stacked .esri-legend--card__carousel {
  width: 300px;
  max-height: 420px;
}
.esri-legend--stacked .esri-legend--card__carousel-item {
  max-height: 388px;
}
.esri-legend--stacked calcite-carousel-item[selected] {
  flex: 1;
}
.esri-legend--stacked .esri-legend--card__section {
  box-sizing: border-box;
  width: 100%;
  min-width: unset;
  border: none;
  height: auto;
  overflow: auto;
}
.esri-legend--stacked .esri-legend--card__size-ramp-row {
  flex-direction: column;
}
.esri-legend--stacked .esri-legend--card__symbol-row {
  width: 100%;
  margin: 5px 0;
  display: table-row;
}
.esri-legend--stacked .esri-legend--card__label-cell {
  vertical-align: middle;
  display: table-cell;
}
.esri-legend--stacked .esri-legend--card__symbol-cell {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator-container {
  justify-content: center;
  width: 300px;
  height: 32px;
  display: flex;
  overflow: auto;
  box-shadow: 0 -1px #6e6e6e4d;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: auto;
  display: flex;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator:before {
  content: "";
  background-color: #0000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .125s ease-in-out;
  display: block;
  box-shadow: 0 0 0 1px #6e6e6e;
}
.esri-legend--stacked .esri-legend--card__carousel-indicator:hover:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:before,
.esri-legend--stacked .esri-legend--card__carousel-indicator--activated:hover:before {
  background-color: #6e6e6e;
}
.esri-ui-corner {
  max-width: 100%;
}
.esri-ui-corner .esri-legend--card {
  max-height: 420px;
}
[dir=rtl] .esri-view-width-greater-than-small .esri-legend--card__section {
  border-left: 0;
  border-right: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-view-width-greater-than-small .esri-legend--card__section:first-child {
  border-right: none;
}
.esri-relationship-ramp--diamond__container {
  font-size: 12px;
  display: flex;
}
.esri-relationship-ramp--diamond__left-column {
  text-align: right;
  align-self: center;
  max-width: 85px;
  padding-right: 5px;
}
.esri-relationship-ramp--diamond__right-column {
  text-align: left;
  align-self: center;
  max-width: 85px;
  padding-left: 5px;
}
.esri-relationship-ramp--diamond__middle-column {
  text-align: center;
  flex-direction: column;
  display: flex;
}
.esri-relationship-ramp--diamond__middle-column--label {
  align-self: center;
  max-width: 85px;
}
.esri-relationship-ramp--diamond__middle-column--ramp {
  width: 85px;
  height: 85px;
}
.esri-relationship-ramp--square__table {
  font-size: 12px;
  display: table;
}
.esri-relationship-ramp--square__table-row {
  display: table-row;
}
.esri-relationship-ramp--square__table-cell {
  display: table-cell;
}
.esri-relationship-ramp--square__table-label {
  max-width: 95px;
}
.esri-relationship-ramp--square__table-label--left-bottom {
  vertical-align: bottom;
  text-align: left;
}
.esri-relationship-ramp--square__table-label--right-bottom {
  vertical-align: bottom;
  text-align: right;
}
.esri-relationship-ramp--square__table-label--left-top {
  vertical-align: top;
  text-align: left;
}
.esri-relationship-ramp--square__table-label--right-top {
  vertical-align: top;
  text-align: right;
}
.esri-univariate-above-and-below-ramp__symbol {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-univariate-above-and-below-ramp__label {
  white-space: nowrap;
  margin-left: 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-univariate-above-and-below-ramp__label:before {
  content: "";
  border-style: solid;
  border-width: 1px 0 0;
  width: 14px;
  height: 0;
  display: block;
  position: absolute;
  top: .45em;
  left: -19px;
}
.esri-univariate-above-and-below-ramp__label:first-child {
  top: -6px;
}
.esri-univariate-above-and-below-ramp__label:last-child {
  bottom: -6px;
}
.esri-univariate-above-and-below-ramp__color--card {
  position: relative;
}
.esri-univariate-above-and-below-ramp__color--card:before {
  content: "";
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  width: 100%;
  height: 15px;
  display: block;
  position: absolute;
  top: 1px;
}
[dir=rtl] .esri-univariate-above-and-below-ramp__label {
  margin-left: auto;
  margin-right: 7px;
}
[dir=rtl] .esri-univariate-above-and-below-ramp__label:before {
  left: auto;
  right: -19px;
}
.esri-spike-ramp__container {
  gap: var(--calcite-spacing-sm-plus);
  margin-left: var(--calcite-spacing-sm);
  flex-direction: row;
  display: flex;
}
.esri-spike-ramp__preview-container {
  gap: var(--calcite-spacing-sm-plus);
  border-bottom: var(--calcite-border-width-sm)solid var(--calcite-color-border-2);
  padding: 0 var(--calcite-spacing-xl);
  display: flex;
  position: relative;
}
.esri-spike-ramp__preview {
  gap: var(--calcite-spacing-sm-plus);
  align-items: end;
  display: flex;
}
.esri-spike-ramp__symbol-preview {
  display: flex;
}
.esri-spike-ramp__lines {
  display: flex;
  position: absolute;
  bottom: 0;
}
.esri-spike-ramp__labels-container {
  flex: 1;
  min-width: 120px;
  display: flex;
  position: relative;
  top: -5px;
}
.esri-spike-ramp__label {
  word-break: break-all;
  padding: 0 7px;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}
.esri-spike-ramp__label:before {
  content: "";
  border: 3px solid #0000;
  border-left-width: 0;
  border-right: 4px solid #323232cc;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: .25em;
  right: 100%;
}
.esri-line-of-sight__container {
  padding: var(--esri-widget-padding);
  flex-flow: column;
  gap: 12px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
.esri-line-of-sight__error {
  color: #8c2907;
}
.esri-line-of-sight__hint {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-line-of-sight__error,
.esri-line-of-sight__hint {
  animation: .25s ease-in-out esri-fade-in;
  overflow: hidden;
}
.esri-line-of-sight__error p,
.esri-line-of-sight__hint p {
  margin: 0;
  padding: 0;
}
.esri-line-of-sight__actions {
  flex-flow: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
.esri-measurement-widget-content {
  padding: var(--esri-widget-padding);
  flex-direction: column;
  gap: 24px;
  display: flex;
  position: relative;
  overflow-y: auto;
}
.esri-measurement-widget-content__error {
  color: #8c2907;
}
.esri-measurement-widget-content__error,
.esri-measurement-widget-content__hint {
  overflow: hidden;
}
.esri-measurement-widget-content__error p,
.esri-measurement-widget-content__hint p {
  margin: 0;
  padding: 0;
}
.esri-measurement-widget-content__hint,
.esri-measurement-widget-content__error,
.esri-measurement-widget-content__measurement,
.esri-measurement-widget-content__measurement-item {
  flex-direction: column;
  gap: 12px;
  animation: .25s ease-in-out esri-fade-in;
  display: flex;
}
.esri-measurement-widget-content__measurement-item--disabled {
  color: #32323266;
}
.esri-measurement-widget-content__measurement-item__value {
  font-weight: 600;
}
.esri-measurement-widget-content__actions {
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
.esri-navigation-toggle {
  display: flex;
}
.esri-navigation-toggle:not(.esri-navigation-toggle--horizontal) {
  flex-direction: column;
}
.esri-navigation-toggle calcite-button[appearance=outline-fill] {
  --calcite-color-foreground-1:var(--calcite-color-foreground-3);
  --calcite-ui-icon-color:var(--calcite-color-text-1);
}
.esri-opacity-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-opacity-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-opacity-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-opacity-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-opacity-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-opacity-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-opacity-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-opacity-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-opacity-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-opacity-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-opacity-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-opacity-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-opacity-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-opacity-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-opacity-slider .esri-slider .esri-slider__max,
.esri-opacity-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-opacity-slider .esri-slider .esri-slider__max:before,
.esri-opacity-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-opacity-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-opacity-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-opacity-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-opacity-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-opacity-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-opacity-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-opacity-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-opacity-slider .esri-slider .esri-histogram__average-line,
.esri-opacity-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-opacity-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-opacity-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-opacity-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-opacity-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-opacity-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-opacity-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-opacity-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-opacity-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-opacity-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-opacity-slider.esri-opacity-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-image-viewer {
  width: 100%;
  height: 100%;
}
.esri-oriented-imagery-viewer {
  --esri-oriented-imagery-viewer-action-icon-size:8px;
  --esri-oriented-imagery-viewer-min-width:386px;
  --esri-oriented-imagery-viewer-min-height:348px;
  --calcite-dialog-size-x:210px;
  --calcite-dialog-min-size-y:90px;
  --calcite-font-weight-medium:$font-weight;
  --calcite-font-size-0:$font-size;
  --calcite-icon-size:var(--esri-oriented-imagery-viewer-action-icon-size);
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  min-width: var(--esri-oriented-imagery-viewer-min-width);
  height: 100%;
  min-height: var(--esri-oriented-imagery-viewer-min-height);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}
.esri-oriented-imagery-viewer:has(.esri-widget .esri-oriented-imagery-viewer__image-overlays-no-result) {
  --esri-oriented-imagery-viewer-min-height:420px;
}
.esri-oriented-imagery-viewer__body {
  flex-direction: column;
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  height: 100%;
  display: flex;
}
.esri-oriented-imagery-viewer__body-current-coverage {
  --calcite-ui-icon-color:var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__body-additional-camera-locations {
  --calcite-ui-icon-color:var(--calcite-color-brand);
}
.esri-oriented-imagery-viewer__body-additional-coverage {
  --calcite-ui-icon-color:var(--calcite-color-status-info);
}
.esri-oriented-imagery-viewer__body-footprint {
  --calcite-ui-icon-color:var(--calcite-color-status-success);
}
.esri-oriented-imagery-viewer__carousel {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-container {
  height: auto;
  display: inline-block;
  overflow: auto hidden;
}
.esri-oriented-imagery-viewer__carousel header {
  --calcite-font-weight-medium:$font-weight--light;
  --calcite-font-size-0:$font-size--tiny;
}
.esri-oriented-imagery-viewer__carousel-item {
  width: 100px;
  height: 70px;
}
.esri-oriented-imagery-viewer__carousel-item-wrapper {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 78px;
  margin: auto 10px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-item-wrapper--selected {
  box-sizing: border-box;
  border: 2px solid var(--calcite-color-brand);
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 78px;
  margin: auto 10px;
  display: flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-oriented-imagery-viewer__carousel-content {
  display: flex;
}
.esri-oriented-imagery-viewer__close {
  background: var(--calcite-color-foreground-1);
  flex-direction: row;
  flex-grow: 0;
  order: 7;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 59px;
  display: flex;
}
.esri-oriented-imagery-viewer__image-enhancement-wrapper {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-enhancement-tools {
  display: flex;
}
.esri-oriented-imagery-viewer__image-enhancement-tool-container {
  width: 50%;
  margin-block: 2px;
  padding-inline: .75rem;
}
.esri-oriented-imagery-viewer__image-overlays {
  z-index: 1;
  margin: 0 1%;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 140px;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-layer-list,
.esri-oriented-imagery-viewer__image-overlays-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__image-overlays-container {
  height: auto;
  display: flex;
}
.esri-oriented-imagery-viewer__image-overlays-no-result {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: auto;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-no-result-layer-list,
.esri-oriented-imagery-viewer__image-overlays-no-result-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__image-overlays-increased-height {
  z-index: 1;
  border: 1px solid var(--calcite-color-border-2);
  align-items: center;
  width: 98%;
  height: 200px;
  margin: auto 1% 0;
  position: absolute;
  bottom: 0;
  overflow-y: auto;
  box-shadow: 0 0 1px #0000004d;
}
.esri-oriented-imagery-viewer__image-overlays-increased-height-layer-list,
.esri-oriented-imagery-viewer__image-overlays-increased-height-switch {
  padding: 0 var(--calcite-spacing-md);
}
.esri-oriented-imagery-viewer__measurement-results {
  width: auto;
  height: fit-content;
}
.esri-oriented-imagery-viewer__measurements-table {
  margin-block-start: var(--calcite-spacing-sm);
}
.esri-oriented-imagery-viewer__measurements-bar {
  flex-wrap: nowrap;
  display: flex;
}
.esri-oriented-imagery-viewer__measurements-button {
  display: flex;
}
.esri-oriented-imagery-viewer__measurement-display {
  text-align: center;
  margin-block-end: var(--calcite-spacing-xxs);
}
.esri-oriented-imagery-viewer__viewer {
  cursor: url(data:text/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A);
  flex-grow: 1;
  width: 100%;
  margin: 0;
  display: flex;
}
.esri-oriented-imagery-viewer__viewer--hidden {
  display: none;
}
.esri-oriented-imagery-viewer__viewer-container {
  border-top: 1px solid var(--calcite-color-border-3);
  background: var(--calcite-color-foreground-1);
  border-radius: 0 0 3px 3px;
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-oriented-imagery-viewer__alert {
  inset-block-end: var(--calcite-spacing-md);
  inset-inline: var(--calcite-spacing-md);
  position: absolute;
}
.esri-oriented-imagery-viewer-container-measurement {
  border-top: var(--calcite-border-width-sm)solid var(--calcite-color-border-3);
  border-radius: 0 0 var(--calcite-corner-radius-round)var(--calcite-corner-radius-round);
  background: var(--calcite-color-foreground-1);
  flex: 1 0 auto;
  order: 1;
  align-self: stretch;
  width: 100%;
  height: 50%;
  display: flex;
}
@keyframes rotateOrientedImageryNavigationTool {
  0% {
    transform: rotate(var(--oi-navigation-tool-rotation-from,0deg));
  }
  to {
    transform: rotate(var(--oi-navigation-tool-rotation-to,0deg));
  }
}
.esri-oriented-imagery-viewer__message-box {
  text-align: center;
  word-break: break-word;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 25%;
  font-size: 12px;
  display: flex;
  position: relative;
}
.esri-oriented-imagery-viewer__navigation {
  transform: rotate(var(--oi-navigation-tool-rotation-to,0deg));
}
.esri-oriented-imagery-viewer__navigation-animate {
  animation: .7s linear forwards rotateOrientedImageryNavigationTool;
}
.esri-oriented-imagery-viewer__navigation-feature {
  fill: var(--calcite-color-brand);
  stroke: var(--calcite-color-foreground-1);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-feature.selected {
  fill: var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__navigation-feature-path {
  pointer-events: none;
}
.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-0 {
  stop-color: var(--calcite-color-status-danger);
  stop-opacity: .4;
}
.esri-oriented-imagery-viewer__navigation-feature-path-stop-offset-1 {
  stop-color: var(--calcite-color-status-danger);
  stop-opacity: .2;
}
.esri-oriented-imagery-viewer__navigation-pointer {
  fill: var(--calcite-color-foreground-1);
  fill-rule: evenodd;
  stroke: #0000;
  stroke-dasharray: none;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-width: 0;
}
.esri-oriented-imagery-viewer__navigation-pointer-north {
  fill: var(--calcite-color-status-danger);
}
.esri-oriented-imagery-viewer__navigation-wrapper {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.esri-oriented-imagery-viewer__navigation-wrapper--zoomed {
  transform-origin: 100% 100%;
  transform: scale(1.5);
}
.esri-oriented-imagery-viewer__navigation-wrapper-boundary {
  fill: var(--calcite-color-foreground-1);
  fill-opacity: .25;
  stroke: var(--calcite-color-border-2);
}
.esri-oriented-imagery-viewer__navigation-sector {
  fill: none;
}
.esri-oriented-imagery-viewer__navigation-sector-separator {
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-cross {
  stroke: var(--calcite-color-status-danger);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-enabled {
  fill: var(--calcite-color-foreground-1);
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-disabled {
  fill: var(--calcite-color-foreground-3);
  stroke: var(--calcite-color-border-2);
  stroke-width: 1px;
}
.esri-oriented-imagery-viewer__navigation-sector-outer {
  fill: var(--calcite-color-foreground-1);
  fill-opacity: .4;
  stroke: none;
}
.esri-oriented-imagery-viewer__pro .esri-oriented-imagery-viewer {
  width: 100%;
  max-width: unset;
  height: 100%;
  max-height: unset;
  position: static;
}
.esri-oriented-imagery-viewer__sketch-tools {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
}
.esri-oriented-imagery-viewer__navigation-ui {
  box-sizing: border-box;
  inset-block-end: var(--calcite-spacing-md);
  inset-inline: var(--calcite-spacing-md);
  transform-style: preserve-3d;
  z-index: var(--calcite-z-index-overlay);
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}
.esri-oriented-imagery-viewer__navigation-ui__direction {
  --esri-oriented-imagery-viewer__navigation-ui-direction-color:wheat;
  --calcite-icon-color:var(--esri-oriented-imagery-viewer__navigation-ui-direction-color);
  cursor: not-allowed;
  width: 160px;
  height: 160px;
  position: absolute;
}
.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]) {
  cursor: pointer;
  pointer-events: auto;
}
.esri-oriented-imagery-viewer__navigation-ui__direction:not([disabled]):hover {
  --calcite-icon-color:var(--calcite-color-brand);
  background-color: rgba(var(--calcite-color-brand), var(--calcite-opacity-half));
  border-radius: 50%;
}
.esri-oriented-imagery-viewer__navigation-ui__direction-pad {
  box-sizing: border-box;
  transform: perspective(400px)rotateX(60deg)var(--rotate-transform);
  filter: drop-shadow(0 2px 1px #00000080);
  width: 330px;
  height: 330px;
}
.esri-oriented-imagery-viewer__navigation-ui__direction--top {
  transform-style: preserve-3d;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.esri-oriented-imagery-viewer__navigation-ui__direction--bottom {
  transform-style: preserve-3d;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.esri-oriented-imagery-viewer__navigation-ui__direction--left {
  transform-style: preserve-3d;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.esri-oriented-imagery-viewer__navigation-ui__direction--right {
  transform-style: preserve-3d;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.esri-oriented-imagery-viewer__navigation-settings-ui [slot=content-bottom] {
  padding: .5rem;
  display: none;
}
.esri-oriented-imagery-viewer__navigation-settings-ui [selected] > [slot=content-bottom] {
  display: block;
}
.esri-panoramic-viewer {
  width: 100%;
  height: 100%;
}
@keyframes esri-docking-animation {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popup-intro-animation-down {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes popup-intro-animation-up {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
.esri-ui .esri-popup {
  z-index: 1;
  pointer-events: none;
  flex-flow: column;
  display: flex;
  position: absolute;
}
.esri-ui .esri-popup .esri-features {
  flex: 1;
  width: 100%;
}
.esri-ui .esri-popup .esri-widget__heading {
  margin: 0;
}
.esri-ui .esri-popup--hidden {
  display: none;
}
.esri-popup--shadow {
  box-shadow: 0 1px 4px #000c;
}
.esri-popup--aligned-top-center {
  transform-origin: 50% 100%;
}
.esri-popup--aligned-bottom-center {
  transform-origin: 50% -5%;
}
.esri-popup--aligned-top-left,
.esri-popup--aligned-bottom-left {
  transform-origin: 100%;
}
.esri-popup--aligned-top-right,
.esri-popup--aligned-bottom-right {
  transform-origin: -5%;
}
.esri-popup--aligned-top-center,
.esri-popup--aligned-top-left,
.esri-popup--aligned-top-right {
  animation: .2s ease-in-out popup-intro-animation-down;
}
.esri-popup--aligned-bottom-center,
.esri-popup--aligned-bottom-left,
.esri-popup--aligned-bottom-right {
  animation: .2s ease-in-out popup-intro-animation-up;
}
.esri-popup__main-container {
  z-index: 1;
  pointer-events: auto;
  background-color: #fff;
  width: 340px;
  min-height: 48px;
  max-height: 340px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esri-popup__pointer {
  width: 0;
  height: 0;
  position: absolute;
}
.esri-popup__pointer-direction {
  content: "";
  background-color: #fff;
  width: 12px;
  height: 12px;
  position: absolute;
}
.esri-popup--aligned-top-center .esri-popup__pointer {
  margin: 0 0 0 -6px;
  top: 100%;
  left: 50%;
}
.esri-popup--aligned-bottom-center .esri-popup__pointer {
  margin: 0 0 0 -6px;
  bottom: 100%;
  left: 50%;
}
.esri-popup--aligned-top-left .esri-popup__pointer {
  bottom: 6px;
  right: 6px;
  transform: rotate(-45deg);
}
.esri-popup--aligned-bottom-left .esri-popup__pointer {
  top: 6px;
  right: 6px;
  transform: rotate(45deg);
}
.esri-popup--aligned-top-right .esri-popup__pointer {
  bottom: 6px;
  left: 6px;
  transform: rotate(45deg);
}
.esri-popup--aligned-bottom-right .esri-popup__pointer {
  top: 6px;
  left: 6px;
  transform: rotate(-45deg);
}
.esri-popup--aligned-top-center .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  transform: scale(.75, 2)rotate(45deg);
}
.esri-popup--aligned-top-left .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-left .esri-popup__pointer-direction,
.esri-popup--aligned-top-right .esri-popup__pointer-direction,
.esri-popup--aligned-bottom-right .esri-popup__pointer-direction {
  top: -6px;
  left: -6px;
  transform: scaleY(3.5)rotate(45deg);
}
.esri-popup--aligned-top-center .esri-popup__pointer-direction {
  top: -6px;
  left: 0;
}
.esri-popup--aligned-bottom-center .esri-popup__pointer-direction {
  bottom: -6px;
  left: 0;
}
.esri-view-width-xlarge .esri-popup__main-container {
  width: 460px;
}
.esri-view-width-large .esri-popup__main-container {
  width: 400px;
}
.esri-view-width-medium .esri-popup__main-container {
  width: 340px;
}
.esri-view-width-less-than-medium .esri-popup__main-container {
  width: 280px;
}
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  margin-bottom: 16px;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center {
  width: auto;
  margin: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
  width: 100%;
  max-height: 75%;
  position: absolute;
  left: 0;
  right: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-bottom-center .esri-popup__main-container {
  bottom: 0;
}
.esri-view-width-xsmall .esri-popup--is-docked-top-center .esri-popup__main-container {
  top: 0;
}
.esri-view-height-xlarge .esri-popup__main-container {
  max-height: 460px;
}
.esri-view-height-xlarge.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 410px;
}
.esri-view-height-large .esri-popup__main-container {
  max-height: 400px;
}
.esri-view-height-large.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 350px;
}
.esri-view-height-less-than-medium .esri-popup__main-container {
  max-height: 300px;
}
.esri-view-height-less-than-medium.esri-popup--feature-menu-open .esri-popup__feature-menu-viewport {
  max-height: 250px;
}
.esri-popup--is-docked {
  margin: 15px 15px 30px;
  animation: .25s ease-out esri-docking-animation;
  inset: 0;
}
.esri-ui .esri-popup--is-docked {
  flex-flow: row;
}
.esri-popup--is-docked-top-left,
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-top-right {
  align-items: flex-start;
}
.esri-popup--is-docked-bottom-left,
.esri-popup--is-docked-bottom-center,
.esri-popup--is-docked-bottom-right {
  align-items: flex-end;
}
.esri-popup--is-docked-top-left,
.esri-popup--is-docked-bottom-left {
  justify-content: flex-start;
}
.esri-popup--is-docked-top-center,
.esri-popup--is-docked-bottom-center {
  justify-content: center;
}
.esri-popup--is-docked-top-right,
.esri-popup--is-docked-bottom-right {
  justify-content: flex-end;
}
.esri-popup--is-docked-top-left .esri-popup__main-container,
.esri-popup--is-docked-top-right .esri-popup__main-container,
.esri-popup--is-docked-bottom-left .esri-popup__main-container,
.esri-popup--is-docked-bottom-right .esri-popup__main-container {
  max-height: 80%;
}
.esri-popup--is-docked-top-center .esri-popup__main-container,
.esri-popup--is-docked-bottom-center .esri-popup__main-container {
  max-height: 40%;
}
[dir=rtl] .esri-popup--is-docked-top-left,
[dir=rtl] .esri-popup--is-docked-bottom-left {
  justify-content: flex-end;
}
[dir=rtl] .esri-popup--is-docked-top-right,
[dir=rtl] .esri-popup--is-docked-bottom-right {
  justify-content: flex-start;
}
@media (prefers-reduced-motion) {
  .esri-popup--aligned-top-center,
  .esri-popup--aligned-top-left,
  .esri-popup--aligned-top-right,
  .esri-popup--aligned-bottom-center,
  .esri-popup--aligned-bottom-left,
  .esri-popup--aligned-bottom-right,
  .esri-popup--is-docked {
    animation: none;
  }
}
.esri-print {
  flex-grow: 1;
  padding: 0;
  display: flex;
  position: relative;
  overflow-y: auto;
  min-height: 240px !important;
}
.esri-print section[aria-hidden=true] {
  display: none;
}
.esri-print__panel-items--centered {
  align-items: center;
  display: flex;
}
.esri-print__header-title {
  margin: 0 auto 0 0;
  padding: 12px 15px;
  font-size: 16px;
  font-weight: 600;
}
.esri-print__browse-template-button-container {
  padding: 12px 15px;
}
.esri-print__browse-template-button-container-filter {
  margin-right: 12px;
}
.esri-print__container {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}
.esri-print__content {
  background-color: #fff;
  flex-flow: column;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
}
.esri-print__layout-section,
.esri-print__map-only-section {
  margin-bottom: 3px;
  padding: 12px 15px;
}
.esri-print__layout-tab-list {
  background-color: #f3f3f3;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
  bottom: -1px;
}
.esri-print__layout-tab {
  cursor: pointer;
  text-align: center;
  color: #6e6e6e;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  gap: 7px;
  width: 100%;
  margin: 0;
  padding: 5px;
  display: flex;
}
.esri-print__layout-tab:hover,
.esri-print__layout-tab:focus {
  color: #323232;
  background-color: #f3f3f3;
}
.esri-print__layout-tab[aria-selected=true],
.esri-print__layout-tab[aria-selected=true]:hover {
  color: #323232;
  background-color: #fff;
  border-color: #0079c1 #6e6e6e4d #fff;
}
.esri-print__panel--error {
  color: #8c2907;
}
.esri-print__panel-container {
  flex-direction: column;
  flex: 1 0;
  gap: 9px;
  display: flex;
}
.esri-print__form-checkbox-label {
  align-items: center;
  column-gap: 7px;
  display: flex;
}
.esri-print__form-checkbox-label [type=checkbox] {
  margin: 0;
}
.esri-print__scale-info-container .esri-print__form-checkbox-label {
  margin-block-end: 6px;
}
.esri-print__scale-input-container {
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}
.esri-print__scale-input-container .esri-print__scale-input {
  flex-grow: 1;
}
.esri-print__template-select-error {
  color: var(--calcite-color-status-danger);
}
.esri-print__template-select-container {
  cursor: pointer;
  border: 1px solid #6e6e6e4d;
}
.esri-print__template-select-container .esri-print__template-select-error,
.esri-print__template-select-container .esri-print__template-select-arrow {
  align-self: center;
  margin-right: 12px;
  display: flex;
}
.esri-print__template-select-flow-item-container {
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  display: flex;
  overflow-y: hidden;
}
.esri-print__template-select-flow-item-container .esri-print__template-select-flow-item-content {
  flex-direction: column;
  display: flex;
  overflow-y: auto;
}
.esri-print__template-select-flow-item-container .esri-print__template-select-flow-item-content .esri-print__template-select-flow-item-list-heading {
  border-bottom: 1px solid var(--calcite-color-border-3);
  color: #323232;
  background-color: #f3f3f3;
  align-items: center;
  gap: 7px;
  padding: 12px 15px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}
.esri-print__advanced-options-section {
  background-color: #f3f3f3;
  border: 1px solid #6e6e6e4d;
}
.esri-print__advanced-options-section [class^=esri-icon-],
.esri-print__advanced-options-section [class*=" esri-icon-"] {
  background: 0 0;
}
.esri-print__advanced-options-button-container {
  background-color: #0000;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: visible;
}
.esri-print__advanced-options-button {
  cursor: pointer;
  background-color: #0000;
  border: none;
  width: 100%;
  padding: 6px 7px;
  font-family: inherit;
}
.esri-print__advanced-options-button[aria-expanded=true] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--opened,
.esri-print__advanced-options-button .esri-print__advanced-options-button-icon--closed-rtl {
  display: none;
}
.esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed,
.esri-print__advanced-options-button[aria-expanded=true] .esri-print__advanced-options-button-icon--opened {
  display: block;
}
.esri-print__advanced-options-button-title {
  margin: 0 3px;
  font-size: 12px;
}
.esri-print__advanced-options-container {
  padding: 6px 7px;
  font-size: 12px;
}
.esri-print__advanced-options-container .esri-print__form-section-container {
  margin-bottom: 6px;
}
.esri-print__size-container {
  grid-template-columns: 1fr 1fr 32px;
  column-gap: 7px;
  width: 100%;
  display: inline-grid;
}
.esri-print__size-container [class^=esri-icon-],
.esri-print__size-container [class*=" esri-icon-"] {
  background: 0 0;
  align-self: flex-end;
  margin-bottom: 12px;
}
.esri-print__sr-label {
  gap: 7px;
  display: flex;
}
.esri-print__invalid-wkid-text {
  color: #8c2907;
  font-size: 12px;
}
.esri-print__swap-button {
  color: #6e6e6e;
  border: none;
  flex: 1 0 auto;
}
.esri-print__export-button-section {
  padding: 12px 15px;
}
.esri-print__export-button-section--divider {
  border-top: 1px solid var(--calcite-color-border-3);
}
.esri-print__export-section--centered {
  text-align: center;
}
.esri-print__export-panel-container {
  padding: 12px 0;
  font-size: 12px;
}
.esri-print__export-panel-container [class^=esri-icon-],
.esri-print__export-panel-container [class*=" esri-icon-"] {
  margin-top: .15em;
  margin-right: .5em;
}
.esri-print__exported-file {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.esri-print__exported-file-link-title {
  color: #323232;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
}
.esri-print__exported-file-link-description {
  color: #6e6e6e;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  font-size: 12px;
}
.esri-print__exported-file-link {
  color: #6e6e6e;
  align-items: flex-start;
  margin-bottom: 6px;
  text-decoration: none;
  display: flex;
}
.esri-print__exported-file-link:hover {
  color: #2e2e2e;
}
.esri-print__exported-file--loader {
  align-self: center;
  margin-inline: 12px;
}
.esri-print__exported-file--error {
  cursor: pointer;
  color: #8c2907;
}
.esri-print .esri-print__exported-file--error:hover {
  color: #8c2907;
}
.esri-print__exported-files-empty {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 12px 15px;
  display: flex;
}
.esri-print__template-button-container {
  padding: 12px 15px;
}
.esri-print__template-done-button {
  width: 100%;
}
.esri-print__loader {
  background: url("./media/loading-throb-V56YOU3W.gif") 50% no-repeat;
  width: 32px;
  height: 40px;
  margin: 0 auto;
}
[dir=rtl] .esri-print__export-panel-container [class^=esri-icon-],
[dir=rtl] .esri-print__export-panel-container [class*=" esri-icon-"] {
  margin-left: .5em;
  margin-right: 0;
}
[dir=rtl] .esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed {
  display: none;
}
[dir=rtl] .esri-print__advanced-options-button[aria-expanded=false] .esri-print__advanced-options-button-icon--closed-rtl {
  display: block;
}
.esri-responsive-toolbar__ruler {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.esri-responsive-toolbar__ruler--bar {
  visibility: hidden;
  height: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.esri-responsive-toolbar__ruler--bar--vertical,
.esri-responsive-toolbar__ruler--pad--vertical {
  width: 0;
  height: 100%;
}
.esri-responsive-toolbar__ruler--pad--horizontal {
  width: 100%;
  height: 0;
}
.esri-responsive-toolbar__bar > div {
  display: contents;
}
.esri-responsive-toolbar__bar--horizontal {
  min-width: 100%;
}
.esri-responsive-toolbar__bar--vertical {
  min-height: 100%;
}
.esri-responsive-toolbar__pad {
  width: min-content;
  display: contents;
}
.esri-responsive-toolbar__pad > div {
  display: contents;
}
@container esri-view-canvas (height>=0) {
  .esri-responsive-toolbar__ruler--pad--vertical {
    width: 0;
    height: min(100vh - 120px, 100cqh - 120px);
  }
  .esri-responsive-toolbar__ruler--pad--horizontal {
    width: min(100vw - 60px, 100cqw - 60px);
    height: 0;
  }
}
.esri-split-button--split-part--vertical--s {
  max-height: 16px;
}
.esri-split-button--split-part--vertical--m {
  max-height: 24px;
}
.esri-split-button--split-part--vertical--l {
  max-height: 40px;
}
.esri-split-button--split-part--horizontal--s,
.esri-split-button--split-part--horizontal--m {
  max-width: 16px;
}
.esri-split-button--split-part--horizontal--l {
  max-width: 24px;
}
.esri-component.esri-scale-bar.esri-widget,
.esri-scale-bar.esri-widget {
  box-shadow: none;
  background: 0 0;
}
.esri-scale-bar__bar-container {
  align-items: flex-end;
  font-size: 12px;
  transition: width .25s ease-in-out;
  display: flex;
  position: relative;
}
.esri-scale-bar__bar-container--ruler {
  flex-direction: column;
}
.esri-scale-bar__bar-container--line:last-child {
  align-items: flex-start;
}
.esri-scale-bar__ruler {
  background-color: #fff;
  flex-wrap: wrap;
  height: 6px;
  display: flex;
  box-shadow: 0 0 0 1px #ffffff54, 0 1px 2px #0000004d;
}
.esri-scale-bar__ruler-block {
  background-color: #323232;
  width: 25%;
  height: 50%;
}
.esri-scale-bar__ruler-block:nth-child(-n+2) {
  margin-right: 25%;
}
.esri-scale-bar__ruler-block:nth-child(n+3) {
  margin-left: 25%;
}
.esri-scale-bar__line {
  z-index: 1;
  background-color: #ffffff54;
  height: 1.5em;
  position: relative;
  left: 0;
}
.esri-scale-bar__line--top {
  border-bottom: 2px solid #323232;
  bottom: -1px;
}
.esri-scale-bar__line--bottom {
  border-top: 2px solid #323232;
  top: -1px;
}
.esri-scale-bar__line--top:before,
.esri-scale-bar__line--top:after,
.esri-scale-bar__line--bottom:before,
.esri-scale-bar__line--bottom:after {
  content: "";
  background-color: #323232;
  border-right: 2px solid #323232;
  width: 2px;
  height: 1.5em;
  display: block;
  position: absolute;
}
.esri-scale-bar__line--top:before {
  bottom: -2px;
  left: 0;
}
.esri-scale-bar__line--top:after {
  bottom: -2px;
  right: 0;
}
.esri-scale-bar__line--bottom:before {
  top: -2px;
  left: 0;
}
.esri-scale-bar__line--bottom:after {
  height: 1.5em;
  top: -2px;
  right: 0;
}
.esri-scale-bar__label-container--line {
  z-index: 1;
  position: absolute;
  left: 0;
}
.esri-scale-bar__label-container--ruler {
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}
.esri-scale-bar__label-container--ruler .esri-scale-bar__label {
  text-shadow:
    1px 0 #fff,
    0 1px #fff,
    1px 1px #fff,
    -1px 0 #fff,
    0 -1px #fff,
    -1px -1px #fff;
  padding: 6px 0 0;
}
.esri-scale-bar__label-container--top {
  bottom: 0;
}
.esri-scale-bar__label-container--bottom {
  top: 1px;
}
.esri-scale-bar__label {
  white-space: nowrap;
  color: #323232;
  font-size: inherit;
  padding: 0 7px;
  font-weight: 600;
}
[dir=rtl] .esri-scale-bar__ruler {
  margin: 0 .5ch 0 2ch;
}
[dir=rtl] .esri-scale-bar__label-container--line {
  left: auto;
  right: 0;
}
.esri-scale-range-slider {
  background-color: #0000;
  flex-direction: column;
  gap: 12px;
  min-width: 310px;
  display: flex;
  position: relative;
}
.esri-scale-range-slider__segment-active {
  background-color: #0079c1;
  height: 4px;
}
.esri-scale-range-slider .esri-slider {
  background-color: #0000;
  padding: 9px 11px 9px 9px;
}
.esri-scale-range-slider .esri-slider .esri-slider__effective-min-segment,
.esri-scale-range-slider .esri-slider .esri-slider__effective-max-segment {
  content: " ";
  background:
    repeating-linear-gradient(
      90deg,
      #ffffffbf 0 5px,
      #0000 5px 10px);
  height: 100%;
  display: block;
}
.esri-scale-range-slider.esri-component.esri-widget,
.esri-scale-range-slider.esri-widget {
  box-shadow: none;
}
.esri-scale-range-slider.esri-disabled {
  opacity: .4;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.esri-scale-range-slider__scale-indicator-wrapper {
  display: contents;
}
.esri-scale-range-slider__scale-indicator-container {
  position: absolute;
  left: 9px;
  right: 11px;
}
.esri-scale-range-slider__scale-indicator {
  width: 1px;
  margin-left: -4px;
  transition-property: left;
  transition-duration: .2s;
  position: relative;
  top: 11px;
}
.esri-scale-range-slider__scale-indicator-icon {
  transform: scale(.8, 1.7);
}
.esri-scale-range-slider__scale-preview {
  background-color: #fff;
  flex-direction: column;
  padding: 6px 7px;
  display: inline-flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-scale-range-slider__scale-preview-thumbnail {
  box-sizing: border-box;
  padding: 64px;
  display: block;
}
.esri-scale-range-slider__scale-menu-container {
  gap: .5rem;
  width: 100%;
  display: flex;
}
.esri-scale-range-slider__scale-menu-container calcite-label span {
  color: var(--calcite-color-text-3);
}
[dir=rtl] .esri-scale-range-slider__scale-menu-container {
  flex-direction: row-reverse;
}
.esri-scale-range-slider__scale-menu-separator {
  flex: 1;
  margin-left: -.5rem;
}
.esri-scale-range-slider__scale-menu-toggle {
  max-width: 9rem;
}
.esri-scale-range-slider__scale-menu-sublabel {
  color: var(--calcite-color-text-3);
  font-size: var(--calcite-font-size--2);
}
.esri-search {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 240px;
  display: flex;
}
.esri-search__dropdown {
  --calcite-color-border-1:var(--calcite-color-border-input);
  --calcite-dropdown-width:240px;
  width: 31px;
}
.esri-search__autocomplete {
  flex: 1;
}
.esri-search__container {
  flex-flow: row;
  flex: 1 0 100%;
  align-items: stretch;
  display: flex;
  position: relative;
}
.esri-search__form {
  flex-flow: row;
  flex: 1 0;
  align-items: stretch;
  margin: 0;
  padding: 0;
  display: flex;
}
.esri-search-result-renderer calcite-block,
.esri-search-result-renderer calcite-block[expanded] {
  margin-block: 0;
  border: 0;
  margin-block-start: var(--calcite-spacing-md);
}
.esri-selection-list {
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-selection-list__flow-item,
.esri-selection-list__panel,
.esri-selection-list__container {
  display: flex;
}
.esri-selection-list__flow-item {
  overflow: auto;
}
.esri-selection-list__flow-item[scale=s] .esri-selection-list__container {
  gap: var(--calcite-spacing-sm);
  padding: var(--calcite-spacing-sm)0;
}
.esri-selection-list__flow-item[scale=m] .esri-selection-list__container {
  gap: var(--calcite-spacing-md);
  padding: var(--calcite-spacing-md)0;
}
.esri-selection-list__flow-item[scale=l] .esri-selection-list__container {
  gap: var(--calcite-spacing-lg);
  padding: var(--calcite-spacing-lg)0;
}
.esri-selection-list__container {
  background-color: var(--calcite-color-foreground-1);
  flex-direction: column;
}
.esri-selection-list__container > * {
  background-color: var(--calcite-color-foreground-1);
}
.esri-selection-list__container > [scale=s] {
  padding: 0 var(--calcite-spacing-sm)0 var(--calcite-spacing-sm);
  font-size: var(--calcite-font-size-sm);
}
.esri-selection-list__container > [scale=m] {
  padding: 0 var(--calcite-spacing-md)0 var(--calcite-spacing-md);
  font-size: var(--calcite-font-size-md);
}
.esri-selection-list__container > [scale=l] {
  padding: 0 var(--calcite-spacing-lg)0 var(--calcite-spacing-lg);
  font-size: var(--calcite-font-size-lg);
}
.esri-selection-list .esri-selection-list__list-item__feature-icon .esri-selection-list__list-item__icon {
  margin-inline-start: calc(var(--calcite-spacing-lg)*-1);
}
.esri-selection-list .esri-selection-list__list-item__icon {
  min-width: var(--calcite-spacing-xxl);
  height: var(--calcite-spacing-xxl);
}
.esri-selection-list__list-item__icon {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-selection-list__list-item__icon span {
  line-height: 0;
}
.esri-selection-list__total-count {
  margin-inline: var(--calcite-spacing-xxs);
  line-height: initial;
  align-self: center;
}
.esri-selection-list__item-count {
  align-items: center;
  gap: .5em;
  display: flex;
}
.esri-selection-toolbar {
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-selection-toolbar calcite-action-bar {
  width: 100%;
}
.esri-selection-toolbar calcite-chip {
  margin-inline: var(--calcite-spacing-xxs);
  line-height: initial;
  align-self: center;
  display: flex;
}
.esri-selection-toolbar__container {
  width: 100%;
  display: flex;
}
.esri-shadow-cast {
  gap: var(--calcite-spacing-xxl);
  padding: var(--esri-widget-padding);
  flex-direction: column;
  width: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
}
.esri-shadow-cast__time-range {
  font-size: var(--calcite-font-size-sm);
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  margin: 0;
  width: calc(100% - 1px);
  margin-top: 6px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-shadow-cast__time-range .esri-slider__segment-1 {
  background: #0079c1;
}
.esri-shadow-cast__time-range .esri-slider.esri-slider--horizontal {
  padding-top: 8px;
  padding-bottom: 42px;
}
.esri-shadow-cast__time-range__indicator {
  gap: var(--calcite-spacing-px);
  margin-bottom: var(--calcite-spacing-xs);
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-shadow-cast__date-picker-container:not(:first-of-type) {
  margin-top: var(--calcite-spacing-md);
}
.esri-shadow-cast__date-picker {
  flex-grow: 1;
  display: block;
}
.esri-shadow-cast__visualization {
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__visualization__select {
  margin-bottom: var(--calcite-spacing-md);
}
.esri-shadow-cast__visualization__config--hidden {
  display: none;
}
.esri-shadow-cast__threshold-config,
.esri-shadow-cast__duration-config,
.esri-shadow-cast__discrete-config {
  --calcite-label-margin-bottom:0;
  gap: var(--calcite-spacing-md);
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__threshold-config calcite-label,
.esri-shadow-cast__duration-config calcite-label,
.esri-shadow-cast__discrete-config calcite-label {
  display: block;
}
.esri-shadow-cast__threshold-config calcite-label:focus,
.esri-shadow-cast__threshold-config calcite-label:focus-visible,
.esri-shadow-cast__duration-config calcite-label:focus,
.esri-shadow-cast__duration-config calcite-label:focus-visible,
.esri-shadow-cast__discrete-config calcite-label:focus,
.esri-shadow-cast__discrete-config calcite-label:focus-visible {
  outline: none;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal {
  width: inherit;
  flex-grow: 1;
  padding: 30px 13px 28px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-widget__anchor,
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor {
  color: inherit;
  outline: none !important;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__anchor:focus .esri-slider__thumb {
  outline-offset: 2px;
  outline: 2px solid #0079c1;
  overflow: visible;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment.esri-slider__segment-0 {
  background-color: unset;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__thumb {
  width: 16px;
  height: 16px;
  top: -8px;
  left: -8px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick {
  background: 0 0;
  width: 7px;
  height: 20px;
  margin: -3px;
  padding: 3px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick:after {
  content: "";
  background: #6e6e6e66;
  width: 1px;
  display: block;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.secondary-tick:after {
  height: 3px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick:after {
  height: 6px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick.primary-tick .primary-tick__ampm {
  font-size: 10px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__ticks {
  width: calc(100% - 1px);
  margin: 6px 0 0;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  text-align: center;
  word-break: normal;
  width: min-content;
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.1em;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label.primary-tick__label--keep-all {
  word-break: keep-all;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label {
  font-size: 12px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__label-input {
  font-size: 10px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal {
  padding-top: 8px;
  padding-bottom: 25px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__tick-label {
  margin-top: 12px;
}
.esri-shadow-cast__threshold-config .esri-slider.esri-slider--horizontal .esri-slider__segment-1 {
  background: #0079c1;
}
.esri-shadow-cast__threshold-config__discrete-block {
  --calcite-label-margin-bottom:0;
  flex-direction: column;
  display: flex;
}
.esri-shadow-cast__threshold-config__discrete-label {
  margin-bottom: var(--calcite-spacing-xs);
  width: 100%;
  font-weight: 500;
}
.esri-shadow-cast__threshold-config__discrete-label--empty {
  font-weight: inherit;
}
.esri-shadow-cast__threshold-config__discrete-label-text {
  opacity: var(--calcite-opacity-disabled);
}
.esri-shadow-cast__threshold-config__discrete-label--open .esri-shadow-cast__threshold-config__discrete-label-text {
  opacity: inherit;
}
.esri-shadow-cast__threshold-config .esri-shadow-cast__discrete-config {
  gap: var(--calcite-spacing-xs);
  padding: 0 var(--calcite-spacing-xs);
}
.esri-shadow-cast__duration-config__radio-group {
  flex-direction: row;
  align-items: center;
  display: flex;
}
.esri-shadow-cast__duration-config__radio-group calcite-button {
  height: 35px;
}
.esri-shadow-cast__tooltip {
  color: #323232;
  font-size: 12px;
}
.esri-shadow-cast__tooltip__content {
  margin-top: -8px-var(--calcite-spacing-xxs);
  padding: var(--calcite-spacing-xs)var(--calcite-spacing-sm);
  background: #fff;
  width: max-content;
  position: absolute;
  transform: translate(-50%, -100%);
}
.esri-shadow-cast__tooltip__content:after {
  content: "";
  border: 8px solid #0000;
  border-top-color: #fff;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translate(-50%, 100%);
}
.esri-size-slider {
  direction: ltr;
  min-width: 260px;
}
.esri-size-slider .esri-slider {
  z-index: 1;
  font-size: 12px;
  position: relative;
}
.esri-size-slider .esri-slider .esri-slider__content {
  flex-direction: row;
  height: 240px;
  margin: 0 auto 0 40%;
}
.esri-size-slider .esri-slider .esri-slider__track {
  background-color: #0000;
  flex: none;
  display: flex;
}
.esri-size-slider .esri-slider .esri-slider__anchor {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #6e6e6e;
  width: 30px;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__label,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__label {
  text-decoration: underline;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:after,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-size-slider .esri-slider .esri-slider__anchor:hover .esri-slider__thumb:before,
.esri-size-slider .esri-slider .esri-slider__anchor:focus .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-size-slider .esri-slider .esri-slider__thumb {
  background-color: #6e6e6e;
  border: none;
  border-radius: 0;
  width: 6px;
  height: 12px;
  top: -6px;
  left: -12px;
}
.esri-size-slider .esri-slider .esri-slider__thumb:before {
  content: "";
  background-color: #6e6e6e;
  width: 3px;
  height: 12px;
  transition: transform .125s ease-in-out, background-color .125s ease-in-out;
  position: absolute;
  top: 0;
  left: -1.5px;
}
.esri-size-slider .esri-slider .esri-slider__thumb:after {
  content: "";
  border-top: 6px solid #0000;
  border-bottom: 6px solid #0000;
  border-left: 6px solid #6e6e6e;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 6px;
}
.esri-size-slider .esri-slider .esri-slider__label {
  text-align: right;
  min-width: 50px;
  line-height: 20px;
  left: auto;
  right: 50px;
}
.esri-size-slider .esri-slider .esri-slider__label:hover {
  background-color: #f3f3f3;
}
.esri-size-slider .esri-slider .esri-slider__segment:hover {
  cursor: default;
}
.esri-size-slider .esri-slider .esri-slider__range-input {
  text-align: center;
  width: 50%;
  margin: auto;
}
.esri-size-slider .esri-slider .esri-slider__label-input {
  text-align: right;
  width: 70px;
}
.esri-size-slider .esri-slider .esri-slider__max,
.esri-size-slider .esri-slider .esri-slider__min {
  z-index: 0;
  flex: none;
  width: auto;
  margin: 9px auto;
  padding: 9px 12px;
  position: relative;
}
.esri-size-slider .esri-slider .esri-slider__max:before,
.esri-size-slider .esri-slider .esri-slider__min:before {
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-size-slider .esri-slider .esri-slider__max.esri-slider__range--active,
.esri-size-slider .esri-slider .esri-slider__min.esri-slider__range--active {
  background-color: #fff;
}
.esri-size-slider .esri-slider .esri-slider__max .esri-slider__range-input,
.esri-size-slider .esri-slider .esri-slider__min .esri-slider__range-input {
  margin: 0 auto;
}
.esri-size-slider .esri-slider .esri-slider__extra-content {
  height: 100%;
  display: flex;
}
.esri-size-slider .esri-slider .esri-histogram__svg {
  overflow: visible;
}
.esri-size-slider .esri-slider .esri-histogram__label {
  fill: #323232;
  stroke-width: 2px;
}
.esri-size-slider .esri-slider .esri-histogram__average-line,
.esri-size-slider .esri-slider .esri-histogram__label {
  paint-order: stroke;
  stroke: #fff;
}
.esri-size-slider .esri-slider .zoom-cap--max {
  position: absolute;
  top: 0;
}
.esri-size-slider .esri-slider .zoom-cap--min {
  position: absolute;
  bottom: 0;
}
.esri-size-slider .esri-slider .zoom-cap {
  stroke-width: 0;
  width: 30px;
  height: 11px;
}
.esri-size-slider .esri-slider .zoom-cap:hover {
  cursor: pointer;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--mask {
  fill: #fff;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--line {
  fill: #0079c1;
}
.esri-size-slider .esri-slider .zoom-cap:hover .zoom-cap--underline,
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--mask,
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--line {
  fill: #fff;
}
.esri-size-slider .esri-slider .zoom-cap .zoom-cap--underline {
  fill: #323232;
}
.esri-size-slider__ramp {
  width: 30px;
  height: 100%;
  display: flex;
  position: relative;
}
.esri-size-slider__ramp svg {
  stroke: #6e6e6e;
  stroke-width: 1px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.esri-size-slider__ramp svg rect {
  width: 100%;
  height: 100%;
}
.esri-size-slider__ramp svg path {
  stroke-width: .5px;
}
.esri-size-slider__histogram-container {
  flex: 1 1 0;
  width: 120px;
  height: 100%;
  display: flex;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider .esri-slider__content {
  margin: 0 auto 0 35%;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider .esri-slider__track {
  background-color: #0000;
  width: 12px;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__label {
  text-decoration: underline;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb {
  background-color: #2e2e2e;
  border: none;
  transform: none;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:after {
  border-left-color: #2e2e2e;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__anchor--active .esri-slider__thumb:before {
  background-color: #49b0f2;
  transform: translate(-1.5px);
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive {
  background-image: url("./media/SM-Slider_TrackBackground_idle-2JDSDK3U.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 100%;
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive:hover,
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive:focus {
  cursor: pointer;
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-size-slider.esri-size-slider--interactive-track .esri-slider__segment--interactive.esri-slider__segment--active {
  background-color: #eee;
  background-image: url("./media/SM-Slider_TrackBackground_hover-UI5UUB3K.svg");
}
.esri-component:has(> .esri-sketch) {
  display: contents;
}
.esri-sketch {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  display: flex;
}
.esri-sketch-pad {
  gap: var(--calcite-spacing-sm,8px);
  flex-flow: wrap;
  justify-content: flex-start;
}
.esri-sketch-pad:dir(rtl) {
  flex-flow: row-reverse wrap;
}
.esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column wrap;
  justify-content: flex-start;
}
.esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column wrap-reverse;
}
.esri-sketch-pad.esri-sketch--vertical .esri-selection-toolbar__container {
  flex-direction: column;
}
.esri-sketch > * {
  pointer-events: initial;
}
.esri-sketch-bar {
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
}
.esri-sketch-bar.esri-sketch--vertical {
  flex-flow: row;
}
.esri-sketch__popover-wrapper {
  inline-size: max-content;
  min-inline-size: 300px;
  max-height: 75vh;
  -webkit-user-select: none;
  user-select: none;
  max-inline-size: 400px;
  overflow-y: auto;
}
.esri-sketch__popover-wrapper .esri-sketch-tooltip-controls:not(:only-child) calcite-block {
  border-block-end-width: 1px;
  border-style: solid;
  border-color: var(--calcite-color-border-3);
}
.esri-sketch__selection-count-chip--horizontal {
  margin-block: var(--calcite-spacing-xxs);
  margin-inline: var(--calcite-spacing-xs);
  align-self: center;
}
.esri-sketch__selection-count-chip--vertical {
  margin-block: calc(var(--calcite-spacing-md)*var(--sketch-chip-margin-scale-factor,1));
  scale: var(--sketch-chip-rescale,1);
  align-self: center;
  margin-inline: 0;
}
.esri-sketch__selection-count-chip--vertical--s {
  --sketch-chip-rescale:.8;
  --sketch-chip-margin-scale-factor:.5;
}
.esri-ui-top-right .esri-sketch-pad {
  flex-flow: row-reverse wrap;
  justify-content: flex-start;
}
.esri-ui-top-right .esri-sketch-pad:dir(rtl) {
  flex-flow: wrap;
}
.esri-ui-top-right .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column wrap-reverse;
}
.esri-ui-top-right .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column wrap;
}
.esri-ui-bottom-right .esri-sketch-pad {
  flex-flow: row-reverse wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad:dir(rtl) {
  flex-flow: wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column-reverse wrap-reverse;
}
.esri-ui-bottom-right .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column-reverse wrap;
}
.esri-ui-bottom-left .esri-sketch-pad {
  flex-flow: wrap-reverse;
}
.esri-ui-bottom-left .esri-sketch-pad:dir(rtl) {
  flex-flow: row-reverse wrap-reverse;
}
.esri-ui-bottom-left .esri-sketch-pad.esri-sketch--vertical {
  flex-flow: column-reverse wrap;
}
.esri-ui-bottom-left .esri-sketch-pad.esri-sketch--vertical:dir(rtl) {
  flex-flow: column-reverse wrap-reverse;
}
@container esri-view-canvas (height>=50px) {
  .esri-sketch__popover-wrapper {
    max-height: calc(100cqh - (var(--sketch-view-height-offset,90px)) - var(--sketch-view-margin-offset,15px) - var(--sketch-popover-header-offset,1000px));
  }
  .esri-sketch--vertical {
    max-height: min(100vh - 120px, 100cqh - 120px);
  }
}
.esri-expand__popover-content .esri-sketch {
  gap: 0;
}
.esri-sketch-tooltip-controls {
  flex-flow: column wrap;
  min-width: 100%;
  display: flex;
}
.esri-sketch-tooltip-controls__block {
  border-block-end: none;
  margin: 0;
}
.esri-sketch-tooltip-controls__block-content {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.esri-sketch-tooltip-controls__radio-button-label-wrapper {
  align-items: center;
  gap: 2px;
  display: flex;
}
.esri-sketch-tooltip-controls calcite-label:last-child {
  --calcite-label-margin-bottom:0;
}
.esri-slice {
  --layer-item-background:var(--calcite-color-foreground-2);
}
.esri-slice__container {
  padding: var(--esri-widget-padding-y)var(--esri-widget-padding-x);
  display: flex;
  overflow-y: auto;
}
.esri-slice__error {
  color: #8c2907;
}
.esri-slice__container,
.esri-slice__hint {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-slice__error,
.esri-slice__hint {
  animation: .25s ease-in-out esri-fade-in;
  overflow: hidden;
}
.esri-slice__error p,
.esri-slice__hint p {
  margin: 0;
  padding: 0;
}
.esri-slice__layer-item {
  --calcite-color-foreground-2:var(--layer-item-background);
  --calcite-color-foreground-1:var(--layer-item-background);
}
.esri-slice__actions {
  flex-flow: column;
  justify-content: center;
  gap: 6px;
  display: flex;
}
@supports (-ms-ime-align:auto) {
  .esri-slider__anchor:focus {
    outline: 1px dotted #000;
  }
}
.esri-slider {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  width: 100%;
  height: 100%;
  display: flex;
}
.esri-disabled {
  pointer-events: none;
}
.esri-disabled .esri-slider__content,
.esri-disabled .esri-slider__min,
.esri-disabled .esri-slider__max {
  opacity: .4;
}
.esri-slider--reversed.esri-slider--horizontal {
  flex-direction: row-reverse;
}
.esri-slider--reversed.esri-slider--vertical {
  flex-direction: column;
}
.esri-slider--horizontal {
  flex-direction: row;
}
.esri-slider--horizontal .esri-slider__content {
  height: auto;
}
.esri-slider--horizontal .esri-slider__track {
  width: 100%;
  height: 2px;
}
.esri-slider--horizontal .esri-slider__segment--interactive:hover {
  cursor: ew-resize;
}
.esri-slider--horizontal .esri-slider__anchor {
  width: 1px;
  height: 100%;
}
.esri-slider--horizontal .esri-slider__label {
  text-align: center;
  margin: 0 11px;
  top: -30px;
  left: -50px;
}
.esri-slider--horizontal .esri-slider__label-input {
  text-align: center;
}
.esri-slider--horizontal .esri-slider__max,
.esri-slider--horizontal .esri-slider__min {
  flex: none;
  width: 50px;
  height: auto;
  margin: auto;
}
.esri-slider--horizontal .esri-slider__ticks {
  width: 100%;
  margin: 9px 0 0;
  top: 100%;
  left: 0;
}
.esri-slider--horizontal .esri-slider__tick {
  width: 1px;
  height: 5px;
}
.esri-slider--horizontal .esri-slider__tick-label {
  margin-top: 18px;
}
.esri-slider--vertical {
  flex-direction: column-reverse;
}
.esri-slider--vertical .esri-slider__content {
  flex-direction: column;
  width: auto;
}
.esri-slider--vertical .esri-slider__track {
  flex-direction: column;
  flex: 1 0 0;
  width: 2px;
  height: 100%;
}
.esri-slider--vertical .esri-slider__segment--interactive:hover {
  cursor: ns-resize;
}
.esri-slider--vertical .esri-slider__anchor {
  width: 100%;
  height: 1px;
}
.esri-slider--vertical .esri-slider__label {
  text-align: left;
  top: -10px;
  left: 20px;
}
.esri-slider--vertical .esri-slider__max,
.esri-slider--vertical .esri-slider__min {
  flex: 0 0 22px;
  width: 100%;
  margin: auto;
}
.esri-slider--vertical .esri-slider__ticks {
  margin: 0 0 0 11px;
  top: 0;
  left: 100%;
}
.esri-slider--vertical .esri-slider__tick {
  width: 5px;
  height: 1px;
}
.esri-slider--vertical .esri-slider__tick-label {
  margin-left: 30px;
}
.esri-slider__content {
  z-index: 0;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  margin: auto;
  line-height: 0;
  display: flex;
  position: relative;
}
.esri-slider__track {
  touch-action: none;
  background-color: #6e6e6e66;
  display: inline-block;
  position: relative;
}
.esri-slider__segment {
  transform-origin: 0 0;
  will-change: transform;
  touch-action: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-slider__segment:hover {
  cursor: pointer;
}
.esri-slider__anchor {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: #4c4c4c;
  position: absolute;
}
.esri-slider__anchor:focus .esri-slider__thumb,
.esri-slider__anchor:focus .esri-slider__label {
  outline: inherit;
}
.esri-slider__anchor--moving:focus .esri-slider__thumb {
  cursor: grabbing;
  border: 3px solid #00598e;
}
.esri-slider__anchor--moving .esri-slider__label:hover,
.esri-slider__anchor--moving .esri-slider__label--interactive:hover {
  cursor: grabbing;
}
.esri-slider__thumb {
  box-sizing: border-box;
  z-index: 1;
  touch-action: none;
  background-color: #fff;
  border: 2px solid #0079c1;
  border-radius: 16px;
  width: 16px;
  height: 16px;
  transition: all .125s ease-in-out;
  position: absolute;
  top: -7px;
  left: -7px;
}
.esri-slider__thumb:hover {
  cursor: grab;
  border-width: 3px;
  border-color: #00598e;
  width: 19.2px;
  height: 19.2px;
  top: -8.6px;
  left: -8.6px;
}
.esri-slider__label {
  min-width: 80px;
  line-height: 22px;
  position: absolute;
}
.esri-slider__label:hover {
  cursor: grab;
}
.esri-slider__label--interactive:hover,
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  cursor: pointer;
  text-decoration: underline;
}
.esri-slider__label-input {
  z-index: 1;
  width: 100%;
  position: relative;
}
.esri-slider__extra-content {
  display: inline-block;
}
.esri-slider__max,
.esri-slider__min {
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 22px;
  line-height: 22px;
  display: flex;
}
.esri-slider__max--interactive:hover,
.esri-slider__min--interactive:hover {
  background-color: #f3f3f3;
}
.esri-slider__range-input {
  text-align: center;
  width: 100%;
  padding: 1px 0;
}
.esri-slider__ticks {
  z-index: 0;
  height: 100%;
  display: inline-block;
  position: absolute;
}
.esri-slider__tick {
  background: #6e6e6e66;
  position: absolute;
}
.esri-slider__tick-label {
  width: max-content;
  position: absolute;
}
[dir=rtl] .esri-slider__label,
[dir=rtl] .esri-slider__max,
[dir=rtl] .esri-slider__min,
[dir=rtl] .esri-slider__tick-label {
  direction: rtl;
  unicode-bidi: plaintext;
}
[dir=rtl] .esri-slider__range-input,
[dir=rtl] .esri-slider__label-input {
  unicode-bidi: plaintext;
}
.esri-snapping-controls__toggle-block {
  min-width: 100%;
  margin: 0;
}
.esri-snapping-controls__layer-list-block {
  border-bottom: none;
  min-width: 225px;
}
.esri-snapping-controls__layer-list-block[open] {
  margin-block: 0;
}
.esri-snapping-controls__layer-list {
  overflow: auto;
}
.esri-snapping-controls__layer-list__filter {
  margin-bottom: 10px;
}
.esri-snapping-controls__layer-list__button {
  margin-bottom: 6px;
}
.esri-snapping-controls__layer-list__item calcite-accordion-item calcite-icon,
.esri-snapping-controls__layer-list__item calcite-action calcite-icon {
  margin-inline-start: 0;
}
.esri-snapping-controls__layer-list__item calcite-icon {
  color: var(--calcite-color-brand);
  margin-inline-start: var(--calcite-list-item-spacing-indent);
}
.esri-snapping-controls {
  flex-flow: column wrap;
  display: flex;
}
.esri-snapping-controls__container {
  flex-direction: column;
  flex: auto;
  display: flex;
}
.esri-snapping-controls__container :only-child {
  border-block-end: none;
}
.esri-snapping-controls__panel {
  width: 320px;
}
.esri-snapping-controls__item {
  border: 1px solid #6e6e6e4d;
  cursor: pointer;
  background-color: #fff;
  border-color: #0000;
  border-radius: 2px;
  justify-content: space-between;
  margin: 3px 0;
  padding: 3px;
  transition: border-color .125s ease-in-out;
  display: flex;
  box-shadow: 0 1px #6e6e6e4d;
}
.esri-snapping-controls__item-action-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-top: .1em;
  font-size: 16px;
  display: inline-block;
}
.esri-snapping-controls__action-toggle {
  opacity: 1;
  cursor: pointer;
  border: 1px solid #0000;
  flex-flow: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 6px 15px;
  font-size: 12px;
  transition: opacity .25s ease-in-out .25s, background-color .25s ease-in-out;
  display: flex;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-title {
  margin-left: 0;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon {
  background-color: #f3f3f3;
  border-radius: 16px;
  flex: 0 0 28px;
  width: 16px;
  height: 16px;
  padding: 0;
  transition: background-color .125s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #6e6e6e;
}
.esri-snapping-controls__action-toggle .esri-snapping-controls__item-action-icon:before {
  content: "";
  background-color: #6e6e6e;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin: 2px;
  transition: background-color .125s ease-in-out, left .125s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 1px #fff;
}
.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon {
  background-color: #0079c1;
  box-shadow: 0 0 0 1px #0079c1;
}
.esri-snapping-controls__action-toggle--on .esri-snapping-controls__item-action-icon:before {
  background-color: #fff;
  left: 12px;
}
.esri-snapping-controls__nested-container {
  flex-direction: column;
  gap: 6px;
  display: flex;
}
.esri-snapping-controls__nested-container:not(:empty) {
  padding-top: 6px;
  padding-inline-start: 1em;
}
@keyframes esri-spinner--start-animation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes esri-spinner--finish-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes esri-spinner--rotate-animation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.esri-ui .esri-spinner {
  transform-origin: 0 0;
  opacity: 0;
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
  background-color: #0000;
  width: 24px;
  height: 24px;
  padding: 0;
  display: none;
  position: absolute;
  top: -999em;
  left: -999em;
  overflow: visible;
}
.esri-ui .esri-spinner:before {
  content: "";
  background: url("./media/Loading_Indicator_double_32-OXQ6SKO2.svg") 50% no-repeat;
  width: 100%;
  height: 100%;
  margin: -50% 0 0 -50%;
  animation: .75s linear infinite esri-spinner--rotate-animation;
  display: block;
  position: absolute;
}
.esri-ui .esri-spinner--start {
  animation: .25s cubic-bezier(.17, .67, .36, .99) forwards esri-spinner--start-animation;
  display: block;
}
.esri-ui .esri-spinner--finish {
  opacity: 1;
  animation: .125s ease-in 75ms forwards esri-spinner--finish-animation;
  display: block;
}
.esri-swipe {
  -webkit-user-select: none;
  user-select: none;
  background: 0 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.esri-swipe,
.esri-ui .esri-swipe {
  pointer-events: none;
}
.esri-swipe__container {
  z-index: 1;
  pointer-events: auto;
  touch-action: none;
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.esri-swipe--horizontal .esri-swipe__container {
  cursor: col-resize;
  height: 100%;
  margin-left: -16px;
}
.esri-swipe--vertical .esri-swipe__container {
  cursor: row-resize;
  width: 100%;
  margin-top: -16px;
}
.esri-swipe--disabled .esri-swipe__container {
  cursor: default;
  pointer-events: none;
}
.esri-swipe__divider {
  background-color: #fff;
  position: absolute;
}
.esri-swipe--horizontal .esri-swipe__divider {
  border-left: 1px solid #6e6e6e80;
  border-right: 1px solid #6e6e6e80;
  width: 4px;
  height: 100%;
  margin-left: -2px;
  top: 0;
  left: 16px;
}
.esri-swipe--vertical .esri-swipe__divider {
  border-top: 1px solid #6e6e6e80;
  border-bottom: 1px solid #6e6e6e80;
  width: 100%;
  height: 4px;
  margin-top: -2px;
  top: 16px;
  left: 0;
}
.esri-swipe__handle {
  background-color: #fff;
  border: 1px solid #6e6e6e80;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: relative;
}
.esri-swipe__handle--hidden {
  visibility: hidden;
}
.esri-swipe__handle-icon {
  z-index: 2;
  position: relative;
}
.esri-swipe--horizontal .esri-swipe__handle {
  top: calc(50% - 16px);
}
.esri-swipe--vertical .esri-swipe__handle {
  left: calc(50% - 16px);
}
.esri-swipe__container:focus .esri-swipe__handle,
.esri-swipe__container:focus .esri-swipe__divider {
  outline: 2px inset highlight;
  outline: inset 2px -webkit-focus-ring-color;
}
.esri-swipe__container:focus .esri-swipe__handle {
  outline-offset: -3px;
}
.esri-table-list {
  display: flex;
}
.esri-table-list__filter-no-results {
  padding: 12px 15px;
}
.esri-table-list__item {
  --calcite-list-item-icon-center:8.5px;
}
.esri-table-list__status-indicator {
  visibility: hidden;
  color: #0000;
  margin-inline: 0;
}
.esri-table-list__item-action-image {
  text-align: center;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  font-size: 14px;
}
.esri-table-list__action-menu .esri-table-list__action-group {
  display: none;
}
.esri-table-list__action-menu[open] .esri-table-list__action-group {
  display: flex;
}
.esri-table-list__publishing {
  visibility: visible;
  color: #6e6e6e;
  animation: 2s infinite esri-table-layer-list__publishing-anim;
}
.esri-table-list__item-content-bottom {
  margin: 12px 15px;
}
.esri-table-list__item-content-bottom .esri-legend__service {
  padding: 0 0 12px;
}
.esri-table-list__item-message {
  margin: 12px 15px;
}
@keyframes esri-table-layer-list__publishing-anim {
  0%, 20% {
    transform: rotate(45deg);
  }
  80%, to {
    transform: rotate(135deg);
  }
}
.esri-time-picker {
  border: 1px solid #6e6e6e4d;
  padding: 0 .5em;
  display: inline-block;
}
.esri-time-picker__input {
  border: none;
}
.esri-time-slider {
  min-width: 375px;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-time-slider__layout--wide .esri-time-slider__row {
  height: 88px;
}
.esri-time-slider__layout--wide .esri-time-slider__playback-controls {
  direction: ltr;
  flex: auto;
  display: flex;
}
.esri-time-slider__layout--wide .esri-time-slider__play {
  width: 64px;
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 110px;
  display: flex;
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent-separator {
  opacity: var(--calcite-opacity-disabled);
  margin-top: var(--calcite-spacing-fixed-xxs);
  margin-bottom: var(--calcite-spacing-fixed-xs);
  background-color: var(--calcite-color-brand);
  width: 75px;
  height: var(--calcite-size-px);
}
.esri-time-slider__layout--wide .esri-time-slider__time-extent,
.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__actions {
  border-left: var(--calcite-border-width-sm)solid var(--calcite-color-border-1);
}
.esri-time-slider__layout--wide .esri-time-slider__min,
.esri-time-slider__layout--wide .esri-time-slider__max {
  align-items: center;
  width: 110px;
}
.esri-time-slider__layout--wide .esri-time-slider__slider {
  flex: auto;
  overflow: hidden;
}
.esri-time-slider__layout--wide .esri-time-slider__previous,
.esri-time-slider__layout--wide .esri-time-slider__next {
  width: 42px;
}
.esri-time-slider__layout--wide .esri-time-slider__warning {
  flex-flow: column;
}
.esri-time-slider__layout--compact.esri-time-slider--has-actions .esri-time-slider__time-extent {
  padding-inline-start: 48px;
}
.esri-time-slider__layout--compact .esri-time-slider__row:first-child,
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3) {
  height: 36px;
}
.esri-time-slider__layout--compact .esri-time-slider__row:nth-child(2) {
  height: 88px;
  overflow: hidden;
}
.esri-time-slider__layout--compact .esri-time-slider__play {
  width: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__time-extent {
  flex-flow: row;
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-time-slider__layout--compact .esri-time-slider__time-extent-separator {
  opacity: var(--calcite-opacity-disabled);
  background-color: var(--calcite-color-brand);
  width: var(--calcite-size-px);
  height: 20px;
  margin-inline: 7px;
}
.esri-time-slider__layout--compact .esri-time-slider__min,
.esri-time-slider__layout--compact .esri-time-slider__max,
.esri-time-slider__layout--compact .esri-time-slider__slider {
  flex: auto;
}
.esri-time-slider__layout--compact .esri-time-slider__min {
  align-items: flex-start;
  margin-inline-start: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__max {
  align-items: flex-end;
  margin-inline-end: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__previous,
.esri-time-slider__layout--compact .esri-time-slider__next {
  width: 35px;
}
.esri-time-slider__layout--compact .esri-time-slider__warning {
  flex-flow: row;
}
.esri-time-slider__layout--compact .esri-time-slider__warning-label {
  margin-inline-start: var(--calcite-spacing-xs);
}
.esri-time-slider__row {
  display: flex;
}
.esri-time-slider__mode--instant .esri-slider__segment-0,
.esri-time-slider__mode--instant .esri-slider__segment-1 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--time-window .esri-slider__segment-1 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--time-window .esri-slider__segment-0,
.esri-time-slider__mode--time-window .esri-slider__segment-2 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--time-window.esri-time-slider--out-of-bounds .esri-slider__segment-1 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-0 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--cumulative-from-start .esri-slider__segment-1 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--cumulative-from-start.esri-time-slider--out-of-bounds .esri-slider__segment-0 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-0 {
  background-color: var(--calcite-color-border-input);
}
.esri-time-slider__mode--cumulative-from-end .esri-slider__segment-1 {
  background-color: var(--calcite-color-brand);
  height: 6px;
  margin-top: -1px;
}
.esri-time-slider__mode--cumulative-from-end.esri-time-slider--out-of-bounds .esri-slider__segment-1 {
  background-color: var(--calcite-color-status-danger);
}
.esri-time-slider__time-extent-start-group,
.esri-time-slider__time-extent-end-group {
  flex-flow: column;
  align-items: center;
  display: flex;
}
.esri-time-slider__time-extent-start-date,
.esri-time-slider__time-extent-start-time,
.esri-time-slider__time-extent-end-date,
.esri-time-slider__time-extent-end-time {
  --calcite-label-margin-bottom:0;
  --calcite-label-text-color:var(--calcite-color-brand);
}
.esri-time-slider__time-extent-start-date,
.esri-time-slider__time-extent-end-date {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-time-slider__min,
.esri-time-slider__max {
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.esri-time-slider__min-date,
.esri-time-slider__max-date {
  font-weight: var(--calcite-font-weight-bold);
}
.esri-time-slider__min-date,
.esri-time-slider__min-time,
.esri-time-slider__max-date,
.esri-time-slider__max-time {
  --calcite-label-margin-bottom:0;
}
.esri-time-slider__slider {
  background-color: var(--calcite-color-foreground-2);
  padding: 0 40px;
}
.esri-time-slider__slider .esri-slider {
  background-color: var(--calcite-color-foreground-2);
  margin-top: -19px;
}
.esri-time-slider__slider .esri-slider__thumb {
  border-width: 3px;
  top: -6px;
}
.esri-time-slider__slider .esri-slider__tick-label {
  white-space: nowrap;
  font-size: var(--calcite-font-size--2);
  margin-top: 23px;
}
.esri-time-slider__slider .esri-slider__tick {
  background: var(--calcite-color-border-input);
  width: 1px;
}
.esri-time-slider__slider .esri-slider__tick.minorTick {
  height: 4px;
}
.esri-time-slider__slider .esri-slider__tick.majorTick {
  height: 8px;
}
.esri-time-slider__slider .esri-slider__ticks {
  margin-top: 16px;
}
.esri-time-slider__slider .esri-slider__track {
  height: 4px;
}
.esri-time-slider__warning {
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-time-slider__warning-label {
  --calcite-label-margin-bottom:0;
  --calcite-label-text-color:var(--calcite-color-status-danger);
}
.esri-time-slider__warning-icon {
  --calcite-icon-color:var(--calcite-color-status-danger);
}
.esri-time-slider--out-of-bounds .esri-slider__thumb {
  border-color: var(--calcite-color-status-danger);
}
.esri-time-slider--disabled .esri-time-slider__max-date,
.esri-time-slider--disabled .esri-time-slider__max-time,
.esri-time-slider--disabled .esri-time-slider__min-date,
.esri-time-slider--disabled .esri-time-slider__min-time,
.esri-time-slider--disabled .esri-time-slider__time-extent-end-date,
.esri-time-slider--disabled .esri-time-slider__time-extent-end-time,
.esri-time-slider--disabled .esri-time-slider__time-extent-separator,
.esri-time-slider--disabled .esri-time-slider__time-extent-start-date,
.esri-time-slider--disabled .esri-time-slider__time-extent-start-time {
  opacity: var(--calcite-opacity-disabled);
}
[dir=rtl] .esri-time-slider__max-date,
[dir=rtl] .esri-time-slider__max-time,
[dir=rtl] .esri-time-slider__min-date,
[dir=rtl] .esri-time-slider__min-time,
[dir=rtl] .esri-time-slider__time-extent-end-date,
[dir=rtl] .esri-time-slider__time-extent-end-time,
[dir=rtl] .esri-time-slider__time-extent-start-date,
[dir=rtl] .esri-time-slider__time-extent-start-time {
  direction: rtl;
}
[dir=rtl] .esri-time-slider__layout--compact .esri-time-slider__row:nth-child(3),
[dir=rtl] .esri-time-slider__layout--wide .esri-time-slider__playback-controls {
  direction: ltr;
}
[dir=rtl] .esri-time-slider__layout--wide.esri-time-slider--has-actions .esri-time-slider__actions {
  border-left: none;
}
[dir=rtl] .esri-time-slider__layout--wide.esri-time-slider--has-actions .esri-time-slider__play {
  border-left: var(--calcite-border-width-sm)solid var(--calcite-color-border-1);
}
.esri-time-zone-label {
  background-color: var(--calcite-color-foreground-1);
  display: inline-flex;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-time-zone-label__badge {
  padding-block: var(--calcite-spacing-sm);
  padding-inline: var(--calcite-spacing-sm);
  color: var(--calcite-color-text-1);
  display: flex;
}
.esri-time-zone-label__badge--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-time-zone-label__badge--hidden {
  display: none;
}
.esri-time-zone-label__badge-icon {
  align-self: center;
}
.esri-time-zone-label__name {
  --calcite-color-background:transparent;
  --calcite-color-border-input:transparent;
  --calcite-font-weight-medium:normal;
  pointer-events: none;
}
.esri-time-zone-label__name--hidden {
  display: none;
}
.esri-time-zone-label__label {
  --calcite-label-margin-bottom:0;
  padding-inline: var(--calcite-spacing-sm);
  align-items: center;
}
.esri-time-zone-label__label--disabled {
  opacity: var(--calcite-opacity-disabled);
}
.esri-time-zone-label__label--hidden {
  display: none;
}
.esri-timezone-picker {
  align-items: center;
  display: flex;
  position: relative;
}
.esri-timezone-picker__item-title {
  font-size: 12px;
  font-weight: 600;
}
.esri-timezone-picker__item-description {
  font-size: 10px;
}
.esri-timezone-picker calcite-dropdown:not([open]) calcite-dropdown-group {
  display: none;
}
.esri-tooltip {
  --calcite-input-padding-inline:.5rem;
  --calcite-input-height:1.5rem;
  --field-height:.875rem;
  --field-height--input:var(--calcite-input-height);
  --field-row-gap:1px;
  --field-column-gap:var(--calcite-app-spacing-2);
  --field-input-width:6.5rem;
  --field-title-extra-margin:var(--calcite-app-spacing-6);
  --field-title-color:var(--calcite-color-text-2);
  --field-value-color:var(--calcite-color-text-1);
  --font-size:var(--calcite-font-size--3);
  --font-size--input:var(--calcite-font-size--2);
  --content-padding-inline:var(--calcite-app-spacing-2);
  --content-padding-block:var(--calcite-app-spacing-2);
  --help-message-border-spacing:var(--calcite-app-spacing-2);
  --help-message-min-width:7rem;
  --icon-size--feedback:.625rem;
  z-index: 1;
  will-change: transform;
  width: fit-content;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.esri-tooltip-content {
  gap: var(--content-padding-block);
  border: solid 1px var(--calcite-color-border-3);
  padding-block: var(--content-padding-block);
  padding-inline: var(--content-padding-inline);
  color: #323232;
  width: min-content;
  line-height: 1.1em;
  font-size: var(--font-size);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  touch-action: none;
  view-transition-name: tooltip-content;
  background: #fffc;
  border-radius: .25rem;
  flex-direction: column;
  display: flex;
  position: relative;
  box-shadow: 0 6px 20px -4px #0000001a, 0 4px 12px -2px #00000014;
  outline: none !important;
}
.esri-tooltip-content:empty {
  opacity: 0;
}
.esri-tooltip-content__header {
  margin-block-start: calc(var(--content-padding-block)*-1);
  margin-inline: calc(var(--content-padding-inline)*-1);
  border-block-end: solid 1px var(--calcite-color-border-3);
  justify-content: flex-start;
  block-size: 24px;
  padding-block-end: 0;
  display: flex;
}
.esri-tooltip-content__header__spacer {
  flex-grow: 1;
  flex-shrink: 1;
}
.esri-tooltip-content__header__actions {
  flex-grow: 0;
  flex-shrink: 0;
  padding-inline-end: var(--content-padding-inline);
}
.esri-tooltip-content__header calcite-button {
  --calcite-offset-invert-focus:1;
}
.esri-tooltip-content--input {
  --field-height:var(--field-height--input);
  background: var(--calcite-color-foreground-1);
  pointer-events: all;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.esri-tooltip-content--input:not(:focus-within) {
  opacity: .8;
}
.esri-tooltip.calcite-mode-dark .esri-tooltip-content {
  background: #000c;
}
.esri-tooltip.calcite-mode-dark .esri-tooltip-content--input {
  background: var(--calcite-color-foreground-1);
}
.esri-tooltip-table {
  grid-gap: var(--field-row-gap)var(--field-column-gap);
  grid-template-columns: max-content 1fr max-content max-content;
  align-items: flex-start;
  width: max-content;
  display: grid;
}
.esri-tooltip-field {
  display: contents;
}
.esri-tooltip-field__title,
.esri-tooltip-field__value {
  block-size: var(--field-height);
  white-space: nowrap;
  color: var(--calcite-color-text-3);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.esri-tooltip-field__title {
  color: var(--field-title-color);
  margin-inline-end: var(--field-title-extra-margin);
}
.esri-tooltip-field__value {
  color: var(--field-value-color);
  grid-column: span 3;
}
.esri-tooltip-editable-field {
  display: contents;
}
.esri-tooltip-editable-field__title,
.esri-tooltip-editable-field__value {
  block-size: var(--field-height);
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.esri-tooltip-editable-field__title {
  display: flex;
}
.esri-tooltip-editable-field__value {
  font-variant-numeric: tabular-nums;
  display: contents;
}
.esri-tooltip-editable-field__value__content {
  grid-column: span 3;
  align-items: center;
  min-width: max-content;
  display: flex;
}
.esri-tooltip-editable-field__value__content--read-only {
  padding-inline: var(--calcite-input-padding-inline);
  block-size: var(--calcite-input-height);
  line-height: var(--calcite-input-height);
  font-size: var(--calcite-font-size--2);
}
.esri-tooltip-editable-field--feedback.esri-tooltip-editable-field--locked .esri-tooltip-editable-field__value__content {
  grid-column: span 2;
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__title {
  color: var(--field-title-color);
  margin-inline-end: var(--field-title-extra-margin);
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__value__content {
  color: var(--field-value-color);
  align-self: center;
}
.esri-tooltip-editable-field--feedback .esri-tooltip-editable-field__lock-icon {
  width: var(--icon-size--feedback);
  min-width: var(--icon-size--feedback);
  height: var(--icon-size--feedback);
  min-height: var(--icon-size--feedback);
  align-self: center;
  margin-top: -2px;
}
.esri-tooltip-editable-field--input {
  padding: 0;
}
.esri-tooltip-editable-field--input .esri-tooltip-editable-field__title {
  font-size: var(--font-size--input);
}
.esri-tooltip-editable-field__input-wrapper {
  inline-size: var(--field-input-width);
}
.esri-tooltip-editable-field__input-message {
  text-wrap: auto;
  width: 100%;
  margin-block-end: var(--calcite-input-message-spacing-value);
}
.esri-tooltip-editable-field__input-suffix {
  line-height: var(--field-height--input);
}
.esri-tooltip-editable-field__button {
  width: var(--field-height--input);
}
.esri-tooltip-value-by-value span:nth-child(2) {
  margin-inline: 7px;
}
.esri-tooltip-help-message {
  gap: var(--calcite-app-spacing-2);
  margin-inline: calc(var(--content-padding-inline)*-1);
  border-block-start: solid 1px var(--calcite-color-border-3);
  padding-block-start: var(--content-padding-inline);
  padding-inline: var(--content-padding-inline);
  width: auto;
  min-width: var(--help-message-min-width);
  text-align: left;
  text-wrap: balance;
  white-space: break-spaces;
  font-size: var(--font-size);
  border-block-end: 1px solid #0000;
  justify-content: center;
  align-items: center;
  display: flex;
}
.esri-tooltip-help-message:only-child {
  border-block: none;
  padding-block-start: var(--field-row-gap);
}
.esri-tooltip-help-message__icon {
  color: var(--calcite-color-status-info);
}
.esri-tooltip-help-message__text {
  padding-block-start: 2px;
}
.esri-tooltip ::view-transition-old(tooltip-content) {
  animation-duration: .1s;
}
.esri-tooltip ::view-transition-new(tooltip-content) {
  animation-duration: .1s;
}
.esri-tooltip {
  --offset-start:calc(-100% - var(--offset));
}
.esri-tooltip--debug:after {
  --size:10px;
  margin-top: calc(var(--size)*-.5);
  margin-left: calc(var(--size)*-.5);
  width: var(--size);
  height: var(--size);
  content: "";
  background: red;
  position: absolute;
  top: 0;
  left: 0;
}
.esri-tooltip--bottom .esri-tooltip-content {
  transform: translate(-50%, var(--offset));
}
.esri-tooltip--bottom-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--bottom-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset));
}
.esri-tooltip--bottom-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--bottom-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset));
}
.esri-tooltip--leading.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), -50%);
}
.esri-tooltip--leading-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset-start));
}
.esri-tooltip--leading-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--trailing-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset));
}
.esri-tooltip--top .esri-tooltip-content {
  transform: translate(-50%, var(--offset-start));
}
.esri-tooltip--top-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--top-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset-start), var(--offset-start));
}
.esri-tooltip--top-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--top-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset-start));
}
.esri-tooltip--trailing.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), -50%);
}
.esri-tooltip--trailing-start.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading-start.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset-start));
}
.esri-tooltip--trailing-end.esri-tooltip--ltr .esri-tooltip-content,
.esri-tooltip--leading-end.esri-tooltip--rtl .esri-tooltip-content {
  transform: translate(var(--offset), var(--offset));
}
.esri-unit-select {
  width: 100%;
}
.esri-unit-select__label {
  --calcite-label-margin-bottom:0;
  width: 100%;
}
.esri-utility-network-association-list__feature-observer {
  z-index: 2;
  text-align: center;
  position: relative;
  bottom: 20px;
}
.esri-utility-network-association-list__filter-container {
  z-index: 1;
  margin-bottom: 12px;
  top: 12px;
}
.esri-utility-network-association-list__limit-notice-container {
  margin-bottom: 12px;
}
.esri-utility-network-association-list__loading-container {
  justify-content: center;
  width: 100%;
  padding: 12px 0;
  display: flex;
}
.esri-un-associations__action {
  height: 48px;
}
.esri-un-associations__action-refresh {
  --calcite-color-icon-color:#077ac2;
}
.esri-un-associations__block-content {
  border-bottom: none;
  margin: 0;
}
.esri-un-associations__block-section-settings {
  border-style: none;
  padding: 0;
}
.esri-un-associations__combobox,
.esri-un-associations__combobox-item {
  max-width: 300px;
}
.esri-un-associations__div-controls-main {
  background: var(--calcite-color-foreground-1);
  gap: .5rem;
  padding: .5rem 0;
  display: grid;
}
.esri-un-associations__div-controls-symbol-picker {
  margin-top: .75rem;
}
.esri-un-associations__dropdown {
  border: 1px solid var(--calcite-color-border-input);
}
.esri-un-associations__dropdown-item-line-cap {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 10px;
}
.esri-un-associations__dropdown-item-line-pattern {
  height: 3px;
}
.esri-un-associations__dropdown-selected-item-line-cap {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 275px 10px;
  width: 100%;
  height: 10px;
}
.esri-un-associations__dropdown-selected-item-line-pattern {
  width: 100%;
  height: 3px;
}
.esri-un-associations__dropdown-trigger {
  align-items: center;
  width: 100%;
  height: 24px;
  margin: 0 6px;
  display: flex;
}
.esri-un-associations__label {
  height: 1rem;
}
.esri-un-associations__label-and-combobox,
.esri-un-associations__label-and-slider {
  flex-direction: column;
  display: flex;
}
.esri-un-associations__label-and-toggle {
  width: inherit;
  flex-direction: row;
  justify-content: space-between;
  padding-right: .25rem;
  display: flex;
}
.esri-un-associations__panel {
  max-height: calc(100vh - 48px - .5rem);
}
.esri-un-associations__slider {
  padding: 0 .5rem;
}
.esri-un-associations__status-icon-container {
  width: 48px;
  height: 48px;
}
.esri-un-associations__status-icon-warning {
  --calcite-color-icon-color:#edd317;
  padding: 16px;
}
.esri-un-associations__switch {
  align-self: center;
  padding: .5rem;
}
.esri-un-associations__switch-container {
  width: 48px;
  height: 48px;
  display: flex;
}
.esri-un-associations__widget-container {
  border-bottom: none;
  width: 350px;
  margin: 0;
}
@media (prefers-reduced-motion) {
  .esri-utility-network-trace__reset-prompt {
    animation: none;
  }
}
.esri-utility-network-trace {
  flex: auto;
}
.esri-utility-network-trace calcite-icon {
  box-sizing: initial;
}
.esri-utility-network-trace calcite-tab {
  background-color: #f3f3f3;
  padding-top: 0;
  padding-bottom: 0;
}
.esri-utility-network-trace calcite-tab:not([selected]) {
  flex: 0;
}
.esri-utility-network-trace calcite-block {
  margin-bottom: 0;
}
.esri-utility-network-trace.esri-component.esri-widget--panel {
  min-height: 120px;
}
.esri-utility-network-trace__add-button-container {
  justify-content: center;
  margin: 18px 0 12px;
  display: grid;
}
.esri-utility-network-trace__block-container {
  height: 95%;
}
.esri-utility-network-trace__block-content {
  border-bottom: none;
  margin: 0;
}
.esri-utility-network-trace__divider {
  color: inherit;
  border-color: #6e6e6e26;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  flex: none;
  margin: 0 0 12px;
}
.esri-utility-network-trace__double-pad-top {
  padding-top: 10px;
}
.esri-utility-network-trace__feature-content {
  height: 300px;
}
.esri-utility-network-trace__flow {
  height: 100%;
}
.esri-utility-network-trace__list-container {
  background-color: #fff;
  padding: 3px;
}
.esri-utility-network-trace__notice-container {
  padding: 6px;
}
.esri-utility-network-trace__number-input {
  width: 150px;
}
.esri-utility-network-trace__pad-bottom {
  padding-bottom: 5px;
}
.esri-utility-network-trace__pad-top {
  padding-top: 5px;
}
.esri-utility-network-trace__reset-prompt {
  background-color: var(--calcite-color-background);
  color: #323232;
  border-top: 3px solid #6e6e6e26;
  flex-flow: column;
  max-height: 85%;
  padding: 12px 15px;
  animation: .1s ease-in-out esri-fade-in-up;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 2px #0000004d;
}
.esri-utility-network-trace__results-container {
  height: 100%;
}
.esri-un-validate-topology__container {
  width: 330px;
}
.esri-un-validate-topology__content {
  border-bottom: none;
  margin: 0;
}
.esri-un-validate-topology__controls-container {
  gap: .5rem;
  display: grid;
}
.esri-un-validate-topology__status-icon-container {
  width: 48px;
  height: 48px;
}
.esri-un-validate-topology__status-icon-error {
  --calcite-color-icon-color:#edd317;
  padding-top: 16px;
  padding-left: 16px;
}
.esri-un-validate-topology__status-icon-success {
  --calcite-color-icon-color:#35ac46;
  padding-top: 16px;
  padding-left: 16px;
}
.esri-value-picker {
  box-shadow: 0 1px 2px #0000004d;
}
.esri-value-picker .esri-slider {
  background: 0 0;
  flex: auto;
}
.esri-value-picker .esri-slider__tick-label {
  white-space: nowrap;
  font-size: var(--calcite-font-size--3);
}
.esri-value-picker .esri-slider__ticks {
  margin: 0;
}
.esri-value-picker .esri-slider__tick,
.esri-value-picker .esri-slider__track {
  background: var(--calcite-color-border-input);
}
.esri-value-picker .esri-slider__tick.esri-value-picker__slider__tick-steps {
  width: 3px;
  height: 3px;
}
.esri-value-picker .esri-slider__anchor:focus-visible {
  outline: none;
}
.esri-value-picker__action-bar {
  background-color: var(--calcite-color-foreground-1);
}
.esri-value-picker__caption-border,
.esri-value-picker__label-border {
  border: solid 1px var(--calcite-color-border-3);
  align-items: center;
  display: flex;
}
.esri-value-picker__caption-text,
.esri-value-picker__label-text {
  white-space: nowrap;
  font-family: inherit;
  font-weight: var(--calcite-font-weight-medium);
  overflow: hidden;
}
.esri-value-picker__label-text {
  color: var(--calcite-color-text-1);
}
.esri-value-picker__slider {
  flex: auto;
  display: flex;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined {
  width: fit-content;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__action-bar {
  width: 100%;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--collection .esri-value-picker__caption,
.esri-value-picker__layout--horizontal.esri-value-picker__type--undefined .esri-value-picker__caption {
  padding-inline-end: .5rem;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox,
.esri-value-picker__layout--horizontal.esri-value-picker__type--label,
.esri-value-picker__layout--horizontal.esri-value-picker__type--slider {
  min-width: 450px;
}
.esri-value-picker__layout--horizontal.esri-value-picker__type--combobox .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--label .esri-value-picker__action-bar,
.esri-value-picker__layout--horizontal.esri-value-picker__type--slider .esri-value-picker__action-bar {
  width: 100%;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-inline-start: .5rem;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption-border {
  padding-inline: .5rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__caption-text {
  text-overflow: ellipsis;
  max-width: 100px;
  font-size: var(--calcite-font-size--1);
}
.esri-value-picker__layout--horizontal .esri-value-picker__combobox {
  --calcite-color-border-input:var(--calcite-color-border-3);
  flex: auto;
  align-items: center;
  padding-inline: 10px;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__combobox calcite-combobox {
  flex: auto;
  width: 0;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label {
  flex: auto;
  padding: .5rem;
  display: flex;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label-border {
  flex: auto;
  padding-inline: .5rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__label-text {
  text-overflow: ellipsis;
  width: 0;
  font-size: var(--calcite-font-size--1);
  font-weight: var(--calcite-font-weight-normal);
  flex: auto;
}
.esri-value-picker__layout--horizontal .esri-value-picker__separator {
  border-right: solid 1px var(--calcite-color-border-3);
  width: 1px;
  margin-inline-start: .25rem;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider {
  padding-inline: 30px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-minor {
  height: 3px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-major {
  height: 6px;
}
.esri-value-picker__layout--horizontal .esri-value-picker__slider__tick-steps {
  margin-top: -6px;
  margin-left: -1px;
}
.esri-value-picker__layout--horizontal .esri-slider {
  margin-top: -10px;
}
.esri-value-picker__layout--horizontal .esri-slider__track {
  height: 1px;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--collection,
.esri-value-picker__layout--vertical.esri-value-picker__type--undefined {
  height: fit-content;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--collection .esri-value-picker__action-bar,
.esri-value-picker__layout--vertical.esri-value-picker__type--undefined .esri-value-picker__action-bar {
  height: 100%;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--slider {
  min-height: 450px;
}
.esri-value-picker__layout--vertical.esri-value-picker__type--slider .esri-value-picker__action-bar {
  height: 100%;
  min-height: 450px;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption {
  width: 48px;
  padding: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption-border {
  justify-content: center;
}
.esri-value-picker__layout--vertical .esri-value-picker__caption-text {
  text-overflow: clip;
  font-size: var(--calcite-font-size--2);
  padding-block: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__separator {
  border-bottom: solid 1px var(--calcite-color-border-3);
  height: 1px;
  margin-top: .25rem;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider {
  flex-direction: column;
  padding: 15px 0;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-minor {
  width: 3px;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-major {
  width: 6px;
}
.esri-value-picker__layout--vertical .esri-value-picker__slider__tick-steps {
  margin-top: -1px;
  margin-left: -6px;
}
.esri-value-picker__layout--vertical .esri-slider {
  margin-left: -13px;
}
.esri-value-picker__layout--vertical .esri-slider__tick-label {
  margin-left: 20px;
}
.esri-value-picker__layout--vertical .esri-slider__track {
  width: 1px;
}
[dir=rtl] .esri-value-picker {
  direction: ltr;
}
[dir=rtl] .esri-value-picker .esri-value-picker__combobox,
[dir=rtl] .esri-value-picker .esri-value-picker__slider__tooltip {
  direction: rtl;
}
.esri-video-player {
  --esri-video-player-view-height:300px;
  --esri-video-player-view-aspect-ratio:1.77;
  --esri-video-player-color-swatch-size:20px;
  --esri-video-player-color-swatch-gap:10px;
  --esri-video-player-progress-width:2px;
  --esri-video-player-controls-spacing:var(--calcite-size-16,16px);
  min-width: calc(var(--esri-video-player-view-height)*var(--esri-video-player-view-aspect-ratio));
}
.esri-video-player .esri-video-player__video-view {
  height: var(--esri-video-player-view-height);
  display: flex;
}
.esri-video-player .esri-video-player__slider-progress-container {
  z-index: 1;
  width: 100%;
  position: relative;
}
.esri-video-player .esri-video-player__progress {
  appearance: none;
  top: calc(50% - var(--esri-video-player-progress-width)/2);
  left: var(--esri-video-player-controls-spacing);
  background: var(--calcite-color-border-1);
  cursor: pointer;
  width: calc(100% - var(--esri-video-player-controls-spacing)*2);
  height: var(--esri-video-player-progress-width);
  border: none;
  display: block;
  position: absolute;
}
.esri-video-player .esri-video-player__progress::-webkit-progress-bar {
  background-color: var(--calcite-color-border-3);
}
.esri-video-player .esri-video-player__progress::-webkit-progress-value {
  background-color: var(--calcite-color-border-input);
}
.esri-video-player .esri-video-player__progress::-moz-progress-bar {
  background-color: var(--calcite-color-border-3);
}
.esri-video-player .esri-video-player__slider {
  background-color: var(--calcite-color-foreground-1);
  padding: var(--esri-video-player-controls-spacing);
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track {
  background-color: #0000;
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track .esri-slider__segment-0 {
  background-color: var(--calcite-color-brand);
}
.esri-video-player .esri-video-player__slider .esri-slider .esri-slider__track .esri-slider__segment-1 {
  background-color: #0000;
}
.esri-video-player .esri-video-player__color-picker {
  column-gap: var(--esri-video-player-color-swatch-gap);
  grid-template-columns: repeat(5, 1fr);
  display: grid;
}
.esri-video-player .esri-video-player__color-picker .esri-video-player__color-block {
  cursor: pointer;
  width: var(--esri-video-player-color-swatch-size);
  height: var(--esri-video-player-color-swatch-size);
}
.esri-video-player .esri-video-player__color-picker .esri-video-player__color-block__active {
  border-radius: var(--esri-video-player-color-swatch-size);
}
.esri-video-player__toolbar {
  background-color: var(--calcite-color-foreground-1);
  padding: 0 calc(var(--esri-video-player-controls-spacing)/2)calc(var(--esri-video-player-controls-spacing)/2);
  font-size: var(--calcite-font-size--2);
  align-items: center;
  display: flex;
}
.esri-video-player__timecode {
  margin-inline: var(--calcite-size-12,12px);
  color: var(--calcite-color-text-3);
  align-items: center;
  display: flex;
}
.esri-video-player__controls {
  flex: 1 0 auto;
  justify-content: flex-end;
}
.esri-video-player__settings-flow {
  min-width: var(--calcite-size-160);
}
.esri-metadata-table__empty-state {
  transition-duration: 0s;
}
.esri-weather {
  padding: var(--esri-widget-padding);
  width: fit-content;
  position: relative;
}
.esri-weather__content {
  flex-direction: column;
  gap: 12px;
  width: min-content;
  display: flex;
}
.esri-weather__content--has-error {
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.esri-weather__selector {
  flex-direction: row;
  align-items: center;
  gap: 7px;
  display: flex;
}
.esri-weather__options {
  flex-direction: column;
  gap: 12px;
  display: flex;
}
.esri-weather__options--hidden {
  display: none;
}
.esri-weather__warning {
  flex-direction: row;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}
.esri-weather__warning calcite-icon {
  color: var(--calcite-color-status-warning);
}
.esri-weather__labeled-slider calcite-slider {
  margin: 0 -7px -14px;
}
.esri-zoom {
  flex-flow: column;
  display: flex;
}
.esri-zoom .esri-widget--button {
  box-shadow: none;
}
.esri-zoom .esri-widget--button:first-child {
  margin-bottom: 0;
}
.esri-zoom .esri-widget--button:last-child {
  border-top: 1px solid #6e6e6e4d;
}
.esri-zoom.esri-zoom--horizontal {
  flex-flow: row-reverse;
}
.esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-top: none;
}
.esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-left: 1px solid #6e6e6e4d;
}
[dir=rtl] .esri-zoom.esri-zoom--horizontal .esri-widget--button:first-child {
  border-top: none;
}
[dir=rtl] .esri-zoom.esri-zoom--horizontal .esri-widget--button:last-child {
  border-left: 1px solid #6e6e6e4d;
}
@keyframes esri-fade-in-down {
  0% {
    opacity: 0;
    transform: translateY(-5px);
  }
  25% {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes esri-fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  25% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes esri-fade-in-scale {
  0% {
    opacity: 0;
    transform: scale(.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes looping-progresss-bar-ani {
  0% {
    width: 0;
    left: 0;
  }
  20% {
    width: 20%;
    left: 0;
  }
  80% {
    width: 20%;
    left: 80%;
  }
  to {
    width: 0;
    left: 100%;
  }
}
@keyframes esri-rotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes panel-advance {
  0% {
    opacity: 0;
    transform: translate(50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-retreat {
  0% {
    opacity: 0;
    transform: translate(-50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-advance--rtl {
  0% {
    opacity: 0;
    transform: translate(-50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}
@keyframes panel-retreat--rtl {
  0% {
    opacity: 0;
    transform: translate(50px)scale(.99);
  }
  to {
    opacity: 1;
    transform: translate(0, 0)scale(1);
  }
}

/* node_modules/shepherd.js/dist/css/shepherd.css */
.shepherd-button {
  background: #3288e6;
  border: 0;
  border-radius: 3px;
  color: hsla(0, 0%, 100%, .75);
  cursor: pointer;
  margin-right: .5rem;
  padding: .5rem 1.5rem;
  transition: all .5s ease;
}
.shepherd-button:not(:disabled):hover {
  background: #196fcc;
  color: hsla(0, 0%, 100%, .75);
}
.shepherd-button.shepherd-button-secondary {
  background: #f1f2f3;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #d6d9db;
  color: rgba(0, 0, 0, .75);
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  padding: 0 .75rem .75rem;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  background: transparent;
  border: none;
  color: hsla(0, 0%, 50%, .75);
  cursor: pointer;
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  transition: color .5s ease;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: hsla(0, 0%, 50%, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-title {
  color: rgba(0, 0, 0, .75);
  display: flex;
  flex: 1 0 auto;
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.shepherd-header {
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  justify-content: flex-end;
  line-height: 2em;
  padding: .75rem .75rem 0;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: #e6e6e6;
  padding: 1em;
}
.shepherd-text {
  color: rgba(0, 0, 0, .75);
  font-size: 1rem;
  line-height: 1.3em;
  padding: .75em;
}
.shepherd-text p {
  margin-top: 0;
}
.shepherd-text p:last-child {
  margin-bottom: 0;
}
.shepherd-content {
  border-radius: 5px;
  outline: none;
  padding: 0;
}
.shepherd-element {
  background: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  margin: 0;
  max-width: 400px;
  opacity: 0;
  outline: none;
  padding: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:before {
  height: 16px;
  position: absolute;
  width: 16px;
  z-index: -1;
}
.shepherd-arrow:before {
  background: #fff;
  content: "";
  transform: rotate(45deg);
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow:before {
  background-color: #e6e6e6;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition:
    all .3s ease-out,
    height 0s .3s,
    opacity .3s 0s;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: .5;
  transform: translateZ(0);
  transition:
    all .3s ease-out,
    height 0s 0s,
    opacity .3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}

/* angular:styles/global:styles */