/* node_modules/@hims-mcde/shared-styles-lib/src/hims-material.scss */
html {
  --mat-sys-background: #f7faf9;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #eff1f0;
  --mat-sys-inverse-primary: #00dddd;
  --mat-sys-inverse-surface: #2d3131;
  --mat-sys-on-background: #191c1c;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #004f4f;
  --mat-sys-on-primary-fixed: #002020;
  --mat-sys-on-primary-fixed-variant: #004f4f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #324b4b;
  --mat-sys-on-secondary-fixed: #051f1f;
  --mat-sys-on-secondary-fixed-variant: #324b4b;
  --mat-sys-on-surface: #191c1c;
  --mat-sys-on-surface-variant: #3f4948;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #6f7979;
  --mat-sys-outline-variant: #bec9c8;
  --mat-sys-primary: #006a6a;
  --mat-sys-primary-container: #00fbfb;
  --mat-sys-primary-fixed: #00fbfb;
  --mat-sys-primary-fixed-dim: #00dddd;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #4a6363;
  --mat-sys-secondary-container: #cce8e7;
  --mat-sys-secondary-fixed: #cce8e7;
  --mat-sys-secondary-fixed-dim: #b0cccb;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f7faf9;
  --mat-sys-surface-bright: #f7faf9;
  --mat-sys-surface-container: #ebefed;
  --mat-sys-surface-container-high: #e6e9e7;
  --mat-sys-surface-container-highest: #e0e3e2;
  --mat-sys-surface-container-low: #f1f4f3;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #d7dbd9;
  --mat-sys-surface-tint: #006a6a;
  --mat-sys-surface-variant: #dae5e4;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #293232;
  --mat-sys-neutral10: #191c1c;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large:
    400 1rem / 1.5rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-large-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium:
    400 0.875rem / 1.25rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-medium-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small:
    400 0.75rem / 1rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-small-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large:
    400 3.562rem / 4rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-large-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium:
    400 2.812rem / 3.25rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-medium-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small:
    400 2.25rem / 2.75rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-small-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large:
    400 2rem / 2.5rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-large-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium:
    400 1.75rem / 2.25rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-medium-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small:
    400 1.5rem / 2rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-small-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large:
    500 0.875rem / 1.25rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-large-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 600;
  --mat-sys-label-medium:
    500 0.75rem / 1rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-medium-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 600;
  --mat-sys-label-small:
    500 0.688rem / 1rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-small-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large:
    400 1.375rem / 1.75rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-large-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium:
    500 1rem / 1.5rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-medium-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small:
    500 0.875rem / 1.25rem Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-small-font:
    Poppins,
    system-ui,
    sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-state-layer-size: 32px;
  --mat-chip-container-height: 24px;
  --mat-expansion-header-collapsed-state-height: 40px;
  --mat-expansion-header-expanded-state-height: 56px;
  --mat-fab-small-touch-target-display: ;
  --mat-fab-touch-target-display: none;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-container-height: 32px;
  --mat-button-outlined-container-height: 32px;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-protected-touch-target-display: none;
  --mat-button-protected-container-height: 32px;
  --mat-button-text-touch-target-display: none;
  --mat-button-text-container-height: 32px;
  --mat-button-tonal-container-height: 32px;
  --mat-button-tonal-touch-target-display: none;
  --mat-form-field-container-height: 48px;
  --mat-form-field-filled-label-display: none;
  --mat-form-field-container-vertical-padding: 12px;
  --mat-form-field-filled-with-label-container-padding-top: 12px;
  --mat-form-field-filled-with-label-container-padding-bottom: 12px;
  --mat-icon-button-touch-target-display: none;
  --mat-icon-button-state-layer-size: 32px;
  --mat-list-list-item-leading-icon-start-space: 8px;
  --mat-list-list-item-leading-icon-end-space: 8px;
  --mat-list-list-item-one-line-container-height: 40px;
  --mat-list-list-item-two-line-container-height: 56px;
  --mat-list-list-item-three-line-container-height: 80px;
  --mat-paginator-container-size: 48px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: none;
  --mat-radio-touch-target-display: none;
  --mat-radio-state-layer-size: 32px;
  --mat-tab-container-height: 40px;
  --mat-select-arrow-transform: none;
  --mat-button-toggle-height: 40px;
  --mat-stepper-header-height: 64px;
  --mat-table-header-container-height: 48px;
  --mat-table-footer-container-height: 44px;
  --mat-table-row-item-container-height: 44px;
  --mat-toolbar-standard-height: 56px;
  --mat-toolbar-mobile-height: 48px;
  --mat-tree-node-min-height: 40px;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
  --mat-sys-primary: var(--primary);
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: var(--primary-bg);
  --mat-sys-on-primary-container: var(--navy);
  --mat-sys-inverse-primary: var(--primary-bg);
  --mat-sys-secondary: var(--primary);
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: var(--primary-bg);
  --mat-sys-on-secondary-container: var(--ink);
  --mat-sys-error: var(--red);
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: var(--red-bg);
  --mat-sys-on-error-container: var(--red);
  --mat-sys-background: #fafaf8;
  --mat-sys-on-background: var(--ink);
  --mat-sys-surface: #ffffff;
  --mat-sys-surface-bright: #ffffff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #ffffff;
  --mat-sys-surface-container: #ffffff;
  --mat-sys-surface-container-high: #ffffff;
  --mat-sys-surface-container-highest: #f4f5f2;
  --mat-sys-surface-variant: #f4f5f2;
  --mat-sys-on-surface: var(--ink);
  --mat-sys-on-surface-variant: var(--mute);
  --mat-sys-outline: #c9cfca;
  --hims-field-edge: #8a948e;
  --mat-sys-outline-variant: var(--border);
  --mat-sys-inverse-surface: #1f2a26;
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-form-field-container-height: 36px;
  --mat-form-field-container-vertical-padding: 8px;
  --mat-form-field-container-text-font: var(--font);
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-outlined-container-shape: 6px;
  --mat-form-field-outlined-outline-color: var(--hims-field-edge);
  --mat-form-field-outlined-hover-outline-color: #6f7973;
  --mat-form-field-outlined-focus-outline-color: var(--primary);
  --mat-form-field-outlined-focus-outline-width: 1px;
  --mat-form-field-outlined-disabled-outline-color: var(--border);
  --mat-form-field-outlined-disabled-input-text-color: var(--mute);
  --mat-form-field-outlined-input-text-placeholder-color: var(--faint);
  --mat-form-field-subscript-text-size: 11.5px;
  --mat-select-trigger-text-font: var(--font);
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-placeholder-text-color: var(--faint);
  --mat-select-panel-background-color: #ffffff;
  --mat-select-container-elevation-shadow: 0 4px 16px rgba(20, 30, 25, 0.12), 0 1px 3px rgba(20, 30, 25, 0.08);
  --mat-option-label-text-font: var(--font);
  --mat-option-label-text-size: 13px;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-tracking: normal;
  --mat-option-selected-state-layer-color: var(--primary-bg);
  --mat-option-selected-state-label-text-color: var(--ink);
  --mat-option-hover-state-layer-color: rgba(20, 30, 25, 0.05);
  --mat-option-focus-state-layer-color: rgba(20, 30, 25, 0.07);
  --mat-autocomplete-background-color: #ffffff;
  --mat-button-filled-container-height: 34px;
  --mat-button-filled-container-shape: 6px;
  --mat-button-filled-label-text-font: var(--font);
  --mat-button-filled-label-text-size: 13px;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-filled-label-text-tracking: normal;
  --mat-button-filled-horizontal-padding: 14px;
  --mat-button-filled-icon-spacing: 6px;
  --mat-button-filled-icon-offset: 0;
  --mat-button-filled-touch-target-display: none;
  --mat-button-filled-ripple-color: transparent;
  --mat-button-outlined-container-height: 34px;
  --mat-button-outlined-container-shape: 6px;
  --mat-button-outlined-label-text-font: var(--font);
  --mat-button-outlined-label-text-size: 13px;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-outlined-label-text-tracking: normal;
  --mat-button-outlined-horizontal-padding: 14px;
  --mat-button-outlined-icon-spacing: 6px;
  --mat-button-outlined-icon-offset: 0;
  --mat-button-outlined-touch-target-display: none;
  --mat-button-outlined-ripple-color: transparent;
  --mat-button-text-container-height: 34px;
  --mat-button-text-container-shape: 6px;
  --mat-button-text-label-text-font: var(--font);
  --mat-button-text-label-text-size: 13px;
  --mat-button-text-label-text-weight: 500;
  --mat-button-text-label-text-tracking: normal;
  --mat-button-text-horizontal-padding: 14px;
  --mat-button-text-icon-spacing: 6px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-touch-target-display: none;
  --mat-button-text-ripple-color: transparent;
  --mat-button-tonal-container-height: 34px;
  --mat-button-tonal-container-shape: 6px;
  --mat-button-tonal-label-text-font: var(--font);
  --mat-button-tonal-label-text-size: 13px;
  --mat-button-tonal-label-text-weight: 500;
  --mat-button-tonal-label-text-tracking: normal;
  --mat-button-tonal-horizontal-padding: 14px;
  --mat-button-tonal-icon-spacing: 6px;
  --mat-button-tonal-icon-offset: 0;
  --mat-button-tonal-touch-target-display: none;
  --mat-button-tonal-ripple-color: transparent;
  --mat-button-protected-container-height: 34px;
  --mat-button-protected-container-shape: 6px;
  --mat-button-protected-label-text-font: var(--font);
  --mat-button-protected-label-text-size: 13px;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-protected-label-text-tracking: normal;
  --mat-button-protected-horizontal-padding: 14px;
  --mat-button-protected-icon-spacing: 6px;
  --mat-button-protected-icon-offset: 0;
  --mat-button-protected-touch-target-display: none;
  --mat-button-protected-ripple-color: transparent;
  --mat-button-text-horizontal-padding: 10px;
  --mat-button-outlined-outline-color: var(--mat-sys-outline);
  --mat-button-outlined-label-text-color: var(--ink);
  --mat-icon-button-state-layer-size: 34px;
  --mat-icon-button-container-shape: 6px;
  --mat-icon-button-icon-size: 16px;
  --mat-icon-button-touch-target-display: none;
  --mat-icon-button-ripple-color: transparent;
  --mat-icon-button-icon-color: var(--mute);
  --mat-checkbox-label-text-font: var(--font);
  --mat-checkbox-label-text-size: 13px;
  --mat-checkbox-label-text-line-height: 20px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-state-layer-size: 28px;
  --mat-checkbox-touch-target-display: none;
  --mat-checkbox-selected-icon-color: var(--primary);
  --mat-checkbox-selected-focus-icon-color: var(--primary);
  --mat-checkbox-selected-hover-icon-color: var(--primary);
  --mat-checkbox-selected-pressed-icon-color: var(--primary);
  --mat-checkbox-unselected-icon-color: #6f7973;
  --mat-radio-label-text-font: var(--font);
  --mat-radio-label-text-size: 13px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-state-layer-size: 28px;
  --mat-radio-touch-target-display: none;
  --mat-radio-ripple-color: transparent;
  --mat-radio-checked-ripple-color: transparent;
  --mat-slide-toggle-label-text-font: var(--font);
  --mat-slide-toggle-label-text-size: 13px;
  --mat-slide-toggle-touch-target-display: none;
  --mat-slide-toggle-unselected-track-outline-color: #6f7973;
  --mat-slide-toggle-unselected-track-outline-width: 2px;
  --mat-button-toggle-height: 32px;
  --mat-button-toggle-shape: 6px;
  --mat-button-toggle-label-text-font: var(--font);
  --mat-button-toggle-label-text-size: 13px;
  --mat-button-toggle-label-text-tracking: normal;
  --mat-button-toggle-selected-state-background-color: var(--primary-bg);
  --mat-button-toggle-selected-state-text-color: var(--navy);
  --mat-button-toggle-divider-color: var(--mat-sys-outline);
  --mat-table-background-color: #ffffff;
  --mat-table-header-container-height: 34px;
  --mat-table-header-headline-font: var(--font);
  --mat-table-header-headline-size: 12px;
  --mat-table-header-headline-weight: 600;
  --mat-table-header-headline-color: var(--mute);
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-container-height: 36px;
  --mat-table-row-item-label-text-font: var(--font);
  --mat-table-row-item-label-text-size: 13px;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-row-item-label-text-color: var(--ink);
  --mat-table-row-item-outline-color: var(--border);
  --mat-paginator-container-text-font: var(--font);
  --mat-paginator-container-text-size: 13px;
  --mat-paginator-container-text-color: var(--mute);
  --mat-paginator-container-size: 44px;
  --mat-paginator-form-field-container-height: 30px;
  --mat-paginator-form-field-container-vertical-padding: 5px;
  --mat-paginator-select-trigger-text-size: 13px;
  --mat-paginator-touch-target-display: none;
  --mat-sort-arrow-color: var(--mute);
  --mat-dialog-container-color: #ffffff;
  --mat-dialog-container-shape: 10px;
  --mat-dialog-container-max-width: calc(100vw - 32px);
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-container-elevation-shadow: 0 12px 40px rgba(20, 30, 25, 0.22);
  --mat-dialog-headline-padding: 14px 18px 10px;
  --mat-dialog-content-padding: 4px 18px 14px;
  --mat-dialog-with-actions-content-padding: 4px 18px 14px;
  --mat-dialog-actions-padding: 10px 18px 14px;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-subhead-font: var(--font);
  --mat-dialog-subhead-size: 15px;
  --mat-dialog-subhead-weight: 600;
  --mat-dialog-subhead-line-height: 22px;
  --mat-dialog-subhead-tracking: normal;
  --mat-dialog-subhead-color: var(--navy);
  --mat-dialog-supporting-text-font: var(--font);
  --mat-dialog-supporting-text-size: 13px;
  --mat-dialog-supporting-text-line-height: 20px;
  --mat-dialog-supporting-text-tracking: normal;
  --mat-dialog-supporting-text-color: var(--ink);
  --mat-menu-item-label-text-font: var(--font);
  --mat-menu-item-label-text-size: 13px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-container-color: #ffffff;
  --mat-menu-container-shape: 8px;
  --mat-tooltip-container-color: #1f2a26;
  --mat-tooltip-container-shape: 6px;
  --mat-tooltip-supporting-text-font: var(--font);
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-line-height: 17px;
  --mat-tooltip-supporting-text-tracking: normal;
  --mat-snack-bar-container-color: #ffffff;
  --mat-snack-bar-container-shape: 8px;
  --mat-snack-bar-supporting-text-color: var(--ink);
  --mat-snack-bar-supporting-text-font: var(--font);
  --mat-snack-bar-supporting-text-size: 13px;
  --mat-datepicker-calendar-container-shape: 8px;
  --mat-datepicker-calendar-container-background-color: #ffffff;
  --mat-datepicker-calendar-text-font: var(--font);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--primary);
  --mat-datepicker-calendar-date-today-outline-color: var(--primary);
  --mat-ripple-color: transparent;
}
.hims-field > .mat-mdc-form-field,
.hims-field .hims-mat-box,
hims-select,
.hims-field > hims-select {
  width: 100%;
}
.mat-mdc-form-field.hims-box .mat-mdc-text-field-wrapper,
.hims-field .mat-mdc-form-field .mat-mdc-text-field-wrapper {
  padding: 0 10px;
}
.hims-field .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper:empty {
  display: none;
}
.mat-mdc-form-field textarea.mat-mdc-input-element {
  line-height: 1.45;
}
.mat-mdc-form-field input.mat-mdc-input-element,
.mat-mdc-form-field textarea.mat-mdc-input-element {
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  outline: none;
}
.mat-mdc-form-field input.mat-mdc-input-element:disabled {
  background: transparent;
}
.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-text-field-wrapper {
  background: #f4f5f2;
  border-radius: 6px;
}
.mat-mdc-form-field .mat-mdc-select-arrow-wrapper {
  height: 20px;
}
div.mat-mdc-select-panel .mat-mdc-option,
div.mat-mdc-autocomplete-panel .mat-mdc-option {
  min-height: 32px;
  padding: 0 10px;
}
div.mat-mdc-select-panel,
div.mat-mdc-autocomplete-panel {
  padding: 4px;
  border-radius: 6px;
}
.mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-mdc-button-base .ti {
  font-size: 16px;
  line-height: 1;
}
.mat-mdc-button-base.hims-sm,
.mcde-table .mat-mdc-button-base:not(.mat-mdc-icon-button),
.hims-toolbar-actions .mat-mdc-button-base:not(.mat-mdc-icon-button) {
  --mat-button-filled-container-height: 28px;
  --mat-button-outlined-container-height: 28px;
  --mat-button-text-container-height: 28px;
  --mat-button-tonal-container-height: 28px;
  --mat-button-filled-label-text-size: 12px;
  --mat-button-outlined-label-text-size: 12px;
  --mat-button-text-label-text-size: 12px;
  --mat-button-tonal-label-text-size: 12px;
  --mat-button-filled-horizontal-padding: 10px;
  --mat-button-outlined-horizontal-padding: 10px;
  --mat-button-text-horizontal-padding: 8px;
}
.mat-mdc-icon-button.hims-sm,
.mcde-table .mat-mdc-icon-button {
  --mat-icon-button-state-layer-size: 28px;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-button-base.hims-danger {
  --mat-button-filled-container-color: var(--red);
  --mat-button-text-label-text-color: var(--red);
  --mat-button-outlined-label-text-color: var(--red);
  --mat-button-outlined-outline-color: #f3c7c0;
  --mat-icon-button-icon-color: var(--red);
}
.mat-mdc-button-base.hims-secondary {
  --mat-button-text-label-text-color: var(--mute);
  --mat-button-outlined-label-text-color: var(--mute);
  --mat-button-filled-container-color: #e9ebe7;
  --mat-button-filled-label-text-color: var(--ink);
}
.mat-mdc-button-base:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 1px;
}
.hims-spin {
  display: inline-block;
  animation: hims-spin 0.8s linear infinite;
}
@keyframes hims-spin {
  to {
    transform: rotate(360deg);
  }
}
:is(.hims-dialog, .hims-dialog-closing) .mat-mdc-dialog-surface {
  overflow: visible;
}
:is(.hims-dialog, .hims-dialog-closing, .hims-confirm, .hims-confirm-closing) {
  --mat-dialog-headline-padding: var(--dialog-head-padding, 10px 24px);
  --mat-dialog-content-padding: var(--dialog-body-gap, 20px) var(--dialog-body-sides, 24px);
  --mat-dialog-with-actions-content-padding: var(--dialog-body-gap, 20px) var(--dialog-body-sides, 24px);
  --mat-dialog-actions-padding: var(--dialog-foot-padding, 12px 24px);
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-title {
  display: flex;
  align-items: center;
  gap: 6px;
  box-sizing: border-box;
  height: var(--dialog-head-height, 48px);
  min-height: var(--dialog-head-height, 48px);
  margin: 0;
  padding: var(--dialog-band-pad-y, 12px) var(--dialog-body-sides, 24px);
  white-space: nowrap;
  background: var(--dialog-head-bg, #e9f2f0);
  border-bottom: 1px solid var(--dialog-head-line, var(--border));
  border-radius: var(--mat-dialog-container-shape, 10px) var(--mat-dialog-container-shape, 10px) 0 0;
  line-height: var(--dialog-band-line, 24px);
  color: var(--dialog-head-fg, var(--ink));
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-title::before {
  display: none;
}
:is(.hims-dialog, .hims-dialog-closing) .hims-dialog-close {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--dialog-band-target, 40px);
  height: var(--dialog-band-target, 40px);
  padding: 0;
  margin: calc((var(--dialog-band-line, 24px) - var(--dialog-band-target, 40px)) / 2) -8px calc((var(--dialog-band-line, 24px) - var(--dialog-band-target, 40px)) / 2) auto;
  --mat-icon-button-state-layer-size: var(--dialog-band-target, 40px);
  --mat-icon-button-icon-size: 18px;
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-title :is(.help-anchor, .help-btn) {
  flex: none;
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-title .help-btn {
  width: var(--dialog-band-target, 40px);
  height: var(--dialog-band-target, 40px);
  margin-top: calc((var(--dialog-band-line, 24px) - var(--dialog-band-target, 40px)) / 2);
  margin-bottom: calc((var(--dialog-band-line, 24px) - var(--dialog-band-target, 40px)) / 2);
}
:is(.hims-dialog, .hims-dialog-closing) .mat-mdc-dialog-content {
  max-height: calc(100vh - 180px);
}
.cdk-overlay-pane:is(.hims-dialog, .hims-dialog-closing) .mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content {
  padding-top: var(--dialog-body-gap, 20px);
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-actions {
  gap: 8px;
  min-height: 0;
}
:is(.hims-dialog, .hims-dialog-closing, .hims-record-page) .mat-mdc-dialog-actions:has(button) {
  border-top: 1px solid var(--dialog-head-line, var(--border));
}
.hims-record-page {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--hims-record-page-max, 1200px);
  min-width: 0;
  background: var(--p-content-background, #ffffff);
  border: 1px solid var(--border);
  border-radius: var(--mat-dialog-container-shape, 10px);
}
.hims-record-page .mat-mdc-dialog-content {
  display: block;
  max-height: none;
  overflow: visible;
  margin: 0;
  padding: var(--dialog-body-gap, 20px) var(--dialog-body-sides, 24px);
  font-size: var(--fs-body, 14px);
  line-height: var(--lh-body, 1.5);
  color: var(--ink);
}
.hims-record-page .mat-mdc-dialog-actions {
  position: sticky;
  bottom: calc(-1 * var(--hims-content-pad-bottom, 22px));
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: var(--dialog-foot-padding, 12px 24px);
  background: var(--p-content-background, #ffffff);
  border-radius: 0 0 var(--mat-dialog-container-shape, 10px) var(--mat-dialog-container-shape, 10px);
}
.hims-back-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: var(--touch-min, 44px);
  margin: 0 0 4px -8px;
  font-size: var(--fs-body, 14px);
}
:is(.hims-dialog, .hims-dialog-closing).hims-dialog-stable-tabs .mat-mdc-tab-body-wrapper {
  height: min(52vh, 480px);
}
:is(.hims-dialog, .hims-dialog-closing).hims-dialog-stable-tabs .mat-mdc-tab-body-content {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.mat-mdc-snack-bar-container.hims-toast .mat-mdc-snackbar-surface {
  min-width: 320px;
  max-width: 520px;
  border-left: 4px solid var(--teal);
  box-shadow: 0 8px 28px rgba(20, 30, 25, 0.18);
  padding-right: 4px;
}
.mat-mdc-snack-bar-container.hims-toast-error .mat-mdc-snackbar-surface {
  border-left-color: var(--red);
}
.mat-mdc-snack-bar-container.hims-toast-info .mat-mdc-snackbar-surface {
  border-left-color: var(--blue);
}
.mcde-table {
  display: block;
  position: relative;
}
.mcde-table-scroll {
  overflow-x: auto;
}
.mcde-table table.mat-mdc-table {
  width: 100%;
}
.mcde-table .mat-mdc-table .mat-mdc-header-cell {
  background: #f4f5f2;
  padding: 8px 10px;
  border-bottom-color: var(--border);
}
.mcde-table .mat-mdc-table .mat-mdc-cell {
  padding: 7px 10px;
}
.mcde-table .mat-mdc-table tr.mat-mdc-row:nth-child(even) {
  background: #fafbf9;
}
.mcde-table .mat-mdc-table tr.mat-mdc-row:hover {
  background: #f3f6f4;
}
.mcde-table tr.mat-mdc-row.inactive > td {
  color: var(--faint);
}
.mcde-table tr.mat-mdc-no-data-row > td {
  padding: 18px 10px;
  color: var(--mute);
  text-align: center;
  border-bottom: 1px solid var(--border);
}
.mcde-table .mat-sort-header:not(.mat-sort-header-sorted) .mat-sort-header-arrow {
  opacity: 0.3;
}
.mcde-table .mat-sort-header:not(.mat-sort-header-sorted):hover .mat-sort-header-arrow {
  opacity: 0.6;
}
.mcde-table .mat-sort-header-arrow {
  margin-left: 4px;
}
.mcde-table.loading table {
  opacity: 0.55;
}
.mcde-table-busy {
  position: absolute;
  inset: 34px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 24px;
  font-size: 22px;
  color: var(--primary);
  pointer-events: none;
}
.mcde-table .mat-mdc-paginator {
  background: transparent;
}
.mcde-table .mat-mdc-paginator-container {
  justify-content: center;
  min-height: 44px;
}
.mat-mdc-tooltip-panel .mat-mdc-tooltip .mdc-tooltip__surface {
  padding: 5px 9px;
  max-width: 320px;
}
.hims-toolbar .mat-mdc-form-field.search {
  width: 240px;
}
.hims-toolbar .mat-mdc-checkbox {
  --mat-checkbox-state-layer-size: 24px;
}
.hims-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
  font-family: var(--font);
  font-size: var(--fs-small, 12px);
  font-weight: 600;
  line-height: 16px;
  white-space: nowrap;
}
.hims-chip.info {
  background: #e0f2fe;
  color: #0369a1;
}
.hims-chip.ok {
  background: var(--teal-bg);
  color: var(--teal);
}
.hims-chip.warn {
  background: var(--amber-bg);
  color: var(--amber);
}
.hims-chip.danger {
  background: var(--red-bg);
  color: var(--red);
}
.mat-mdc-button-base.hims-success {
  --mat-button-filled-container-color: var(--teal);
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-text-label-text-color: var(--teal);
  --mat-button-outlined-label-text-color: var(--teal);
  --mat-button-outlined-outline-color: #a9d4c4;
  --mat-icon-button-icon-color: var(--teal);
}
.mat-mdc-button-base.hims-warn {
  --mat-button-filled-container-color: var(--amber);
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-text-label-text-color: var(--amber);
  --mat-button-outlined-label-text-color: var(--amber);
  --mat-button-outlined-outline-color: #ecd3a5;
  --mat-icon-button-icon-color: var(--amber);
}
.hims-field-text {
  display: flex;
  align-items: center;
  min-height: 36px;
  font-size: 14px;
  line-height: 20px;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.hims-field-text.code,
.hims-field-text .code {
  font-family: var(--mono);
  font-weight: 500;
  color: var(--navy);
}
.hims-field .hims-field-text.code,
.hims-field .hims-field-text .code {
  font-size: 14px;
}
[data-form-mode=display] .hims-field {
  gap: 4px;
}
[data-form-mode=display] .hims-form {
  row-gap: 20px;
}
[data-form-mode=display] .hims-field-text {
  min-height: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--ink);
}
[data-form-mode=display] .hims-field-text.code,
[data-form-mode=display] .hims-field-text .code {
  font-size: 14px;
  font-weight: 500;
  color: var(--navy);
}
input.hims-number {
  text-align: right;
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
}
.mat-mdc-form-field.hims-cell-num {
  width: 110px;
  --mat-form-field-container-height: 30px;
  --mat-form-field-container-vertical-padding: 5px;
}
.mat-mdc-form-field.hims-cell-num .mat-mdc-text-field-wrapper {
  padding: 0 8px;
}
.hims-field .mat-button-toggle-group {
  width: fit-content;
  align-self: flex-start;
}
.hims-toolbar hims-select,
.hims-toolbar-filters hims-select {
  width: 200px;
}
.mcde-table tr.mat-mdc-row.clickable {
  cursor: pointer;
}
.mcde-table .mat-mdc-table tr.mat-mdc-row.selected,
.mcde-table .mat-mdc-table tr.mat-mdc-row.row-sel,
.mcde-table .mat-mdc-table tr.mat-mdc-row[aria-selected=true] {
  background: var(--primary-bg);
}
.mcde-table.scrolls .mcde-table-scroll {
  overflow: auto;
}
.mcde-table.scrolls .mat-mdc-header-cell {
  position: sticky;
  top: 0;
  z-index: 2;
}
mcde-grid.compact tr.g-row > td .hims-chip {
  line-height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: var(--fs-small, 12px);
}
mcde-grid .g-scroll th {
  font-size: var(--fs-table, 13px);
}
.help-pop {
  z-index: 1250 !important;
}
td.num,
th.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
hims-page {
  display: block;
}
.hims-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: -10px 0 10px;
}
.hims-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 16px;
}
.hims-page-head-text {
  min-width: 0;
  flex: 1 1 320px;
}
.hims-page-title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-family: var(--font);
  font-size: var(--fs-title, 22px);
  font-weight: var(--fw-head, 600);
  line-height: var(--lh-head, 1.25);
  color: var(--navy);
}
.hims-page-intro {
  margin: 4px 0 0;
  max-width: 75ch;
  font-size: var(--fs-body, 14px);
  line-height: var(--lh-body, 1.5);
  color: var(--mute);
}
.hims-page-head-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.hims-page-head-actions:empty {
  display: none;
}
.hims-page-section {
  margin: 28px 0 0;
}
.hims-section-title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 0 8px;
  font-size: var(--fs-section, 18px);
  font-weight: var(--fw-head, 600);
  line-height: var(--lh-head, 1.25);
  color: var(--navy);
}
.hims-sub-title {
  margin: 16px 0 6px;
  font-size: var(--fs-sub, 15px);
  font-weight: var(--fw-head, 600);
  line-height: var(--lh-head, 1.25);
  color: var(--ink);
}
.hims-toolbar-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.hims-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hims-page-error,
.hims-dialog-error {
  margin: 0 0 12px;
  padding: 8px 12px;
  border: 1px solid #f3c7c0;
  background: var(--red-bg);
  color: var(--red);
  border-radius: 6px;
  font-size: var(--fs-body, 14px);
  line-height: var(--lh-body, 1.5);
}
.hims-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}
.hims-form.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hims-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.hims-field.wide {
  grid-column: 1/-1;
}
.hims-field-label {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--mute);
}
.hims-req {
  color: var(--red);
}
.hims-field-hint {
  font-size: var(--fs-small, 12px);
  color: var(--mute);
  line-height: 1.4;
}
.hims-field-error {
  font-size: var(--fs-small, 12px);
  color: var(--red);
}
.hims-props {
  container-type: inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 32px;
  row-gap: 0;
}
:where(*:has(> .hims-props.two)) {
  container-type: inline-size;
}
@media (min-width: 1024px) {
  @container (min-width: 640px) {
    .hims-props.two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .hims-props.two > .hims-field.wide,
    .hims-props.two > * > .hims-field.wide {
      grid-template-columns: minmax(8rem, calc((100% - 32px) * 0.18)) minmax(0, 1fr);
    }
  }
}
.hims-props > .hims-props-head {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 20px 0 2px;
  font-size: var(--fs-sub, 15px);
  font-weight: var(--fw-head, 600);
  line-height: var(--lh-head, 1.25);
  color: var(--ink);
}
.hims-props > .hims-props-head:first-child {
  margin-top: 0;
}
.hims-props > .hims-field,
.hims-props > * > .hims-field {
  display: grid;
  grid-template-columns: minmax(8rem, 36%) minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 4px;
  align-items: start;
  padding: 8px 0;
  border-bottom: 1px solid var(--border);
}
.hims-props .hims-field > .hims-field-label {
  grid-column: 1;
  grid-row: 1/span 3;
  align-self: start;
  min-height: 36px;
  font-size: var(--fs-table, 13px);
  line-height: var(--lh-body, 1.5);
}
.hims-props .hims-field > :not(.hims-field-label) {
  grid-column: 2;
  min-width: 0;
}
.hims-props .hims-field.wide {
  grid-column: 1/-1;
}
.hims-props .hims-field {
  --hims-field-max: calc(48ch + 2rem);
}
.hims-props .hims-field.hims-short {
  --hims-field-max: calc(24ch + 2rem);
}
.hims-props .hims-field:is(.hims-long, .wide) {
  --hims-field-max: none;
}
.hims-props .hims-field > :is(.mat-mdc-form-field, hims-select, hims-date) {
  box-sizing: border-box;
  width: min(100%, var(--hims-field-max));
  max-width: var(--hims-field-max);
}
.hims-field.hims-field-invalid {
  --mat-form-field-outlined-outline-color: var(--red);
  --mat-form-field-outlined-hover-outline-color: var(--red);
  --mat-form-field-outlined-focus-outline-color: var(--red);
}
[data-form-mode=display] .hims-props {
  row-gap: 0;
}
.hims-form-groups {
  --hims-label-max: 200px;
  --hims-label-gap: 24px;
}
.hims-form-groups-grid {
  display: grid;
  grid-template-columns: fit-content(var(--hims-label-max)) minmax(0, 1fr);
  column-gap: var(--hims-label-gap);
  row-gap: 20px;
}
.hims-form-groups-column {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  column-gap: var(--hims-label-gap);
  row-gap: 20px;
  align-content: start;
  min-width: 0;
}
@media (min-width: 1100px) {
  @container hims-form (min-width: 640px) {
    .hims-form-groups.two .hims-form-groups-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 32px;
    }
    .hims-form-groups.two .hims-form-groups-column {
      grid-column: auto;
      grid-template-columns: fit-content(var(--hims-label-max)) minmax(0, 1fr);
    }
  }
}
.hims-form-groups-column > .hims-props {
  container-type: normal;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  column-gap: var(--hims-label-gap);
}
.hims-form-groups .hims-props > .hims-field,
.hims-form-groups .hims-props > * > .hims-field {
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  column-gap: var(--hims-label-gap);
}
.hims-form-groups .hims-props .hims-field > .hims-field-label {
  min-width: 0;
  overflow-wrap: break-word;
}
@container hims-form (max-width: 600px) {
  .hims-form-groups-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .hims-form-groups .hims-props .hims-field > .hims-field-label,
  .hims-form-groups .hims-props .hims-field > :not(.hims-field-label) {
    grid-column: 1;
    grid-row: auto;
    min-height: 0;
  }
}
@container (max-width: 479.98px) {
  .hims-props > .hims-field,
  .hims-props > * > .hims-field,
  .hims-props.two > .hims-field.wide,
  .hims-props.two > * > .hims-field.wide {
    grid-template-columns: minmax(0, 1fr);
  }
  .hims-props .hims-field > .hims-field-label,
  .hims-props .hims-field > :not(.hims-field-label) {
    grid-column: 1;
    grid-row: auto;
    min-height: 0;
  }
}
.hims-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}
.hims-checks label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
}
.hims-dialog-title {
  font-size: var(--dialog-head-size, 18px);
  font-weight: var(--dialog-head-weight, 600);
  line-height: var(--dialog-band-line, 24px);
  color: var(--dialog-head-fg, var(--ink));
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hims-dialog-subtitle {
  flex: none;
  font-size: var(--fs-body, 14px);
  font-weight: 400;
  line-height: var(--dialog-band-line, 24px);
  white-space: nowrap;
  color: var(--mute);
}
.hims-section {
  margin: 16px 0 6px;
  font-size: var(--fs-small, 12px);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--mute);
}
.hims-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.hims-code {
  font-family: var(--mono);
  font-size: 12px;
  color: var(--navy);
}
.hims-muted {
  color: var(--mute);
}
@media (max-width: 720px) {
  .hims-form,
  .hims-form.three {
    grid-template-columns: 1fr;
  }
}
.hims-page-notice {
  margin: 0 0 12px;
  padding: 8px 12px;
  border: 1px solid #bfe0d3;
  background: #f5fbf8;
  color: #14532d;
  border-radius: 6px;
  font-size: 13px;
}
.toolbar .btn:not(.btn-sm) {
  padding: 5px 11px;
}
.pscreen {
  --pri: var(--primary);
  --bd: #cbd5e1;
  --bd-l: #e2e8f0;
  --tx: #334155;
  --mut: #64748b;
  --bg: #f1f5f9;
  --err: #dc2626;
  font-family: var(--font);
  font-size: 13px;
  color: var(--tx);
}
.pscreen * {
  box-sizing: border-box;
}
.pscreen .spacer {
  flex: 1;
}
.pscreen .muted {
  color: var(--mut);
}
.pscreen .n {
  text-align: right;
}
.pscreen .code {
  font-family: var(--mono, monospace);
  font-size: 12px;
}
.pscreen .bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.pscreen .hint {
  color: var(--mut);
  font-size: 12px;
}
.pscreen .err-panel {
  margin: 0 0 12px;
  border: 1px solid #f3c7c0;
  background: var(--red-bg);
  border-radius: 6px;
  padding: 8px 12px;
  color: var(--err);
}
.pscreen .card {
  border: 1px solid var(--bd-l);
  border-radius: 8px;
  padding: 20px 24px;
  background: #fff;
  margin-bottom: 14px;
}
.pscreen .card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.pscreen .card-head h3 {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
}
.pscreen .form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 20px;
  max-width: 900px;
}
.pscreen .form .wide {
  grid-column: span 2;
}
.pscreen .ro-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px 16px;
}
.pscreen .ro-fld {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.pscreen .ro-val {
  min-height: 36px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
  color: var(--tx);
  overflow-wrap: anywhere;
}
.pscreen .stat {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.pscreen .stat span {
  color: var(--mut);
  font-size: 12px;
}
.pscreen .stat b {
  font-size: 13px;
  font-weight: 600;
}
.pscreen .hims-st {
  font-size: 12px;
  padding: 2px 8px;
}
.pscreen-dialog .dlg-form {
  display: grid;
  gap: 16px;
  padding-top: 8px;
}
.pscreen-dialog .dlg-help-row {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pscreen-dialog .dlg-help-row .grow {
  flex: 1;
  min-width: 0;
}
.pscreen th .help-anchor,
.pscreen h3 + .help-anchor,
.pscreen .card-head .help-anchor {
  vertical-align: middle;
}
.pscreen-dialog .w-full {
  width: 100%;
}
.pscreen-dialog p {
  margin: 4px 0 8px;
  line-height: 1.5;
}
.pscreen .split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 440px;
  gap: 14px;
  align-items: start;
}
.pscreen .detail-panel {
  border: 1px solid var(--bd-l);
  border-radius: 8px;
  padding: 12px 14px;
  background: #fff;
  position: sticky;
  top: 8px;
}
.pscreen .detail-panel h3 {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 600;
}
.pscreen .kv {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 4px 10px;
  margin: 10px 0;
}
.pscreen .kv span {
  color: var(--mut);
  font-size: 12px;
}
.pscreen .mini {
  border-collapse: collapse;
  width: 100%;
  margin-top: 4px;
}
.pscreen .mini th,
.pscreen .mini td {
  padding: 5px 8px;
  border-bottom: 1px solid var(--bd-l);
  text-align: left;
  font-size: 12px;
}
.pscreen .mini th {
  background: #f8fafc;
  font-weight: 600;
}
.pscreen .sect {
  font-size: 12px;
  font-weight: 600;
  color: var(--mut);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 14px 0 4px;
}
.pscreen .actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .pscreen .split {
    grid-template-columns: 1fr;
  }
  .pscreen .form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pscreen .org-about {
  margin-top: 14px;
  padding: 10px 14px;
  border: 1px solid var(--bd-l);
  border-radius: 6px;
  background: var(--bg);
}
.pscreen .org-about-title {
  font-size: 12px;
  font-weight: 600;
  color: var(--mut);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
.pscreen .org-about ul {
  margin: 0;
  padding-left: 18px;
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--tx);
}
.pscreen .dt-path {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.pscreen .dt-status {
  padding: 3px 9px;
  border-radius: 12px;
  font-size: 12px;
  border: 1px solid;
  white-space: nowrap;
}
.pscreen .dt-status small {
  font-size: 11px;
  opacity: 0.8;
}
.pscreen .dt-draft {
  background: #fff7ed;
  border-color: #fdba74;
  color: #9a3412;
}
.pscreen .dt-mid {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1e40af;
}
.pscreen .dt-done {
  background: #f0fdf4;
  border-color: #86efac;
  color: #166534;
}
.pscreen .dt-off {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}
.pscreen-dialog.dt-dialog .sect {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 16px 0 6px;
}
.pscreen-dialog.dt-dialog .hint {
  color: #64748b;
  font-size: 12px;
  margin: 2px 0 8px;
}
.pscreen-dialog.dt-dialog .dt-start {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 6px;
}
.pscreen-dialog.dt-dialog .dt-start .hint {
  margin: 0;
}
.pscreen-dialog.dt-dialog .dt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px 14px;
  padding-top: 8px;
}
.pscreen-dialog.dt-dialog .dt-grid .span2 {
  grid-column: span 2;
}
.pscreen-dialog.dt-dialog .mini {
  border-collapse: collapse;
  width: 100%;
}
.pscreen-dialog.dt-dialog .mini th,
.pscreen-dialog.dt-dialog .mini td {
  padding: 4px 6px;
  border-bottom: 1px solid #e2e8f0;
  text-align: left;
  font-size: 12px;
}
.pscreen-dialog.dt-dialog .mini th {
  background: #f8fafc;
  font-weight: 600;
}
.pscreen-dialog.dt-dialog .mini td.n {
  text-align: center;
}
.pscreen-dialog.dt-dialog .err-panel {
  border: 1px solid #fecaca;
  background: #fef2f2;
  border-radius: 6px;
  padding: 8px 12px;
  color: #dc2626;
}
@media (max-width: 800px) {
  .pscreen-dialog.dt-dialog .dt-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.mat-mdc-form-field.hims-cell-num input {
  text-align: right;
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
}
@media (pointer: coarse) {
  html {
    --mat-button-filled-touch-target-display: block;
    --mat-button-outlined-touch-target-display: block;
    --mat-button-text-touch-target-display: block;
    --mat-button-tonal-touch-target-display: block;
    --mat-button-protected-touch-target-display: block;
    --mat-icon-button-touch-target-display: block;
    --mat-checkbox-touch-target-display: block;
    --mat-radio-touch-target-display: block;
    --mat-slide-toggle-touch-target-display: block;
  }
  .mcde-table {
    --mat-table-header-container-height: 48px;
    --mat-table-row-item-container-height: 48px;
    --mat-button-filled-touch-target-size: 44px;
    --mat-button-outlined-touch-target-size: 44px;
    --mat-button-text-touch-target-size: 44px;
    --mat-button-tonal-touch-target-size: 44px;
    --mat-button-protected-touch-target-size: 44px;
    --mat-icon-button-touch-target-size: 44px;
  }
  .mcde-table .mat-mdc-icon-button {
    margin-inline: 8px;
  }
  .hims-field {
    gap: 12px;
  }
  .mat-mdc-menu-item {
    min-height: 44px;
  }
  html {
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-vertical-padding: 6px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-line-height: 24px;
  }
  .hims-field-text,
  .hims-field .hims-field-text.code,
  .hims-field .hims-field-text .code,
  [data-form-mode=display] .hims-field-text,
  [data-form-mode=display] .hims-field-text.code,
  [data-form-mode=display] .hims-field-text .code {
    font-size: 16px;
    line-height: 24px;
  }
}

/* angular:styles/global:material-theme */
/*# sourceMappingURL=material-theme.css.map */