/* ============================================================
   HerwitzMueller — Foundation tokens
   Brand Reference v1.0 (May 2026) — Section 04 (colour),
   Section 05 (type), Section 06 (spacing).
   ============================================================ */

/* Montserrat — Latin subset, all weights served from a single variable woff2 file
   downloaded from Google Fonts (v31). */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/3259bd11-309e-48c3-b504-e852f908043b.woff2") format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/3259bd11-309e-48c3-b504-e852f908043b.woff2") format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/3259bd11-309e-48c3-b504-e852f908043b.woff2") format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/3259bd11-309e-48c3-b504-e852f908043b.woff2") format('woff2');
}

/* ---------------------------------------------------------------
   Appended 2026-05-18 — added Latin-extended
   subset and italic faces. Existing declarations above are unchanged.
   Variable Montserrat files served by Google Fonts (v31).
   --------------------------------------------------------------- */

/* Latin (italic) — same codepoint range as the base Latin block above. */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/4daf6d98-b472-4cb2-9717-2cf19a962980.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/4daf6d98-b472-4cb2-9717-2cf19a962980.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/4daf6d98-b472-4cb2-9717-2cf19a962980.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/4daf6d98-b472-4cb2-9717-2cf19a962980.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Latin Extended (normal) — accented Euro/Vietnamese/extra-Latin glyphs. */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/d24b9bc3-edd6-4085-b1e3-072f5f72701a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/d24b9bc3-edd6-4085-b1e3-072f5f72701a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/d24b9bc3-edd6-4085-b1e3-072f5f72701a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/d24b9bc3-edd6-4085-b1e3-072f5f72701a.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Latin Extended (italic). */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/efc1cd82-09b4-4038-ba10-f438c2400ac5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/efc1cd82-09b4-4038-ba10-f438c2400ac5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/efc1cd82-09b4-4038-ba10-f438c2400ac5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/efc1cd82-09b4-4038-ba10-f438c2400ac5.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Roboto Mono — monospace face for --font-mono.
   The woff2 below is supplied by the user via the upload banner; until it
   lands, the --font-mono fallback stack (ui-monospace, Menlo, Consolas…)
   renders in its place. Do not substitute a different family here. */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./RobotoMono-Latin.woff2') format('woff2');
}


:root {
  /* -----------------------------------------------------------
     COLOUR — Primary palette (Section 04)
     ----------------------------------------------------------- */
  --hm-teal-green:    #4BB37D;   /* identity anchor: mark fill, CTAs, active */
  --hm-pastel-green:  #9BD5B7;   /* soft light: hover, secondary panels    */
  --hm-near-black:    #414042;   /* body text, primary headings            */
  --hm-graphite:      #595959;   /* secondary text, subheadings, metadata  */
  --hm-charcoal:      #7F7F7F;   /* captions, annotations, tertiary labels */
  --hm-light-grey:    #E8E8E8;   /* borders, dividers, table rules         */
  --hm-off-white:     #F7F7F5;   /* page bg, panel bg, alt table rows      */
  --hm-white:         #FFFFFF;   /* primary content surfaces, cards        */

  /* Wordmark colour (Section 02). Near-black, distinct from body. */
  --hm-wordmark:      #414042;

  /* -----------------------------------------------------------
     COLOUR — Semantic tokens
     Use these in product surfaces; never hardcode hex.
     ----------------------------------------------------------- */
  --bg-page:          var(--hm-off-white);
  --bg-surface:       var(--hm-white);
  --bg-surface-alt:   var(--hm-off-white);
  --bg-inverted:      var(--hm-near-black);
  --bg-hover:         var(--hm-pastel-green);    /* subtle teal-tinted hover */
  --bg-hover-neutral: #EFEFEC;                   /* greyscale hover for chrome */

  --fg-primary:       var(--hm-near-black);
  --fg-secondary:     var(--hm-graphite);
  --fg-tertiary:      var(--hm-charcoal);
  --fg-on-dark:       var(--hm-white);
  --fg-on-accent:     var(--hm-white);
  --fg-link:          var(--hm-near-black);      /* links inherit body, with rule */
  --fg-accent:        var(--hm-teal-green);

  --border-rule:      var(--hm-light-grey);
  --border-strong:    var(--hm-graphite);
  --border-focus:     var(--hm-teal-green);

  --accent:           var(--hm-teal-green);
  --accent-soft:      var(--hm-pastel-green);
  --accent-press:     #3FA06E;                   /* darken teal ~8% for press  */

  /* Status colours are deliberately conservative — no warm accents in
     brand contexts (Section 04 rule). These are utility only, not identity. */
  --status-positive:  var(--hm-teal-green);
  --status-attention: #B8932C;                   /* muted ochre for warnings   */
  --status-critical:  #B23A3A;                   /* desaturated red for errors */
  --status-info:      var(--hm-graphite);

  /* -----------------------------------------------------------
     TYPE — Families
     Montserrat across all brand & product contexts (Section 05).
     ----------------------------------------------------------- */
  --font-sans:  'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-mono:  ui-monospace, 'SFMono-Regular', 'Roboto Mono', Menlo, Consolas, monospace;

  /* Weights */
  --w-regular:  400;   /* @kind font */
  --w-medium:   500;   /* @kind font */
  --w-semibold: 600;   /* @kind font */
  --w-bold:     700;   /* @kind font */  /* wordmark only */

  /* -----------------------------------------------------------
     TYPE — Size hierarchy (Section 05)
     Use the semantic --t-* tokens in product code.
     ----------------------------------------------------------- */
  --t-display:    40px;   /* hero headlines, title slides    32–48 */
  --t-h1:         26px;   /* page titles                     24–28 */
  --t-h2:         19px;   /* section headings                18–20 */
  --t-h3:         16px;   /* subheadings, card titles        15–16 */
  --t-body:       15px;   /* all body copy                   14–15 */
  --t-body-sm:    14px;
  --t-caption:    12px;   /* labels, annotations             12    */
  --t-data:       12px;   /* table headers, badges           11–12 */

  /* Line heights */
  --lh-display:   1.15;   /* @kind font */
  --lh-heading:   1.2;    /* @kind font */
  --lh-body:      1.5;    /* @kind font */
  --lh-tight:     1.0;    /* @kind font */  /* single-line labels & numeric data */

  /* Tracking (letter-spacing) */
  --ls-display:   -0.02em;   /* slight negative on large display    */
  --ls-heading:   -0.01em;
  --ls-body:      0;         /* @kind font */
  --ls-caps:      0.08em;    /* ALL CAPS labels only                */

  /* -----------------------------------------------------------
     SPACING — 4px base scale
     ----------------------------------------------------------- */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;

  /* -----------------------------------------------------------
     SHAPE — Radii. Section 08 calls for "small consistent corner radii".
     Pills only for status-style labels. No organic shapes.
     ----------------------------------------------------------- */
  --radius-0:    0px;
  --radius-1:    2px;       /* rules, inline chips */
  --radius-2:    4px;       /* default — buttons, inputs, cards */
  --radius-3:    6px;       /* surfaced panels */
  --radius-pill: 999px;     /* status badges */

  /* -----------------------------------------------------------
     ELEVATION — Sparing use. Precision-industrial register, not
     consumer-soft. Shadows are functional, not decorative.
     ----------------------------------------------------------- */
  --shadow-none:   none;
  --shadow-rule:   0 1px 0 0 var(--border-rule);       /* hairline under sticky chrome */
  --shadow-card:   0 1px 2px rgba(65,64,66,0.04), 0 0 0 1px rgba(65,64,66,0.06);
  --shadow-raised: 0 4px 12px rgba(65,64,66,0.06), 0 0 0 1px rgba(65,64,66,0.06);
  --shadow-modal:  0 16px 40px rgba(65,64,66,0.12), 0 0 0 1px rgba(65,64,66,0.08);
  --shadow-focus:  0 0 0 3px rgba(75,179,125,0.30);    /* teal focus ring */

  /* -----------------------------------------------------------
     MOTION — Restrained. No bounces, no soft easings as identity.
     ----------------------------------------------------------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);   /* @kind other */
  --ease-exit:     cubic-bezier(0.4, 0, 1, 1);   /* @kind other */
  --dur-fast:      120ms;   /* @kind other */
  --dur-base:      200ms;   /* @kind other */
  --dur-slow:      320ms;   /* @kind other */

  /* -----------------------------------------------------------
     LAYOUT — 12-column digital grid (Section 06)
     ----------------------------------------------------------- */
  --container-max: 1200px;
  --gutter:        24px;
}

/* ============================================================
   BASE — Apply Montserrat globally; reset key defaults.
   ============================================================ */

html, body {
  font-family: var(--font-sans);
  font-weight: var(--w-regular);
  font-size: var(--t-body);
  line-height: var(--lh-body);
  color: var(--fg-primary);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ============================================================
   SEMANTIC TYPE — Use the .hm-* classes inside product surfaces
   when you need direct hierarchy without rewriting tag styles.
   ============================================================ */

.hm-display,
.hm-h1,
.hm-h2,
.hm-h3 {
  font-family: var(--font-sans);
  color: var(--fg-primary);
  margin: 0;
  text-wrap: balance;
}

.hm-display {
  font-size: var(--t-display);
  font-weight: var(--w-semibold);
  line-height: var(--lh-display);
  letter-spacing: var(--ls-display);
}

.hm-h1 {
  font-size: var(--t-h1);
  font-weight: var(--w-semibold);
  line-height: var(--lh-heading);
  letter-spacing: var(--ls-heading);
}

.hm-h2 {
  font-size: var(--t-h2);
  font-weight: var(--w-medium);
  line-height: var(--lh-heading);
}

.hm-h3 {
  font-size: var(--t-h3);
  font-weight: var(--w-medium);
  line-height: var(--lh-heading);
}

.hm-body {
  font-size: var(--t-body);
  font-weight: var(--w-regular);
  line-height: var(--lh-body);
  color: var(--fg-primary);
}

.hm-body-secondary {
  font-size: var(--t-body);
  font-weight: var(--w-regular);
  line-height: var(--lh-body);
  color: var(--fg-secondary);
}

.hm-caption {
  font-size: var(--t-caption);
  font-weight: var(--w-regular);
  line-height: var(--lh-body);
  color: var(--fg-tertiary);
}

.hm-data-label {
  font-size: var(--t-data);
  font-weight: var(--w-medium);
  line-height: var(--lh-tight);
  color: var(--fg-secondary);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
}

.hm-eyebrow {
  font-size: 11px;
  font-weight: var(--w-medium);
  line-height: var(--lh-tight);
  color: var(--fg-accent);
  text-transform: uppercase;
  letter-spacing: var(--ls-caps);
}

.hm-numeric {
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1;
}

/* ============================================================
   FOCUS — Visible, teal, accessible.
   ============================================================ */
*:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: var(--radius-2);
}


/* ---- next style block ---- */

@font-face {
  font-family: "Phosphor";
  src:
    url("/assets/15c6955f-2ad7-45eb-82e5-8c551f8077fa.woff2") format("woff2"),
    url("/assets/04ca73c4-3bcc-4dd0-9c58-5fd157625262.woff") format("woff"),
    url("/assets/a7c56d42-800e-438c-9ed3-305b4b28c7c7.ttf") format("truetype"),
    url("/assets/54a49850-1401-4a25-b588-b5be29078f4e.svg#Phosphor") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph.ph-acorn:before {
  content: "\eb9a";
}
.ph.ph-address-book:before {
  content: "\e6f8";
}
.ph.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph.ph-airplane:before {
  content: "\e002";
}
.ph.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph.ph-airplane-landing:before {
  content: "\e502";
}
.ph.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph.ph-airplay:before {
  content: "\e004";
}
.ph.ph-alarm:before {
  content: "\e006";
}
.ph.ph-alien:before {
  content: "\e8a6";
}
.ph.ph-align-bottom:before {
  content: "\e506";
}
.ph.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph.ph-align-left:before {
  content: "\e50e";
}
.ph.ph-align-left-simple:before {
  content: "\eaee";
}
.ph.ph-align-right:before {
  content: "\e510";
}
.ph.ph-align-right-simple:before {
  content: "\eb12";
}
.ph.ph-align-top:before {
  content: "\e512";
}
.ph.ph-align-top-simple:before {
  content: "\eb14";
}
.ph.ph-amazon-logo:before {
  content: "\e96c";
}
.ph.ph-ambulance:before {
  content: "\e572";
}
.ph.ph-anchor:before {
  content: "\e514";
}
.ph.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph.ph-android-logo:before {
  content: "\e008";
}
.ph.ph-angle:before {
  content: "\e7bc";
}
.ph.ph-angular-logo:before {
  content: "\eb80";
}
.ph.ph-aperture:before {
  content: "\e00a";
}
.ph.ph-app-store-logo:before {
  content: "\e974";
}
.ph.ph-app-window:before {
  content: "\e5da";
}
.ph.ph-apple-logo:before {
  content: "\e516";
}
.ph.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph.ph-approximate-equals:before {
  content: "\edaa";
}
.ph.ph-archive:before {
  content: "\e00c";
}
.ph.ph-armchair:before {
  content: "\e012";
}
.ph.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph.ph-arrow-down:before {
  content: "\e03e";
}
.ph.ph-arrow-down-left:before {
  content: "\e040";
}
.ph.ph-arrow-down-right:before {
  content: "\e042";
}
.ph.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph.ph-arrow-left:before {
  content: "\e058";
}
.ph.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph.ph-arrow-line-left:before {
  content: "\e062";
}
.ph.ph-arrow-line-right:before {
  content: "\e064";
}
.ph.ph-arrow-line-up:before {
  content: "\e066";
}
.ph.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph.ph-arrow-right:before {
  content: "\e06c";
}
.ph.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph.ph-arrow-square-left:before {
  content: "\e074";
}
.ph.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph.ph-arrow-square-right:before {
  content: "\e076";
}
.ph.ph-arrow-square-up:before {
  content: "\e078";
}
.ph.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph.ph-arrow-up:before {
  content: "\e08e";
}
.ph.ph-arrow-up-left:before {
  content: "\e090";
}
.ph.ph-arrow-up-right:before {
  content: "\e092";
}
.ph.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph.ph-arrows-down-up:before {
  content: "\e098";
}
.ph.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph.ph-arrows-in:before {
  content: "\e09a";
}
.ph.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph.ph-arrows-out:before {
  content: "\e0a2";
}
.ph.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph.ph-arrows-split:before {
  content: "\ed3c";
}
.ph.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph.ph-article:before {
  content: "\e0a8";
}
.ph.ph-article-medium:before {
  content: "\e5e0";
}
.ph.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph.ph-asclepius:before {
  content: "\ee34";
}
.ph.ph-caduceus:before {
  content: "\ee34";
}
.ph.ph-asterisk:before {
  content: "\e0aa";
}
.ph.ph-asterisk-simple:before {
  content: "\e832";
}
.ph.ph-at:before {
  content: "\e0ac";
}
.ph.ph-atom:before {
  content: "\e5e4";
}
.ph.ph-avocado:before {
  content: "\ee04";
}
.ph.ph-axe:before {
  content: "\e9fc";
}
.ph.ph-baby:before {
  content: "\e774";
}
.ph.ph-baby-carriage:before {
  content: "\e818";
}
.ph.ph-backpack:before {
  content: "\e922";
}
.ph.ph-backspace:before {
  content: "\e0ae";
}
.ph.ph-bag:before {
  content: "\e0b0";
}
.ph.ph-bag-simple:before {
  content: "\e5e6";
}
.ph.ph-balloon:before {
  content: "\e76c";
}
.ph.ph-bandaids:before {
  content: "\e0b2";
}
.ph.ph-bank:before {
  content: "\e0b4";
}
.ph.ph-barbell:before {
  content: "\e0b6";
}
.ph.ph-barcode:before {
  content: "\e0b8";
}
.ph.ph-barn:before {
  content: "\ec72";
}
.ph.ph-barricade:before {
  content: "\e948";
}
.ph.ph-baseball:before {
  content: "\e71a";
}
.ph.ph-baseball-cap:before {
  content: "\ea28";
}
.ph.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph.ph-basket:before {
  content: "\e964";
}
.ph.ph-basketball:before {
  content: "\e724";
}
.ph.ph-bathtub:before {
  content: "\e81e";
}
.ph.ph-battery-charging:before {
  content: "\e0ba";
}
.ph.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph.ph-battery-empty:before {
  content: "\e0be";
}
.ph.ph-battery-full:before {
  content: "\e0c0";
}
.ph.ph-battery-high:before {
  content: "\e0c2";
}
.ph.ph-battery-low:before {
  content: "\e0c4";
}
.ph.ph-battery-medium:before {
  content: "\e0c6";
}
.ph.ph-battery-plus:before {
  content: "\e808";
}
.ph.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph.ph-battery-warning:before {
  content: "\e0c8";
}
.ph.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph.ph-beach-ball:before {
  content: "\ed24";
}
.ph.ph-beanie:before {
  content: "\ea2a";
}
.ph.ph-bed:before {
  content: "\e0cc";
}
.ph.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph.ph-beer-stein:before {
  content: "\eb62";
}
.ph.ph-behance-logo:before {
  content: "\e7f4";
}
.ph.ph-bell:before {
  content: "\e0ce";
}
.ph.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph.ph-bell-simple:before {
  content: "\e0d0";
}
.ph.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph.ph-bell-slash:before {
  content: "\e0d4";
}
.ph.ph-bell-z:before {
  content: "\e5ee";
}
.ph.ph-belt:before {
  content: "\ea2c";
}
.ph.ph-bezier-curve:before {
  content: "\eb00";
}
.ph.ph-bicycle:before {
  content: "\e0d6";
}
.ph.ph-binary:before {
  content: "\ee60";
}
.ph.ph-binoculars:before {
  content: "\ea64";
}
.ph.ph-biohazard:before {
  content: "\e9e0";
}
.ph.ph-bird:before {
  content: "\e72c";
}
.ph.ph-blueprint:before {
  content: "\eda0";
}
.ph.ph-bluetooth:before {
  content: "\e0da";
}
.ph.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph.ph-boat:before {
  content: "\e786";
}
.ph.ph-bomb:before {
  content: "\ee0a";
}
.ph.ph-bone:before {
  content: "\e7f2";
}
.ph.ph-book:before {
  content: "\e0e2";
}
.ph.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph.ph-book-open:before {
  content: "\e0e6";
}
.ph.ph-book-open-text:before {
  content: "\e8f2";
}
.ph.ph-book-open-user:before {
  content: "\ede0";
}
.ph.ph-bookmark:before {
  content: "\e0e8";
}
.ph.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph.ph-bookmarks:before {
  content: "\e0ec";
}
.ph.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph.ph-books:before {
  content: "\e758";
}
.ph.ph-boot:before {
  content: "\ecca";
}
.ph.ph-boules:before {
  content: "\e722";
}
.ph.ph-bounding-box:before {
  content: "\e6ce";
}
.ph.ph-bowl-food:before {
  content: "\eaa4";
}
.ph.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph.ph-bowling-ball:before {
  content: "\ea34";
}
.ph.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph.ph-archive-box:before {
  content: "\e00e";
}
.ph.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph.ph-boxing-glove:before {
  content: "\ea36";
}
.ph.ph-brackets-angle:before {
  content: "\e862";
}
.ph.ph-brackets-curly:before {
  content: "\e860";
}
.ph.ph-brackets-round:before {
  content: "\e864";
}
.ph.ph-brackets-square:before {
  content: "\e85e";
}
.ph.ph-brain:before {
  content: "\e74e";
}
.ph.ph-brandy:before {
  content: "\e6b4";
}
.ph.ph-bread:before {
  content: "\e81c";
}
.ph.ph-bridge:before {
  content: "\ea68";
}
.ph.ph-briefcase:before {
  content: "\e0ee";
}
.ph.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph.ph-broadcast:before {
  content: "\e0f2";
}
.ph.ph-broom:before {
  content: "\ec54";
}
.ph.ph-browser:before {
  content: "\e0f4";
}
.ph.ph-browsers:before {
  content: "\e0f6";
}
.ph.ph-bug:before {
  content: "\e5f4";
}
.ph.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph.ph-bug-droid:before {
  content: "\e5f8";
}
.ph.ph-building:before {
  content: "\e100";
}
.ph.ph-building-apartment:before {
  content: "\e0fe";
}
.ph.ph-building-office:before {
  content: "\e0ff";
}
.ph.ph-buildings:before {
  content: "\e102";
}
.ph.ph-bulldozer:before {
  content: "\ec6c";
}
.ph.ph-bus:before {
  content: "\e106";
}
.ph.ph-butterfly:before {
  content: "\ea6e";
}
.ph.ph-cable-car:before {
  content: "\e49c";
}
.ph.ph-cactus:before {
  content: "\e918";
}
.ph.ph-cake:before {
  content: "\e780";
}
.ph.ph-calculator:before {
  content: "\e538";
}
.ph.ph-calendar:before {
  content: "\e108";
}
.ph.ph-calendar-blank:before {
  content: "\e10a";
}
.ph.ph-calendar-check:before {
  content: "\e712";
}
.ph.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph.ph-calendar-minus:before {
  content: "\ea14";
}
.ph.ph-calendar-plus:before {
  content: "\e714";
}
.ph.ph-calendar-slash:before {
  content: "\ea12";
}
.ph.ph-calendar-star:before {
  content: "\e8b2";
}
.ph.ph-calendar-x:before {
  content: "\e10c";
}
.ph.ph-call-bell:before {
  content: "\e7de";
}
.ph.ph-camera:before {
  content: "\e10e";
}
.ph.ph-camera-plus:before {
  content: "\ec58";
}
.ph.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph.ph-camera-slash:before {
  content: "\e110";
}
.ph.ph-campfire:before {
  content: "\e9d8";
}
.ph.ph-car:before {
  content: "\e112";
}
.ph.ph-car-battery:before {
  content: "\ee30";
}
.ph.ph-car-profile:before {
  content: "\e8cc";
}
.ph.ph-car-simple:before {
  content: "\e114";
}
.ph.ph-cardholder:before {
  content: "\e5fa";
}
.ph.ph-cards:before {
  content: "\e0f8";
}
.ph.ph-cards-three:before {
  content: "\ee50";
}
.ph.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph.ph-caret-circle-left:before {
  content: "\e120";
}
.ph.ph-caret-circle-right:before {
  content: "\e122";
}
.ph.ph-caret-circle-up:before {
  content: "\e124";
}
.ph.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph.ph-caret-double-down:before {
  content: "\e126";
}
.ph.ph-caret-double-left:before {
  content: "\e128";
}
.ph.ph-caret-double-right:before {
  content: "\e12a";
}
.ph.ph-caret-double-up:before {
  content: "\e12c";
}
.ph.ph-caret-down:before {
  content: "\e136";
}
.ph.ph-caret-left:before {
  content: "\e138";
}
.ph.ph-caret-line-down:before {
  content: "\e134";
}
.ph.ph-caret-line-left:before {
  content: "\e132";
}
.ph.ph-caret-line-right:before {
  content: "\e130";
}
.ph.ph-caret-line-up:before {
  content: "\e12e";
}
.ph.ph-caret-right:before {
  content: "\e13a";
}
.ph.ph-caret-up:before {
  content: "\e13c";
}
.ph.ph-caret-up-down:before {
  content: "\e140";
}
.ph.ph-carrot:before {
  content: "\ed38";
}
.ph.ph-cash-register:before {
  content: "\ed80";
}
.ph.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph.ph-castle-turret:before {
  content: "\e9d0";
}
.ph.ph-cat:before {
  content: "\e748";
}
.ph.ph-cell-signal-full:before {
  content: "\e142";
}
.ph.ph-cell-signal-high:before {
  content: "\e144";
}
.ph.ph-cell-signal-low:before {
  content: "\e146";
}
.ph.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph.ph-cell-tower:before {
  content: "\ebaa";
}
.ph.ph-certificate:before {
  content: "\e766";
}
.ph.ph-chair:before {
  content: "\e950";
}
.ph.ph-chalkboard:before {
  content: "\e5fc";
}
.ph.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph.ph-champagne:before {
  content: "\eaca";
}
.ph.ph-charging-station:before {
  content: "\e8d0";
}
.ph.ph-chart-bar:before {
  content: "\e150";
}
.ph.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph.ph-chart-donut:before {
  content: "\eaa6";
}
.ph.ph-chart-line:before {
  content: "\e154";
}
.ph.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph.ph-chart-line-up:before {
  content: "\e156";
}
.ph.ph-chart-pie:before {
  content: "\e158";
}
.ph.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph.ph-chart-polar:before {
  content: "\eaa8";
}
.ph.ph-chart-scatter:before {
  content: "\eaac";
}
.ph.ph-chat:before {
  content: "\e15c";
}
.ph.ph-chat-centered:before {
  content: "\e160";
}
.ph.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph.ph-chat-centered-text:before {
  content: "\e166";
}
.ph.ph-chat-circle:before {
  content: "\e168";
}
.ph.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph.ph-chat-dots:before {
  content: "\e170";
}
.ph.ph-chat-slash:before {
  content: "\e15e";
}
.ph.ph-chat-teardrop:before {
  content: "\e172";
}
.ph.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph.ph-chat-text:before {
  content: "\e17a";
}
.ph.ph-chats:before {
  content: "\e17c";
}
.ph.ph-chats-circle:before {
  content: "\e17e";
}
.ph.ph-chats-teardrop:before {
  content: "\e180";
}
.ph.ph-check:before {
  content: "\e182";
}
.ph.ph-check-circle:before {
  content: "\e184";
}
.ph.ph-check-fat:before {
  content: "\eba6";
}
.ph.ph-check-square:before {
  content: "\e186";
}
.ph.ph-check-square-offset:before {
  content: "\e188";
}
.ph.ph-checkerboard:before {
  content: "\e8c4";
}
.ph.ph-checks:before {
  content: "\e53a";
}
.ph.ph-cheers:before {
  content: "\ea4a";
}
.ph.ph-cheese:before {
  content: "\e9fe";
}
.ph.ph-chef-hat:before {
  content: "\ed8e";
}
.ph.ph-cherries:before {
  content: "\e830";
}
.ph.ph-church:before {
  content: "\ecea";
}
.ph.ph-cigarette:before {
  content: "\ed90";
}
.ph.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph.ph-circle:before {
  content: "\e18a";
}
.ph.ph-circle-dashed:before {
  content: "\e602";
}
.ph.ph-circle-half:before {
  content: "\e18c";
}
.ph.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph.ph-circle-notch:before {
  content: "\eb44";
}
.ph.ph-circles-four:before {
  content: "\e190";
}
.ph.ph-circles-three:before {
  content: "\e192";
}
.ph.ph-circles-three-plus:before {
  content: "\e194";
}
.ph.ph-circuitry:before {
  content: "\e9c2";
}
.ph.ph-city:before {
  content: "\ea6a";
}
.ph.ph-clipboard:before {
  content: "\e196";
}
.ph.ph-clipboard-text:before {
  content: "\e198";
}
.ph.ph-clock:before {
  content: "\e19a";
}
.ph.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph.ph-clock-user:before {
  content: "\edec";
}
.ph.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph.ph-cloud:before {
  content: "\e1aa";
}
.ph.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph.ph-cloud-check:before {
  content: "\e1b0";
}
.ph.ph-cloud-fog:before {
  content: "\e53c";
}
.ph.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph.ph-cloud-moon:before {
  content: "\e53e";
}
.ph.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph.ph-cloud-sun:before {
  content: "\e540";
}
.ph.ph-cloud-warning:before {
  content: "\ea98";
}
.ph.ph-cloud-x:before {
  content: "\ea96";
}
.ph.ph-clover:before {
  content: "\edc8";
}
.ph.ph-club:before {
  content: "\e1ba";
}
.ph.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph.ph-coda-logo:before {
  content: "\e7ce";
}
.ph.ph-code:before {
  content: "\e1bc";
}
.ph.ph-code-block:before {
  content: "\eafe";
}
.ph.ph-code-simple:before {
  content: "\e1be";
}
.ph.ph-codepen-logo:before {
  content: "\e978";
}
.ph.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph.ph-coffee:before {
  content: "\e1c2";
}
.ph.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph.ph-coin:before {
  content: "\e60e";
}
.ph.ph-coin-vertical:before {
  content: "\eb48";
}
.ph.ph-coins:before {
  content: "\e78e";
}
.ph.ph-columns:before {
  content: "\e546";
}
.ph.ph-columns-plus-left:before {
  content: "\e544";
}
.ph.ph-columns-plus-right:before {
  content: "\e542";
}
.ph.ph-command:before {
  content: "\e1c4";
}
.ph.ph-compass:before {
  content: "\e1c8";
}
.ph.ph-compass-rose:before {
  content: "\e1c6";
}
.ph.ph-compass-tool:before {
  content: "\ea0e";
}
.ph.ph-computer-tower:before {
  content: "\e548";
}
.ph.ph-confetti:before {
  content: "\e81a";
}
.ph.ph-contactless-payment:before {
  content: "\ed42";
}
.ph.ph-control:before {
  content: "\eca6";
}
.ph.ph-cookie:before {
  content: "\e6ca";
}
.ph.ph-cooking-pot:before {
  content: "\e764";
}
.ph.ph-copy:before {
  content: "\e1ca";
}
.ph.ph-copy-simple:before {
  content: "\e1cc";
}
.ph.ph-copyleft:before {
  content: "\e86a";
}
.ph.ph-copyright:before {
  content: "\e54a";
}
.ph.ph-corners-in:before {
  content: "\e1ce";
}
.ph.ph-corners-out:before {
  content: "\e1d0";
}
.ph.ph-couch:before {
  content: "\e7f6";
}
.ph.ph-court-basketball:before {
  content: "\ee36";
}
.ph.ph-cow:before {
  content: "\eabe";
}
.ph.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph.ph-cpu:before {
  content: "\e610";
}
.ph.ph-crane:before {
  content: "\ed48";
}
.ph.ph-crane-tower:before {
  content: "\ed49";
}
.ph.ph-credit-card:before {
  content: "\e1d2";
}
.ph.ph-cricket:before {
  content: "\ee12";
}
.ph.ph-crop:before {
  content: "\e1d4";
}
.ph.ph-cross:before {
  content: "\e8a0";
}
.ph.ph-crosshair:before {
  content: "\e1d6";
}
.ph.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph.ph-crown:before {
  content: "\e614";
}
.ph.ph-crown-cross:before {
  content: "\ee5e";
}
.ph.ph-crown-simple:before {
  content: "\e616";
}
.ph.ph-cube:before {
  content: "\e1da";
}
.ph.ph-cube-focus:before {
  content: "\ed0a";
}
.ph.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph.ph-currency-btc:before {
  content: "\e618";
}
.ph.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph.ph-currency-cny:before {
  content: "\e54e";
}
.ph.ph-currency-dollar:before {
  content: "\e550";
}
.ph.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph.ph-currency-eth:before {
  content: "\eada";
}
.ph.ph-currency-eur:before {
  content: "\e554";
}
.ph.ph-currency-gbp:before {
  content: "\e556";
}
.ph.ph-currency-inr:before {
  content: "\e558";
}
.ph.ph-currency-jpy:before {
  content: "\e55a";
}
.ph.ph-currency-krw:before {
  content: "\e55c";
}
.ph.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph.ph-currency-ngn:before {
  content: "\eb52";
}
.ph.ph-currency-rub:before {
  content: "\e55e";
}
.ph.ph-cursor:before {
  content: "\e1dc";
}
.ph.ph-cursor-click:before {
  content: "\e7c8";
}
.ph.ph-cursor-text:before {
  content: "\e7d8";
}
.ph.ph-cylinder:before {
  content: "\e8fc";
}
.ph.ph-database:before {
  content: "\e1de";
}
.ph.ph-desk:before {
  content: "\ed16";
}
.ph.ph-desktop:before {
  content: "\e560";
}
.ph.ph-desktop-tower:before {
  content: "\e562";
}
.ph.ph-detective:before {
  content: "\e83e";
}
.ph.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph.ph-device-mobile:before {
  content: "\e1e0";
}
.ph.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph.ph-device-rotate:before {
  content: "\edf2";
}
.ph.ph-device-tablet:before {
  content: "\e1e6";
}
.ph.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph.ph-devices:before {
  content: "\eba4";
}
.ph.ph-diamond:before {
  content: "\e1ec";
}
.ph.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph.ph-dice-five:before {
  content: "\e1ee";
}
.ph.ph-dice-four:before {
  content: "\e1f0";
}
.ph.ph-dice-one:before {
  content: "\e1f2";
}
.ph.ph-dice-six:before {
  content: "\e1f4";
}
.ph.ph-dice-three:before {
  content: "\e1f6";
}
.ph.ph-dice-two:before {
  content: "\e1f8";
}
.ph.ph-disc:before {
  content: "\e564";
}
.ph.ph-disco-ball:before {
  content: "\ed98";
}
.ph.ph-discord-logo:before {
  content: "\e61a";
}
.ph.ph-divide:before {
  content: "\e1fa";
}
.ph.ph-dna:before {
  content: "\e924";
}
.ph.ph-dog:before {
  content: "\e74a";
}
.ph.ph-door:before {
  content: "\e61c";
}
.ph.ph-door-open:before {
  content: "\e7e6";
}
.ph.ph-dot:before {
  content: "\ecde";
}
.ph.ph-dot-outline:before {
  content: "\ece0";
}
.ph.ph-dots-nine:before {
  content: "\e1fc";
}
.ph.ph-dots-six:before {
  content: "\e794";
}
.ph.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph.ph-dots-three:before {
  content: "\e1fe";
}
.ph.ph-dots-three-circle:before {
  content: "\e200";
}
.ph.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph.ph-dots-three-outline:before {
  content: "\e204";
}
.ph.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph.ph-download:before {
  content: "\e20a";
}
.ph.ph-download-simple:before {
  content: "\e20c";
}
.ph.ph-dress:before {
  content: "\ea7e";
}
.ph.ph-dresser:before {
  content: "\e94e";
}
.ph.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph.ph-drone:before {
  content: "\ed74";
}
.ph.ph-drop:before {
  content: "\e210";
}
.ph.ph-drop-half:before {
  content: "\e566";
}
.ph.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph.ph-drop-simple:before {
  content: "\ee32";
}
.ph.ph-drop-slash:before {
  content: "\e954";
}
.ph.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph.ph-ear:before {
  content: "\e70c";
}
.ph.ph-ear-slash:before {
  content: "\e70e";
}
.ph.ph-egg:before {
  content: "\e812";
}
.ph.ph-egg-crack:before {
  content: "\eb64";
}
.ph.ph-eject:before {
  content: "\e212";
}
.ph.ph-eject-simple:before {
  content: "\e6ae";
}
.ph.ph-elevator:before {
  content: "\ecc0";
}
.ph.ph-empty:before {
  content: "\edbc";
}
.ph.ph-engine:before {
  content: "\ea80";
}
.ph.ph-envelope:before {
  content: "\e214";
}
.ph.ph-envelope-open:before {
  content: "\e216";
}
.ph.ph-envelope-simple:before {
  content: "\e218";
}
.ph.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph.ph-equalizer:before {
  content: "\ebbc";
}
.ph.ph-equals:before {
  content: "\e21c";
}
.ph.ph-eraser:before {
  content: "\e21e";
}
.ph.ph-escalator-down:before {
  content: "\ecba";
}
.ph.ph-escalator-up:before {
  content: "\ecbc";
}
.ph.ph-exam:before {
  content: "\e742";
}
.ph.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph.ph-exclude:before {
  content: "\e882";
}
.ph.ph-exclude-square:before {
  content: "\e880";
}
.ph.ph-export:before {
  content: "\eaf0";
}
.ph.ph-eye:before {
  content: "\e220";
}
.ph.ph-eye-closed:before {
  content: "\e222";
}
.ph.ph-eye-slash:before {
  content: "\e224";
}
.ph.ph-eyedropper:before {
  content: "\e568";
}
.ph.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph.ph-eyes:before {
  content: "\ee5c";
}
.ph.ph-face-mask:before {
  content: "\e56a";
}
.ph.ph-facebook-logo:before {
  content: "\e226";
}
.ph.ph-factory:before {
  content: "\e760";
}
.ph.ph-faders:before {
  content: "\e228";
}
.ph.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph.ph-fan:before {
  content: "\e9f2";
}
.ph.ph-farm:before {
  content: "\ec70";
}
.ph.ph-fast-forward:before {
  content: "\e6a6";
}
.ph.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph.ph-feather:before {
  content: "\e9c0";
}
.ph.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph.ph-figma-logo:before {
  content: "\e22e";
}
.ph.ph-file:before {
  content: "\e230";
}
.ph.ph-file-archive:before {
  content: "\eb2a";
}
.ph.ph-file-arrow-down:before {
  content: "\e232";
}
.ph.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph.ph-file-audio:before {
  content: "\ea20";
}
.ph.ph-file-c:before {
  content: "\eb32";
}
.ph.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph.ph-file-cloud:before {
  content: "\e95e";
}
.ph.ph-file-code:before {
  content: "\e914";
}
.ph.ph-file-cpp:before {
  content: "\eb2e";
}
.ph.ph-file-css:before {
  content: "\eb34";
}
.ph.ph-file-csv:before {
  content: "\eb1c";
}
.ph.ph-file-dashed:before {
  content: "\e704";
}
.ph.ph-file-dotted:before {
  content: "\e704";
}
.ph.ph-file-doc:before {
  content: "\eb1e";
}
.ph.ph-file-html:before {
  content: "\eb38";
}
.ph.ph-file-image:before {
  content: "\ea24";
}
.ph.ph-file-ini:before {
  content: "\eb33";
}
.ph.ph-file-jpg:before {
  content: "\eb1a";
}
.ph.ph-file-js:before {
  content: "\eb24";
}
.ph.ph-file-jsx:before {
  content: "\eb3a";
}
.ph.ph-file-lock:before {
  content: "\e95c";
}
.ph.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph.ph-file-search:before {
  content: "\e238";
}
.ph.ph-file-md:before {
  content: "\ed50";
}
.ph.ph-file-minus:before {
  content: "\e234";
}
.ph.ph-file-pdf:before {
  content: "\e702";
}
.ph.ph-file-plus:before {
  content: "\e236";
}
.ph.ph-file-png:before {
  content: "\eb18";
}
.ph.ph-file-ppt:before {
  content: "\eb20";
}
.ph.ph-file-py:before {
  content: "\eb2c";
}
.ph.ph-file-rs:before {
  content: "\eb28";
}
.ph.ph-file-sql:before {
  content: "\ed4e";
}
.ph.ph-file-svg:before {
  content: "\ed08";
}
.ph.ph-file-text:before {
  content: "\e23a";
}
.ph.ph-file-ts:before {
  content: "\eb26";
}
.ph.ph-file-tsx:before {
  content: "\eb3c";
}
.ph.ph-file-txt:before {
  content: "\eb35";
}
.ph.ph-file-video:before {
  content: "\ea22";
}
.ph.ph-file-vue:before {
  content: "\eb3e";
}
.ph.ph-file-x:before {
  content: "\e23c";
}
.ph.ph-file-xls:before {
  content: "\eb22";
}
.ph.ph-file-zip:before {
  content: "\e958";
}
.ph.ph-files:before {
  content: "\e710";
}
.ph.ph-film-reel:before {
  content: "\e8c0";
}
.ph.ph-film-script:before {
  content: "\eb50";
}
.ph.ph-film-slate:before {
  content: "\e8c2";
}
.ph.ph-film-strip:before {
  content: "\e792";
}
.ph.ph-fingerprint:before {
  content: "\e23e";
}
.ph.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph.ph-finn-the-human:before {
  content: "\e56c";
}
.ph.ph-fire:before {
  content: "\e242";
}
.ph.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph.ph-fire-simple:before {
  content: "\e620";
}
.ph.ph-fire-truck:before {
  content: "\e574";
}
.ph.ph-first-aid:before {
  content: "\e56e";
}
.ph.ph-first-aid-kit:before {
  content: "\e570";
}
.ph.ph-fish:before {
  content: "\e728";
}
.ph.ph-fish-simple:before {
  content: "\e72a";
}
.ph.ph-flag:before {
  content: "\e244";
}
.ph.ph-flag-banner:before {
  content: "\e622";
}
.ph.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph.ph-flag-checkered:before {
  content: "\ea38";
}
.ph.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph.ph-flame:before {
  content: "\e624";
}
.ph.ph-flashlight:before {
  content: "\e246";
}
.ph.ph-flask:before {
  content: "\e79e";
}
.ph.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph.ph-floppy-disk:before {
  content: "\e248";
}
.ph.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph.ph-flower:before {
  content: "\e75e";
}
.ph.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph.ph-flower-tulip:before {
  content: "\eacc";
}
.ph.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph.ph-folder:before {
  content: "\e24a";
}
.ph.ph-folder-notch:before {
  content: "\e24a";
}
.ph.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph.ph-folder-lock:before {
  content: "\ea3c";
}
.ph.ph-folder-minus:before {
  content: "\e254";
}
.ph.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph.ph-folder-open:before {
  content: "\e256";
}
.ph.ph-folder-notch-open:before {
  content: "\e256";
}
.ph.ph-folder-plus:before {
  content: "\e258";
}
.ph.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph.ph-folder-simple:before {
  content: "\e25a";
}
.ph.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph.ph-folder-star:before {
  content: "\ea86";
}
.ph.ph-folder-user:before {
  content: "\eb46";
}
.ph.ph-folders:before {
  content: "\e260";
}
.ph.ph-football:before {
  content: "\e718";
}
.ph.ph-football-helmet:before {
  content: "\ee4c";
}
.ph.ph-footprints:before {
  content: "\ea88";
}
.ph.ph-fork-knife:before {
  content: "\e262";
}
.ph.ph-four-k:before {
  content: "\ea5c";
}
.ph.ph-frame-corners:before {
  content: "\e626";
}
.ph.ph-framer-logo:before {
  content: "\e264";
}
.ph.ph-function:before {
  content: "\ebe4";
}
.ph.ph-funnel:before {
  content: "\e266";
}
.ph.ph-funnel-simple:before {
  content: "\e268";
}
.ph.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph.ph-funnel-x:before {
  content: "\e26c";
}
.ph.ph-game-controller:before {
  content: "\e26e";
}
.ph.ph-garage:before {
  content: "\ecd6";
}
.ph.ph-gas-can:before {
  content: "\e8ce";
}
.ph.ph-gas-pump:before {
  content: "\e768";
}
.ph.ph-gauge:before {
  content: "\e628";
}
.ph.ph-gavel:before {
  content: "\ea32";
}
.ph.ph-gear:before {
  content: "\e270";
}
.ph.ph-gear-fine:before {
  content: "\e87c";
}
.ph.ph-gear-six:before {
  content: "\e272";
}
.ph.ph-gender-female:before {
  content: "\e6e0";
}
.ph.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph.ph-gender-male:before {
  content: "\e6e2";
}
.ph.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph.ph-ghost:before {
  content: "\e62a";
}
.ph.ph-gif:before {
  content: "\e274";
}
.ph.ph-gift:before {
  content: "\e276";
}
.ph.ph-git-branch:before {
  content: "\e278";
}
.ph.ph-git-commit:before {
  content: "\e27a";
}
.ph.ph-git-diff:before {
  content: "\e27c";
}
.ph.ph-git-fork:before {
  content: "\e27e";
}
.ph.ph-git-merge:before {
  content: "\e280";
}
.ph.ph-git-pull-request:before {
  content: "\e282";
}
.ph.ph-github-logo:before {
  content: "\e576";
}
.ph.ph-gitlab-logo:before {
  content: "\e694";
}
.ph.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph.ph-globe:before {
  content: "\e288";
}
.ph.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph.ph-globe-simple:before {
  content: "\e28e";
}
.ph.ph-globe-simple-x:before {
  content: "\e284";
}
.ph.ph-globe-stand:before {
  content: "\e290";
}
.ph.ph-globe-x:before {
  content: "\e286";
}
.ph.ph-goggles:before {
  content: "\ecb4";
}
.ph.ph-golf:before {
  content: "\ea3e";
}
.ph.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph.ph-google-logo:before {
  content: "\e292";
}
.ph.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph.ph-google-play-logo:before {
  content: "\e294";
}
.ph.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph.ph-gps:before {
  content: "\edd8";
}
.ph.ph-gps-fix:before {
  content: "\edd6";
}
.ph.ph-gps-slash:before {
  content: "\edd4";
}
.ph.ph-gradient:before {
  content: "\eb42";
}
.ph.ph-graduation-cap:before {
  content: "\e62c";
}
.ph.ph-grains:before {
  content: "\ec68";
}
.ph.ph-grains-slash:before {
  content: "\ec6a";
}
.ph.ph-graph:before {
  content: "\eb58";
}
.ph.ph-graphics-card:before {
  content: "\e612";
}
.ph.ph-greater-than:before {
  content: "\edc4";
}
.ph.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph.ph-grid-four:before {
  content: "\e296";
}
.ph.ph-grid-nine:before {
  content: "\ec8c";
}
.ph.ph-guitar:before {
  content: "\ea8a";
}
.ph.ph-hair-dryer:before {
  content: "\ea66";
}
.ph.ph-hamburger:before {
  content: "\e790";
}
.ph.ph-hammer:before {
  content: "\e80e";
}
.ph.ph-hand:before {
  content: "\e298";
}
.ph.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph.ph-hand-coins:before {
  content: "\ea8c";
}
.ph.ph-hand-deposit:before {
  content: "\ee82";
}
.ph.ph-hand-eye:before {
  content: "\ea4c";
}
.ph.ph-hand-fist:before {
  content: "\e57a";
}
.ph.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph.ph-hand-heart:before {
  content: "\e810";
}
.ph.ph-hand-palm:before {
  content: "\e57e";
}
.ph.ph-hand-peace:before {
  content: "\e7cc";
}
.ph.ph-hand-pointing:before {
  content: "\e29a";
}
.ph.ph-hand-soap:before {
  content: "\e630";
}
.ph.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph.ph-hand-tap:before {
  content: "\ec90";
}
.ph.ph-hand-waving:before {
  content: "\e580";
}
.ph.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph.ph-handbag:before {
  content: "\e29c";
}
.ph.ph-handbag-simple:before {
  content: "\e62e";
}
.ph.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph.ph-hands-praying:before {
  content: "\ecc8";
}
.ph.ph-handshake:before {
  content: "\e582";
}
.ph.ph-hard-drive:before {
  content: "\e29e";
}
.ph.ph-hard-drives:before {
  content: "\e2a0";
}
.ph.ph-hard-hat:before {
  content: "\ed46";
}
.ph.ph-hash:before {
  content: "\e2a2";
}
.ph.ph-hash-straight:before {
  content: "\e2a4";
}
.ph.ph-head-circuit:before {
  content: "\e7d4";
}
.ph.ph-headlights:before {
  content: "\e6fe";
}
.ph.ph-headphones:before {
  content: "\e2a6";
}
.ph.ph-headset:before {
  content: "\e584";
}
.ph.ph-heart:before {
  content: "\e2a8";
}
.ph.ph-heart-break:before {
  content: "\ebe8";
}
.ph.ph-heart-half:before {
  content: "\ec48";
}
.ph.ph-heart-straight:before {
  content: "\e2aa";
}
.ph.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph.ph-heartbeat:before {
  content: "\e2ac";
}
.ph.ph-hexagon:before {
  content: "\e2ae";
}
.ph.ph-high-definition:before {
  content: "\ea8e";
}
.ph.ph-high-heel:before {
  content: "\e8e8";
}
.ph.ph-highlighter:before {
  content: "\ec76";
}
.ph.ph-highlighter-circle:before {
  content: "\e632";
}
.ph.ph-hockey:before {
  content: "\ec86";
}
.ph.ph-hoodie:before {
  content: "\ecd0";
}
.ph.ph-horse:before {
  content: "\e2b0";
}
.ph.ph-hospital:before {
  content: "\e844";
}
.ph.ph-hourglass:before {
  content: "\e2b2";
}
.ph.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph.ph-house:before {
  content: "\e2c2";
}
.ph.ph-house-line:before {
  content: "\e2c4";
}
.ph.ph-house-simple:before {
  content: "\e2c6";
}
.ph.ph-hurricane:before {
  content: "\e88e";
}
.ph.ph-ice-cream:before {
  content: "\e804";
}
.ph.ph-identification-badge:before {
  content: "\e6f6";
}
.ph.ph-identification-card:before {
  content: "\e2c8";
}
.ph.ph-image:before {
  content: "\e2ca";
}
.ph.ph-image-broken:before {
  content: "\e7a8";
}
.ph.ph-image-square:before {
  content: "\e2cc";
}
.ph.ph-images:before {
  content: "\e836";
}
.ph.ph-images-square:before {
  content: "\e834";
}
.ph.ph-infinity:before {
  content: "\e634";
}
.ph.ph-lemniscate:before {
  content: "\e634";
}
.ph.ph-info:before {
  content: "\e2ce";
}
.ph.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph.ph-intersect:before {
  content: "\e2d2";
}
.ph.ph-intersect-square:before {
  content: "\e87a";
}
.ph.ph-intersect-three:before {
  content: "\ecc4";
}
.ph.ph-intersection:before {
  content: "\edba";
}
.ph.ph-invoice:before {
  content: "\ee42";
}
.ph.ph-island:before {
  content: "\ee06";
}
.ph.ph-jar:before {
  content: "\e7e0";
}
.ph.ph-jar-label:before {
  content: "\e7e1";
}
.ph.ph-jeep:before {
  content: "\e2d4";
}
.ph.ph-joystick:before {
  content: "\ea5e";
}
.ph.ph-kanban:before {
  content: "\eb54";
}
.ph.ph-key:before {
  content: "\e2d6";
}
.ph.ph-key-return:before {
  content: "\e782";
}
.ph.ph-keyboard:before {
  content: "\e2d8";
}
.ph.ph-keyhole:before {
  content: "\ea78";
}
.ph.ph-knife:before {
  content: "\e636";
}
.ph.ph-ladder:before {
  content: "\e9e4";
}
.ph.ph-ladder-simple:before {
  content: "\ec26";
}
.ph.ph-lamp:before {
  content: "\e638";
}
.ph.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph.ph-laptop:before {
  content: "\e586";
}
.ph.ph-lasso:before {
  content: "\edc6";
}
.ph.ph-lastfm-logo:before {
  content: "\e842";
}
.ph.ph-layout:before {
  content: "\e6d6";
}
.ph.ph-leaf:before {
  content: "\e2da";
}
.ph.ph-lectern:before {
  content: "\e95a";
}
.ph.ph-lego:before {
  content: "\e8c6";
}
.ph.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph.ph-less-than:before {
  content: "\edac";
}
.ph.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph.ph-lifebuoy:before {
  content: "\e63a";
}
.ph.ph-lightbulb:before {
  content: "\e2dc";
}
.ph.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph.ph-lighthouse:before {
  content: "\e9f6";
}
.ph.ph-lightning:before {
  content: "\e2de";
}
.ph.ph-lightning-a:before {
  content: "\ea84";
}
.ph.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph.ph-line-segment:before {
  content: "\e6d2";
}
.ph.ph-line-segments:before {
  content: "\e6d4";
}
.ph.ph-line-vertical:before {
  content: "\ed70";
}
.ph.ph-link:before {
  content: "\e2e2";
}
.ph.ph-link-break:before {
  content: "\e2e4";
}
.ph.ph-link-simple:before {
  content: "\e2e6";
}
.ph.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph.ph-linktree-logo:before {
  content: "\edee";
}
.ph.ph-linux-logo:before {
  content: "\eb02";
}
.ph.ph-list:before {
  content: "\e2f0";
}
.ph.ph-list-bullets:before {
  content: "\e2f2";
}
.ph.ph-list-checks:before {
  content: "\eadc";
}
.ph.ph-list-dashes:before {
  content: "\e2f4";
}
.ph.ph-list-heart:before {
  content: "\ebde";
}
.ph.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph.ph-list-numbers:before {
  content: "\e2f6";
}
.ph.ph-list-plus:before {
  content: "\e2f8";
}
.ph.ph-list-star:before {
  content: "\ebdc";
}
.ph.ph-lock:before {
  content: "\e2fa";
}
.ph.ph-lock-key:before {
  content: "\e2fe";
}
.ph.ph-lock-key-open:before {
  content: "\e300";
}
.ph.ph-lock-laminated:before {
  content: "\e302";
}
.ph.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph.ph-lock-open:before {
  content: "\e306";
}
.ph.ph-lock-simple:before {
  content: "\e308";
}
.ph.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph.ph-lockers:before {
  content: "\ecb8";
}
.ph.ph-log:before {
  content: "\ed82";
}
.ph.ph-magic-wand:before {
  content: "\e6b6";
}
.ph.ph-magnet:before {
  content: "\e680";
}
.ph.ph-magnet-straight:before {
  content: "\e682";
}
.ph.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph.ph-mailbox:before {
  content: "\ec1e";
}
.ph.ph-map-pin:before {
  content: "\e316";
}
.ph.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph.ph-map-pin-line:before {
  content: "\e318";
}
.ph.ph-map-pin-plus:before {
  content: "\e314";
}
.ph.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph.ph-map-trifold:before {
  content: "\e31a";
}
.ph.ph-markdown-logo:before {
  content: "\e508";
}
.ph.ph-marker-circle:before {
  content: "\e640";
}
.ph.ph-martini:before {
  content: "\e31c";
}
.ph.ph-mask-happy:before {
  content: "\e9f4";
}
.ph.ph-mask-sad:before {
  content: "\eb9e";
}
.ph.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph.ph-math-operations:before {
  content: "\e31e";
}
.ph.ph-matrix-logo:before {
  content: "\ed64";
}
.ph.ph-medal:before {
  content: "\e320";
}
.ph.ph-medal-military:before {
  content: "\ecfc";
}
.ph.ph-medium-logo:before {
  content: "\e322";
}
.ph.ph-megaphone:before {
  content: "\e324";
}
.ph.ph-megaphone-simple:before {
  content: "\e642";
}
.ph.ph-member-of:before {
  content: "\edc2";
}
.ph.ph-memory:before {
  content: "\e9c4";
}
.ph.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph.ph-meta-logo:before {
  content: "\ed02";
}
.ph.ph-meteor:before {
  content: "\e9ba";
}
.ph.ph-metronome:before {
  content: "\ec8e";
}
.ph.ph-microphone:before {
  content: "\e326";
}
.ph.ph-microphone-slash:before {
  content: "\e328";
}
.ph.ph-microphone-stage:before {
  content: "\e75c";
}
.ph.ph-microscope:before {
  content: "\ec7a";
}
.ph.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph.ph-minus:before {
  content: "\e32a";
}
.ph.ph-minus-circle:before {
  content: "\e32c";
}
.ph.ph-minus-square:before {
  content: "\ed4c";
}
.ph.ph-money:before {
  content: "\e588";
}
.ph.ph-money-wavy:before {
  content: "\ee68";
}
.ph.ph-monitor:before {
  content: "\e32e";
}
.ph.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph.ph-monitor-play:before {
  content: "\e58c";
}
.ph.ph-moon:before {
  content: "\e330";
}
.ph.ph-moon-stars:before {
  content: "\e58e";
}
.ph.ph-moped:before {
  content: "\e824";
}
.ph.ph-moped-front:before {
  content: "\e822";
}
.ph.ph-mosque:before {
  content: "\ecee";
}
.ph.ph-motorcycle:before {
  content: "\e80a";
}
.ph.ph-mountains:before {
  content: "\e7ae";
}
.ph.ph-mouse:before {
  content: "\e33a";
}
.ph.ph-mouse-left-click:before {
  content: "\e334";
}
.ph.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph.ph-mouse-right-click:before {
  content: "\e336";
}
.ph.ph-mouse-scroll:before {
  content: "\e332";
}
.ph.ph-mouse-simple:before {
  content: "\e644";
}
.ph.ph-music-note:before {
  content: "\e33c";
}
.ph.ph-music-note-simple:before {
  content: "\e33e";
}
.ph.ph-music-notes:before {
  content: "\e340";
}
.ph.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph.ph-music-notes-simple:before {
  content: "\e342";
}
.ph.ph-navigation-arrow:before {
  content: "\eade";
}
.ph.ph-needle:before {
  content: "\e82e";
}
.ph.ph-network:before {
  content: "\edde";
}
.ph.ph-network-slash:before {
  content: "\eddc";
}
.ph.ph-network-x:before {
  content: "\edda";
}
.ph.ph-newspaper:before {
  content: "\e344";
}
.ph.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph.ph-not-equals:before {
  content: "\eda6";
}
.ph.ph-not-member-of:before {
  content: "\edae";
}
.ph.ph-not-subset-of:before {
  content: "\edb0";
}
.ph.ph-not-superset-of:before {
  content: "\edb2";
}
.ph.ph-notches:before {
  content: "\ed3a";
}
.ph.ph-note:before {
  content: "\e348";
}
.ph.ph-note-blank:before {
  content: "\e34a";
}
.ph.ph-note-pencil:before {
  content: "\e34c";
}
.ph.ph-notebook:before {
  content: "\e34e";
}
.ph.ph-notepad:before {
  content: "\e63e";
}
.ph.ph-notification:before {
  content: "\e6fa";
}
.ph.ph-notion-logo:before {
  content: "\e9a0";
}
.ph.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph.ph-number-circle-eight:before {
  content: "\e352";
}
.ph.ph-number-circle-five:before {
  content: "\e358";
}
.ph.ph-number-circle-four:before {
  content: "\e35e";
}
.ph.ph-number-circle-nine:before {
  content: "\e364";
}
.ph.ph-number-circle-one:before {
  content: "\e36a";
}
.ph.ph-number-circle-seven:before {
  content: "\e370";
}
.ph.ph-number-circle-six:before {
  content: "\e376";
}
.ph.ph-number-circle-three:before {
  content: "\e37c";
}
.ph.ph-number-circle-two:before {
  content: "\e382";
}
.ph.ph-number-circle-zero:before {
  content: "\e388";
}
.ph.ph-number-eight:before {
  content: "\e350";
}
.ph.ph-number-five:before {
  content: "\e356";
}
.ph.ph-number-four:before {
  content: "\e35c";
}
.ph.ph-number-nine:before {
  content: "\e362";
}
.ph.ph-number-one:before {
  content: "\e368";
}
.ph.ph-number-seven:before {
  content: "\e36e";
}
.ph.ph-number-six:before {
  content: "\e374";
}
.ph.ph-number-square-eight:before {
  content: "\e354";
}
.ph.ph-number-square-five:before {
  content: "\e35a";
}
.ph.ph-number-square-four:before {
  content: "\e360";
}
.ph.ph-number-square-nine:before {
  content: "\e366";
}
.ph.ph-number-square-one:before {
  content: "\e36c";
}
.ph.ph-number-square-seven:before {
  content: "\e372";
}
.ph.ph-number-square-six:before {
  content: "\e378";
}
.ph.ph-number-square-three:before {
  content: "\e37e";
}
.ph.ph-number-square-two:before {
  content: "\e384";
}
.ph.ph-number-square-zero:before {
  content: "\e38a";
}
.ph.ph-number-three:before {
  content: "\e37a";
}
.ph.ph-number-two:before {
  content: "\e380";
}
.ph.ph-number-zero:before {
  content: "\e386";
}
.ph.ph-numpad:before {
  content: "\e3c8";
}
.ph.ph-nut:before {
  content: "\e38c";
}
.ph.ph-ny-times-logo:before {
  content: "\e646";
}
.ph.ph-octagon:before {
  content: "\e38e";
}
.ph.ph-office-chair:before {
  content: "\ea46";
}
.ph.ph-onigiri:before {
  content: "\ee2c";
}
.ph.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph.ph-option:before {
  content: "\e8a8";
}
.ph.ph-orange:before {
  content: "\ee40";
}
.ph.ph-orange-slice:before {
  content: "\ed36";
}
.ph.ph-oven:before {
  content: "\ed8c";
}
.ph.ph-package:before {
  content: "\e390";
}
.ph.ph-paint-brush:before {
  content: "\e6f0";
}
.ph.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph.ph-paint-bucket:before {
  content: "\e392";
}
.ph.ph-paint-roller:before {
  content: "\e6f4";
}
.ph.ph-palette:before {
  content: "\e6c8";
}
.ph.ph-panorama:before {
  content: "\eaa2";
}
.ph.ph-pants:before {
  content: "\ec88";
}
.ph.ph-paper-plane:before {
  content: "\e394";
}
.ph.ph-paper-plane-right:before {
  content: "\e396";
}
.ph.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph.ph-paperclip:before {
  content: "\e39a";
}
.ph.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph.ph-parachute:before {
  content: "\ea7c";
}
.ph.ph-paragraph:before {
  content: "\e960";
}
.ph.ph-parallelogram:before {
  content: "\ecc6";
}
.ph.ph-park:before {
  content: "\ecb2";
}
.ph.ph-password:before {
  content: "\e752";
}
.ph.ph-path:before {
  content: "\e39c";
}
.ph.ph-patreon-logo:before {
  content: "\e98a";
}
.ph.ph-pause:before {
  content: "\e39e";
}
.ph.ph-pause-circle:before {
  content: "\e3a0";
}
.ph.ph-paw-print:before {
  content: "\e648";
}
.ph.ph-paypal-logo:before {
  content: "\e98c";
}
.ph.ph-peace:before {
  content: "\e3a2";
}
.ph.ph-pen:before {
  content: "\e3aa";
}
.ph.ph-pen-nib:before {
  content: "\e3ac";
}
.ph.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph.ph-pencil:before {
  content: "\e3ae";
}
.ph.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph.ph-pencil-line:before {
  content: "\e3b2";
}
.ph.ph-pencil-ruler:before {
  content: "\e906";
}
.ph.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph.ph-pentagon:before {
  content: "\ec7e";
}
.ph.ph-pentagram:before {
  content: "\ec5c";
}
.ph.ph-pepper:before {
  content: "\e94a";
}
.ph.ph-percent:before {
  content: "\e3b6";
}
.ph.ph-person:before {
  content: "\e3a8";
}
.ph.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph.ph-person-simple:before {
  content: "\e72e";
}
.ph.ph-person-simple-bike:before {
  content: "\e734";
}
.ph.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph.ph-person-simple-run:before {
  content: "\e730";
}
.ph.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph.ph-person-simple-swim:before {
  content: "\e736";
}
.ph.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph.ph-person-simple-throw:before {
  content: "\e732";
}
.ph.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph.ph-perspective:before {
  content: "\ebe6";
}
.ph.ph-phone:before {
  content: "\e3b8";
}
.ph.ph-phone-call:before {
  content: "\e3ba";
}
.ph.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph.ph-phone-incoming:before {
  content: "\e3be";
}
.ph.ph-phone-list:before {
  content: "\e3cc";
}
.ph.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph.ph-phone-pause:before {
  content: "\e3ca";
}
.ph.ph-phone-plus:before {
  content: "\ec56";
}
.ph.ph-phone-slash:before {
  content: "\e3c2";
}
.ph.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph.ph-phone-x:before {
  content: "\e3c4";
}
.ph.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph.ph-pi:before {
  content: "\ec80";
}
.ph.ph-piano-keys:before {
  content: "\e9c8";
}
.ph.ph-picnic-table:before {
  content: "\ee26";
}
.ph.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph.ph-piggy-bank:before {
  content: "\ea04";
}
.ph.ph-pill:before {
  content: "\e700";
}
.ph.ph-ping-pong:before {
  content: "\ea42";
}
.ph.ph-pint-glass:before {
  content: "\edd0";
}
.ph.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph.ph-pinwheel:before {
  content: "\eb9c";
}
.ph.ph-pipe:before {
  content: "\ed86";
}
.ph.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph.ph-pix-logo:before {
  content: "\ecc2";
}
.ph.ph-pizza:before {
  content: "\e796";
}
.ph.ph-placeholder:before {
  content: "\e650";
}
.ph.ph-planet:before {
  content: "\e652";
}
.ph.ph-plant:before {
  content: "\ebae";
}
.ph.ph-play:before {
  content: "\e3d0";
}
.ph.ph-play-circle:before {
  content: "\e3d2";
}
.ph.ph-play-pause:before {
  content: "\e8be";
}
.ph.ph-playlist:before {
  content: "\e6aa";
}
.ph.ph-plug:before {
  content: "\e946";
}
.ph.ph-plug-charging:before {
  content: "\eb5c";
}
.ph.ph-plugs:before {
  content: "\eb56";
}
.ph.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph.ph-plus:before {
  content: "\e3d4";
}
.ph.ph-plus-circle:before {
  content: "\e3d6";
}
.ph.ph-plus-minus:before {
  content: "\e3d8";
}
.ph.ph-plus-square:before {
  content: "\ed4a";
}
.ph.ph-poker-chip:before {
  content: "\e594";
}
.ph.ph-police-car:before {
  content: "\ec4a";
}
.ph.ph-polygon:before {
  content: "\e6d0";
}
.ph.ph-popcorn:before {
  content: "\eb4e";
}
.ph.ph-popsicle:before {
  content: "\ebbe";
}
.ph.ph-potted-plant:before {
  content: "\ec22";
}
.ph.ph-power:before {
  content: "\e3da";
}
.ph.ph-prescription:before {
  content: "\e7a2";
}
.ph.ph-presentation:before {
  content: "\e654";
}
.ph.ph-presentation-chart:before {
  content: "\e656";
}
.ph.ph-printer:before {
  content: "\e3dc";
}
.ph.ph-prohibit:before {
  content: "\e3de";
}
.ph.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph.ph-projector-screen:before {
  content: "\e658";
}
.ph.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph.ph-pulse:before {
  content: "\e000";
}
.ph.ph-activity:before {
  content: "\e000";
}
.ph.ph-push-pin:before {
  content: "\e3e2";
}
.ph.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph.ph-puzzle-piece:before {
  content: "\e596";
}
.ph.ph-qr-code:before {
  content: "\e3e6";
}
.ph.ph-question:before {
  content: "\e3e8";
}
.ph.ph-question-mark:before {
  content: "\e3e9";
}
.ph.ph-queue:before {
  content: "\e6ac";
}
.ph.ph-quotes:before {
  content: "\e660";
}
.ph.ph-rabbit:before {
  content: "\eac2";
}
.ph.ph-racquet:before {
  content: "\ee02";
}
.ph.ph-radical:before {
  content: "\e3ea";
}
.ph.ph-radio:before {
  content: "\e77e";
}
.ph.ph-radio-button:before {
  content: "\eb08";
}
.ph.ph-radioactive:before {
  content: "\e9dc";
}
.ph.ph-rainbow:before {
  content: "\e598";
}
.ph.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph.ph-ranking:before {
  content: "\ed62";
}
.ph.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph.ph-receipt:before {
  content: "\e3ec";
}
.ph.ph-receipt-x:before {
  content: "\ed40";
}
.ph.ph-record:before {
  content: "\e3ee";
}
.ph.ph-rectangle:before {
  content: "\e3f0";
}
.ph.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph.ph-recycle:before {
  content: "\e75a";
}
.ph.ph-reddit-logo:before {
  content: "\e59c";
}
.ph.ph-repeat:before {
  content: "\e3f6";
}
.ph.ph-repeat-once:before {
  content: "\e3f8";
}
.ph.ph-replit-logo:before {
  content: "\eb8a";
}
.ph.ph-resize:before {
  content: "\ed6e";
}
.ph.ph-rewind:before {
  content: "\e6a8";
}
.ph.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph.ph-road-horizon:before {
  content: "\e838";
}
.ph.ph-robot:before {
  content: "\e762";
}
.ph.ph-rocket:before {
  content: "\e3fc";
}
.ph.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph.ph-rows:before {
  content: "\e5a2";
}
.ph.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph.ph-rss:before {
  content: "\e400";
}
.ph.ph-rss-simple:before {
  content: "\e402";
}
.ph.ph-rug:before {
  content: "\ea1a";
}
.ph.ph-ruler:before {
  content: "\e6b8";
}
.ph.ph-sailboat:before {
  content: "\e78a";
}
.ph.ph-scales:before {
  content: "\e750";
}
.ph.ph-scan:before {
  content: "\ebb6";
}
.ph.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph.ph-scissors:before {
  content: "\eae0";
}
.ph.ph-scooter:before {
  content: "\e820";
}
.ph.ph-screencast:before {
  content: "\e404";
}
.ph.ph-screwdriver:before {
  content: "\e86e";
}
.ph.ph-scribble:before {
  content: "\e806";
}
.ph.ph-scribble-loop:before {
  content: "\e662";
}
.ph.ph-scroll:before {
  content: "\eb7a";
}
.ph.ph-seal:before {
  content: "\e604";
}
.ph.ph-circle-wavy:before {
  content: "\e604";
}
.ph.ph-seal-check:before {
  content: "\e606";
}
.ph.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph.ph-seal-percent:before {
  content: "\e60a";
}
.ph.ph-seal-question:before {
  content: "\e608";
}
.ph.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph.ph-seal-warning:before {
  content: "\e60c";
}
.ph.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph.ph-seat:before {
  content: "\eb8e";
}
.ph.ph-seatbelt:before {
  content: "\edfe";
}
.ph.ph-security-camera:before {
  content: "\eca4";
}
.ph.ph-selection:before {
  content: "\e69a";
}
.ph.ph-selection-all:before {
  content: "\e746";
}
.ph.ph-selection-background:before {
  content: "\eaf8";
}
.ph.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph.ph-selection-inverse:before {
  content: "\e744";
}
.ph.ph-selection-plus:before {
  content: "\e69c";
}
.ph.ph-selection-slash:before {
  content: "\e69e";
}
.ph.ph-shapes:before {
  content: "\ec5e";
}
.ph.ph-share:before {
  content: "\e406";
}
.ph.ph-share-fat:before {
  content: "\ed52";
}
.ph.ph-share-network:before {
  content: "\e408";
}
.ph.ph-shield:before {
  content: "\e40a";
}
.ph.ph-shield-check:before {
  content: "\e40c";
}
.ph.ph-shield-checkered:before {
  content: "\e708";
}
.ph.ph-shield-chevron:before {
  content: "\e40e";
}
.ph.ph-shield-plus:before {
  content: "\e706";
}
.ph.ph-shield-slash:before {
  content: "\e410";
}
.ph.ph-shield-star:before {
  content: "\ec34";
}
.ph.ph-shield-warning:before {
  content: "\e412";
}
.ph.ph-shipping-container:before {
  content: "\e78c";
}
.ph.ph-shirt-folded:before {
  content: "\ea92";
}
.ph.ph-shooting-star:before {
  content: "\ecfa";
}
.ph.ph-shopping-bag:before {
  content: "\e416";
}
.ph.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph.ph-shopping-cart:before {
  content: "\e41e";
}
.ph.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph.ph-shovel:before {
  content: "\e9e6";
}
.ph.ph-shower:before {
  content: "\e776";
}
.ph.ph-shrimp:before {
  content: "\eab4";
}
.ph.ph-shuffle:before {
  content: "\e422";
}
.ph.ph-shuffle-angular:before {
  content: "\e424";
}
.ph.ph-shuffle-simple:before {
  content: "\e426";
}
.ph.ph-sidebar:before {
  content: "\eab6";
}
.ph.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph.ph-sigma:before {
  content: "\eab8";
}
.ph.ph-sign-in:before {
  content: "\e428";
}
.ph.ph-sign-out:before {
  content: "\e42a";
}
.ph.ph-signature:before {
  content: "\ebac";
}
.ph.ph-signpost:before {
  content: "\e89c";
}
.ph.ph-sim-card:before {
  content: "\e664";
}
.ph.ph-siren:before {
  content: "\e9b8";
}
.ph.ph-sketch-logo:before {
  content: "\e42c";
}
.ph.ph-skip-back:before {
  content: "\e5a4";
}
.ph.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph.ph-skip-forward:before {
  content: "\e5a6";
}
.ph.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph.ph-skull:before {
  content: "\e916";
}
.ph.ph-skype-logo:before {
  content: "\e8dc";
}
.ph.ph-slack-logo:before {
  content: "\e5a8";
}
.ph.ph-sliders:before {
  content: "\e432";
}
.ph.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph.ph-slideshow:before {
  content: "\ed32";
}
.ph.ph-smiley:before {
  content: "\e436";
}
.ph.ph-smiley-angry:before {
  content: "\ec62";
}
.ph.ph-smiley-blank:before {
  content: "\e438";
}
.ph.ph-smiley-meh:before {
  content: "\e43a";
}
.ph.ph-smiley-melting:before {
  content: "\ee56";
}
.ph.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph.ph-smiley-sad:before {
  content: "\e43e";
}
.ph.ph-smiley-sticker:before {
  content: "\e440";
}
.ph.ph-smiley-wink:before {
  content: "\e666";
}
.ph.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph.ph-snapchat-logo:before {
  content: "\e668";
}
.ph.ph-sneaker:before {
  content: "\e80c";
}
.ph.ph-sneaker-move:before {
  content: "\ed60";
}
.ph.ph-snowflake:before {
  content: "\e5aa";
}
.ph.ph-soccer-ball:before {
  content: "\e716";
}
.ph.ph-sock:before {
  content: "\ecce";
}
.ph.ph-solar-panel:before {
  content: "\ed7a";
}
.ph.ph-solar-roof:before {
  content: "\ed7b";
}
.ph.ph-sort-ascending:before {
  content: "\e444";
}
.ph.ph-sort-descending:before {
  content: "\e446";
}
.ph.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph.ph-spade:before {
  content: "\e448";
}
.ph.ph-sparkle:before {
  content: "\e6a2";
}
.ph.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph.ph-speaker-high:before {
  content: "\e44a";
}
.ph.ph-speaker-low:before {
  content: "\e44c";
}
.ph.ph-speaker-none:before {
  content: "\e44e";
}
.ph.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph.ph-speaker-slash:before {
  content: "\e45a";
}
.ph.ph-speaker-x:before {
  content: "\e45c";
}
.ph.ph-speedometer:before {
  content: "\ee74";
}
.ph.ph-sphere:before {
  content: "\ee66";
}
.ph.ph-spinner:before {
  content: "\e66a";
}
.ph.ph-spinner-ball:before {
  content: "\ee28";
}
.ph.ph-spinner-gap:before {
  content: "\e66c";
}
.ph.ph-spiral:before {
  content: "\e9fa";
}
.ph.ph-split-horizontal:before {
  content: "\e872";
}
.ph.ph-split-vertical:before {
  content: "\e876";
}
.ph.ph-spotify-logo:before {
  content: "\e66e";
}
.ph.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph.ph-square:before {
  content: "\e45e";
}
.ph.ph-square-half:before {
  content: "\e462";
}
.ph.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph.ph-square-logo:before {
  content: "\e690";
}
.ph.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph.ph-square-split-vertical:before {
  content: "\e874";
}
.ph.ph-squares-four:before {
  content: "\e464";
}
.ph.ph-stack:before {
  content: "\e466";
}
.ph.ph-stack-minus:before {
  content: "\edf4";
}
.ph.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph.ph-stack-plus:before {
  content: "\edf6";
}
.ph.ph-stack-simple:before {
  content: "\e468";
}
.ph.ph-stairs:before {
  content: "\e8ec";
}
.ph.ph-stamp:before {
  content: "\ea48";
}
.ph.ph-standard-definition:before {
  content: "\ea90";
}
.ph.ph-star:before {
  content: "\e46a";
}
.ph.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph.ph-star-four:before {
  content: "\e6a4";
}
.ph.ph-star-half:before {
  content: "\e70a";
}
.ph.ph-star-of-david:before {
  content: "\e89e";
}
.ph.ph-steam-logo:before {
  content: "\ead4";
}
.ph.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph.ph-steps:before {
  content: "\ecbe";
}
.ph.ph-stethoscope:before {
  content: "\e7ea";
}
.ph.ph-sticker:before {
  content: "\e5ac";
}
.ph.ph-stool:before {
  content: "\ea44";
}
.ph.ph-stop:before {
  content: "\e46c";
}
.ph.ph-stop-circle:before {
  content: "\e46e";
}
.ph.ph-storefront:before {
  content: "\e470";
}
.ph.ph-strategy:before {
  content: "\ea3a";
}
.ph.ph-stripe-logo:before {
  content: "\e698";
}
.ph.ph-student:before {
  content: "\e73e";
}
.ph.ph-subset-of:before {
  content: "\edc0";
}
.ph.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph.ph-subtitles:before {
  content: "\e1a8";
}
.ph.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph.ph-subtract:before {
  content: "\ebd6";
}
.ph.ph-subtract-square:before {
  content: "\ebd4";
}
.ph.ph-subway:before {
  content: "\e498";
}
.ph.ph-suitcase:before {
  content: "\e5ae";
}
.ph.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph.ph-sun:before {
  content: "\e472";
}
.ph.ph-sun-dim:before {
  content: "\e474";
}
.ph.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph.ph-sunglasses:before {
  content: "\e816";
}
.ph.ph-superset-of:before {
  content: "\edb8";
}
.ph.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph.ph-swap:before {
  content: "\e83c";
}
.ph.ph-swatches:before {
  content: "\e5b8";
}
.ph.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph.ph-sword:before {
  content: "\e5ba";
}
.ph.ph-synagogue:before {
  content: "\ecec";
}
.ph.ph-syringe:before {
  content: "\e968";
}
.ph.ph-t-shirt:before {
  content: "\e670";
}
.ph.ph-table:before {
  content: "\e476";
}
.ph.ph-tabs:before {
  content: "\e778";
}
.ph.ph-tag:before {
  content: "\e478";
}
.ph.ph-tag-chevron:before {
  content: "\e672";
}
.ph.ph-tag-simple:before {
  content: "\e47a";
}
.ph.ph-target:before {
  content: "\e47c";
}
.ph.ph-taxi:before {
  content: "\e902";
}
.ph.ph-tea-bag:before {
  content: "\e8e6";
}
.ph.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph.ph-television:before {
  content: "\e754";
}
.ph.ph-television-simple:before {
  content: "\eae6";
}
.ph.ph-tennis-ball:before {
  content: "\e720";
}
.ph.ph-tent:before {
  content: "\e8ba";
}
.ph.ph-terminal:before {
  content: "\e47e";
}
.ph.ph-terminal-window:before {
  content: "\eae8";
}
.ph.ph-test-tube:before {
  content: "\e7a0";
}
.ph.ph-text-a-underline:before {
  content: "\ed34";
}
.ph.ph-text-aa:before {
  content: "\e6ee";
}
.ph.ph-text-align-center:before {
  content: "\e480";
}
.ph.ph-text-align-justify:before {
  content: "\e482";
}
.ph.ph-text-align-left:before {
  content: "\e484";
}
.ph.ph-text-align-right:before {
  content: "\e486";
}
.ph.ph-text-b:before {
  content: "\e5be";
}
.ph.ph-text-bolder:before {
  content: "\e5be";
}
.ph.ph-text-columns:before {
  content: "\ec96";
}
.ph.ph-text-h:before {
  content: "\e6ba";
}
.ph.ph-text-h-five:before {
  content: "\e6c4";
}
.ph.ph-text-h-four:before {
  content: "\e6c2";
}
.ph.ph-text-h-one:before {
  content: "\e6bc";
}
.ph.ph-text-h-six:before {
  content: "\e6c6";
}
.ph.ph-text-h-three:before {
  content: "\e6c0";
}
.ph.ph-text-h-two:before {
  content: "\e6be";
}
.ph.ph-text-indent:before {
  content: "\ea1e";
}
.ph.ph-text-italic:before {
  content: "\e5c0";
}
.ph.ph-text-outdent:before {
  content: "\ea1c";
}
.ph.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph.ph-text-subscript:before {
  content: "\ec98";
}
.ph.ph-text-superscript:before {
  content: "\ec9a";
}
.ph.ph-text-t:before {
  content: "\e48a";
}
.ph.ph-text-t-slash:before {
  content: "\e488";
}
.ph.ph-text-underline:before {
  content: "\e5c4";
}
.ph.ph-textbox:before {
  content: "\eb0a";
}
.ph.ph-thermometer:before {
  content: "\e5c6";
}
.ph.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph.ph-threads-logo:before {
  content: "\ed9e";
}
.ph.ph-three-d:before {
  content: "\ea5a";
}
.ph.ph-thumbs-down:before {
  content: "\e48c";
}
.ph.ph-thumbs-up:before {
  content: "\e48e";
}
.ph.ph-ticket:before {
  content: "\e490";
}
.ph.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph.ph-tilde:before {
  content: "\eda8";
}
.ph.ph-timer:before {
  content: "\e492";
}
.ph.ph-tip-jar:before {
  content: "\e7e2";
}
.ph.ph-tipi:before {
  content: "\ed30";
}
.ph.ph-tire:before {
  content: "\edd2";
}
.ph.ph-toggle-left:before {
  content: "\e674";
}
.ph.ph-toggle-right:before {
  content: "\e676";
}
.ph.ph-toilet:before {
  content: "\e79a";
}
.ph.ph-toilet-paper:before {
  content: "\e79c";
}
.ph.ph-toolbox:before {
  content: "\eca0";
}
.ph.ph-tooth:before {
  content: "\e9cc";
}
.ph.ph-tornado:before {
  content: "\e88c";
}
.ph.ph-tote:before {
  content: "\e494";
}
.ph.ph-tote-simple:before {
  content: "\e678";
}
.ph.ph-towel:before {
  content: "\ede6";
}
.ph.ph-tractor:before {
  content: "\ec6e";
}
.ph.ph-trademark:before {
  content: "\e9f0";
}
.ph.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph.ph-traffic-sign:before {
  content: "\e67a";
}
.ph.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph.ph-train:before {
  content: "\e496";
}
.ph.ph-train-regional:before {
  content: "\e49e";
}
.ph.ph-train-simple:before {
  content: "\e4a0";
}
.ph.ph-tram:before {
  content: "\e9ec";
}
.ph.ph-translate:before {
  content: "\e4a2";
}
.ph.ph-trash:before {
  content: "\e4a6";
}
.ph.ph-trash-simple:before {
  content: "\e4a8";
}
.ph.ph-tray:before {
  content: "\e4aa";
}
.ph.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph.ph-archive-tray:before {
  content: "\e010";
}
.ph.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph.ph-treasure-chest:before {
  content: "\ede2";
}
.ph.ph-tree:before {
  content: "\e6da";
}
.ph.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph.ph-tree-palm:before {
  content: "\e91a";
}
.ph.ph-tree-structure:before {
  content: "\e67c";
}
.ph.ph-tree-view:before {
  content: "\ee48";
}
.ph.ph-trend-down:before {
  content: "\e4ac";
}
.ph.ph-trend-up:before {
  content: "\e4ae";
}
.ph.ph-triangle:before {
  content: "\e4b0";
}
.ph.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph.ph-trolley:before {
  content: "\e5b2";
}
.ph.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph.ph-trophy:before {
  content: "\e67e";
}
.ph.ph-truck:before {
  content: "\e4b4";
}
.ph.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph.ph-umbrella:before {
  content: "\e684";
}
.ph.ph-umbrella-simple:before {
  content: "\e686";
}
.ph.ph-union:before {
  content: "\edbe";
}
.ph.ph-unite:before {
  content: "\e87e";
}
.ph.ph-unite-square:before {
  content: "\e878";
}
.ph.ph-upload:before {
  content: "\e4be";
}
.ph.ph-upload-simple:before {
  content: "\e4c0";
}
.ph.ph-usb:before {
  content: "\e956";
}
.ph.ph-user:before {
  content: "\e4c2";
}
.ph.ph-user-check:before {
  content: "\eafa";
}
.ph.ph-user-circle:before {
  content: "\e4c4";
}
.ph.ph-user-circle-check:before {
  content: "\ec38";
}
.ph.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph.ph-user-focus:before {
  content: "\e6fc";
}
.ph.ph-user-gear:before {
  content: "\e4cc";
}
.ph.ph-user-list:before {
  content: "\e73c";
}
.ph.ph-user-minus:before {
  content: "\e4ce";
}
.ph.ph-user-plus:before {
  content: "\e4d0";
}
.ph.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph.ph-user-sound:before {
  content: "\eca8";
}
.ph.ph-user-square:before {
  content: "\e4d4";
}
.ph.ph-user-switch:before {
  content: "\e756";
}
.ph.ph-users:before {
  content: "\e4d6";
}
.ph.ph-users-four:before {
  content: "\e68c";
}
.ph.ph-users-three:before {
  content: "\e68e";
}
.ph.ph-van:before {
  content: "\e826";
}
.ph.ph-vault:before {
  content: "\e76e";
}
.ph.ph-vector-three:before {
  content: "\ee62";
}
.ph.ph-vector-two:before {
  content: "\ee64";
}
.ph.ph-vibrate:before {
  content: "\e4d8";
}
.ph.ph-video:before {
  content: "\e740";
}
.ph.ph-video-camera:before {
  content: "\e4da";
}
.ph.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph.ph-video-conference:before {
  content: "\edce";
}
.ph.ph-vignette:before {
  content: "\eba2";
}
.ph.ph-vinyl-record:before {
  content: "\ecac";
}
.ph.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph.ph-virus:before {
  content: "\e7d6";
}
.ph.ph-visor:before {
  content: "\ee2a";
}
.ph.ph-voicemail:before {
  content: "\e4de";
}
.ph.ph-volleyball:before {
  content: "\e726";
}
.ph.ph-wall:before {
  content: "\e688";
}
.ph.ph-wallet:before {
  content: "\e68a";
}
.ph.ph-warehouse:before {
  content: "\ecd4";
}
.ph.ph-warning:before {
  content: "\e4e0";
}
.ph.ph-warning-circle:before {
  content: "\e4e2";
}
.ph.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph.ph-washing-machine:before {
  content: "\ede8";
}
.ph.ph-watch:before {
  content: "\e4e6";
}
.ph.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph.ph-wave-sine:before {
  content: "\ea9a";
}
.ph.ph-wave-square:before {
  content: "\ea9e";
}
.ph.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph.ph-waveform:before {
  content: "\e802";
}
.ph.ph-waveform-slash:before {
  content: "\e800";
}
.ph.ph-waves:before {
  content: "\e6de";
}
.ph.ph-webcam:before {
  content: "\e9b2";
}
.ph.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph.ph-wheelchair:before {
  content: "\e4e8";
}
.ph.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph.ph-wifi-high:before {
  content: "\e4ea";
}
.ph.ph-wifi-low:before {
  content: "\e4ec";
}
.ph.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph.ph-wifi-none:before {
  content: "\e4f0";
}
.ph.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph.ph-wifi-x:before {
  content: "\e4f4";
}
.ph.ph-wind:before {
  content: "\e5d2";
}
.ph.ph-windmill:before {
  content: "\e9f8";
}
.ph.ph-windows-logo:before {
  content: "\e692";
}
.ph.ph-wine:before {
  content: "\e6b2";
}
.ph.ph-wrench:before {
  content: "\e5d4";
}
.ph.ph-x:before {
  content: "\e4f6";
}
.ph.ph-x-circle:before {
  content: "\e4f8";
}
.ph.ph-x-logo:before {
  content: "\e4bc";
}
.ph.ph-x-square:before {
  content: "\e4fa";
}
.ph.ph-yarn:before {
  content: "\ed9a";
}
.ph.ph-yin-yang:before {
  content: "\e92a";
}
.ph.ph-youtube-logo:before {
  content: "\e4fc";
}


/* ---- next style block ---- */

@font-face {
  font-family: "Phosphor-Fill";
  src:
    url("/assets/e645ce52-26a8-4669-a0d4-36b6ee6ef7f8.woff2") format("woff2"),
    url("/assets/3656fd70-ad0a-4ab2-a0e9-9fb2af3a95e5.woff") format("woff"),
    url("/assets/a85e2606-3940-441b-920a-df39634e8a03.ttf") format("truetype"),
    url("/assets/b23fb9f5-b54b-4079-a9d6-0c583e7d446d.svg#Phosphor-Fill") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ph-fill {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Phosphor-Fill" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ph-fill.ph-acorn:before {
  content: "\eb9a";
}
.ph-fill.ph-address-book:before {
  content: "\e6f8";
}
.ph-fill.ph-address-book-tabs:before {
  content: "\ee4e";
}
.ph-fill.ph-air-traffic-control:before {
  content: "\ecd8";
}
.ph-fill.ph-airplane:before {
  content: "\e002";
}
.ph-fill.ph-airplane-in-flight:before {
  content: "\e4fe";
}
.ph-fill.ph-airplane-landing:before {
  content: "\e502";
}
.ph-fill.ph-airplane-takeoff:before {
  content: "\e504";
}
.ph-fill.ph-airplane-taxiing:before {
  content: "\e500";
}
.ph-fill.ph-airplane-tilt:before {
  content: "\e5d6";
}
.ph-fill.ph-airplay:before {
  content: "\e004";
}
.ph-fill.ph-alarm:before {
  content: "\e006";
}
.ph-fill.ph-alien:before {
  content: "\e8a6";
}
.ph-fill.ph-align-bottom:before {
  content: "\e506";
}
.ph-fill.ph-align-bottom-simple:before {
  content: "\eb0c";
}
.ph-fill.ph-align-center-horizontal:before {
  content: "\e50a";
}
.ph-fill.ph-align-center-horizontal-simple:before {
  content: "\eb0e";
}
.ph-fill.ph-align-center-vertical:before {
  content: "\e50c";
}
.ph-fill.ph-align-center-vertical-simple:before {
  content: "\eb10";
}
.ph-fill.ph-align-left:before {
  content: "\e50e";
}
.ph-fill.ph-align-left-simple:before {
  content: "\eaee";
}
.ph-fill.ph-align-right:before {
  content: "\e510";
}
.ph-fill.ph-align-right-simple:before {
  content: "\eb12";
}
.ph-fill.ph-align-top:before {
  content: "\e512";
}
.ph-fill.ph-align-top-simple:before {
  content: "\eb14";
}
.ph-fill.ph-amazon-logo:before {
  content: "\e96c";
}
.ph-fill.ph-ambulance:before {
  content: "\e572";
}
.ph-fill.ph-anchor:before {
  content: "\e514";
}
.ph-fill.ph-anchor-simple:before {
  content: "\e5d8";
}
.ph-fill.ph-android-logo:before {
  content: "\e008";
}
.ph-fill.ph-angle:before {
  content: "\e7bc";
}
.ph-fill.ph-angular-logo:before {
  content: "\eb80";
}
.ph-fill.ph-aperture:before {
  content: "\e00a";
}
.ph-fill.ph-app-store-logo:before {
  content: "\e974";
}
.ph-fill.ph-app-window:before {
  content: "\e5da";
}
.ph-fill.ph-apple-logo:before {
  content: "\e516";
}
.ph-fill.ph-apple-podcasts-logo:before {
  content: "\eb96";
}
.ph-fill.ph-approximate-equals:before {
  content: "\edaa";
}
.ph-fill.ph-archive:before {
  content: "\e00c";
}
.ph-fill.ph-armchair:before {
  content: "\e012";
}
.ph-fill.ph-arrow-arc-left:before {
  content: "\e014";
}
.ph-fill.ph-arrow-arc-right:before {
  content: "\e016";
}
.ph-fill.ph-arrow-bend-double-up-left:before {
  content: "\e03a";
}
.ph-fill.ph-arrow-bend-double-up-right:before {
  content: "\e03c";
}
.ph-fill.ph-arrow-bend-down-left:before {
  content: "\e018";
}
.ph-fill.ph-arrow-bend-down-right:before {
  content: "\e01a";
}
.ph-fill.ph-arrow-bend-left-down:before {
  content: "\e01c";
}
.ph-fill.ph-arrow-bend-left-up:before {
  content: "\e01e";
}
.ph-fill.ph-arrow-bend-right-down:before {
  content: "\e020";
}
.ph-fill.ph-arrow-bend-right-up:before {
  content: "\e022";
}
.ph-fill.ph-arrow-bend-up-left:before {
  content: "\e024";
}
.ph-fill.ph-arrow-bend-up-right:before {
  content: "\e026";
}
.ph-fill.ph-arrow-circle-down:before {
  content: "\e028";
}
.ph-fill.ph-arrow-circle-down-left:before {
  content: "\e02a";
}
.ph-fill.ph-arrow-circle-down-right:before {
  content: "\e02c";
}
.ph-fill.ph-arrow-circle-left:before {
  content: "\e05a";
}
.ph-fill.ph-arrow-circle-right:before {
  content: "\e02e";
}
.ph-fill.ph-arrow-circle-up:before {
  content: "\e030";
}
.ph-fill.ph-arrow-circle-up-left:before {
  content: "\e032";
}
.ph-fill.ph-arrow-circle-up-right:before {
  content: "\e034";
}
.ph-fill.ph-arrow-clockwise:before {
  content: "\e036";
}
.ph-fill.ph-arrow-counter-clockwise:before {
  content: "\e038";
}
.ph-fill.ph-arrow-down:before {
  content: "\e03e";
}
.ph-fill.ph-arrow-down-left:before {
  content: "\e040";
}
.ph-fill.ph-arrow-down-right:before {
  content: "\e042";
}
.ph-fill.ph-arrow-elbow-down-left:before {
  content: "\e044";
}
.ph-fill.ph-arrow-elbow-down-right:before {
  content: "\e046";
}
.ph-fill.ph-arrow-elbow-left:before {
  content: "\e048";
}
.ph-fill.ph-arrow-elbow-left-down:before {
  content: "\e04a";
}
.ph-fill.ph-arrow-elbow-left-up:before {
  content: "\e04c";
}
.ph-fill.ph-arrow-elbow-right:before {
  content: "\e04e";
}
.ph-fill.ph-arrow-elbow-right-down:before {
  content: "\e050";
}
.ph-fill.ph-arrow-elbow-right-up:before {
  content: "\e052";
}
.ph-fill.ph-arrow-elbow-up-left:before {
  content: "\e054";
}
.ph-fill.ph-arrow-elbow-up-right:before {
  content: "\e056";
}
.ph-fill.ph-arrow-fat-down:before {
  content: "\e518";
}
.ph-fill.ph-arrow-fat-left:before {
  content: "\e51a";
}
.ph-fill.ph-arrow-fat-line-down:before {
  content: "\e51c";
}
.ph-fill.ph-arrow-fat-line-left:before {
  content: "\e51e";
}
.ph-fill.ph-arrow-fat-line-right:before {
  content: "\e520";
}
.ph-fill.ph-arrow-fat-line-up:before {
  content: "\e522";
}
.ph-fill.ph-arrow-fat-lines-down:before {
  content: "\e524";
}
.ph-fill.ph-arrow-fat-lines-left:before {
  content: "\e526";
}
.ph-fill.ph-arrow-fat-lines-right:before {
  content: "\e528";
}
.ph-fill.ph-arrow-fat-lines-up:before {
  content: "\e52a";
}
.ph-fill.ph-arrow-fat-right:before {
  content: "\e52c";
}
.ph-fill.ph-arrow-fat-up:before {
  content: "\e52e";
}
.ph-fill.ph-arrow-left:before {
  content: "\e058";
}
.ph-fill.ph-arrow-line-down:before {
  content: "\e05c";
}
.ph-fill.ph-arrow-line-down-left:before {
  content: "\e05e";
}
.ph-fill.ph-arrow-line-down-right:before {
  content: "\e060";
}
.ph-fill.ph-arrow-line-left:before {
  content: "\e062";
}
.ph-fill.ph-arrow-line-right:before {
  content: "\e064";
}
.ph-fill.ph-arrow-line-up:before {
  content: "\e066";
}
.ph-fill.ph-arrow-line-up-left:before {
  content: "\e068";
}
.ph-fill.ph-arrow-line-up-right:before {
  content: "\e06a";
}
.ph-fill.ph-arrow-right:before {
  content: "\e06c";
}
.ph-fill.ph-arrow-square-down:before {
  content: "\e06e";
}
.ph-fill.ph-arrow-square-down-left:before {
  content: "\e070";
}
.ph-fill.ph-arrow-square-down-right:before {
  content: "\e072";
}
.ph-fill.ph-arrow-square-in:before {
  content: "\e5dc";
}
.ph-fill.ph-arrow-square-left:before {
  content: "\e074";
}
.ph-fill.ph-arrow-square-out:before {
  content: "\e5de";
}
.ph-fill.ph-arrow-square-right:before {
  content: "\e076";
}
.ph-fill.ph-arrow-square-up:before {
  content: "\e078";
}
.ph-fill.ph-arrow-square-up-left:before {
  content: "\e07a";
}
.ph-fill.ph-arrow-square-up-right:before {
  content: "\e07c";
}
.ph-fill.ph-arrow-u-down-left:before {
  content: "\e07e";
}
.ph-fill.ph-arrow-u-down-right:before {
  content: "\e080";
}
.ph-fill.ph-arrow-u-left-down:before {
  content: "\e082";
}
.ph-fill.ph-arrow-u-left-up:before {
  content: "\e084";
}
.ph-fill.ph-arrow-u-right-down:before {
  content: "\e086";
}
.ph-fill.ph-arrow-u-right-up:before {
  content: "\e088";
}
.ph-fill.ph-arrow-u-up-left:before {
  content: "\e08a";
}
.ph-fill.ph-arrow-u-up-right:before {
  content: "\e08c";
}
.ph-fill.ph-arrow-up:before {
  content: "\e08e";
}
.ph-fill.ph-arrow-up-left:before {
  content: "\e090";
}
.ph-fill.ph-arrow-up-right:before {
  content: "\e092";
}
.ph-fill.ph-arrows-clockwise:before {
  content: "\e094";
}
.ph-fill.ph-arrows-counter-clockwise:before {
  content: "\e096";
}
.ph-fill.ph-arrows-down-up:before {
  content: "\e098";
}
.ph-fill.ph-arrows-horizontal:before {
  content: "\eb06";
}
.ph-fill.ph-arrows-in:before {
  content: "\e09a";
}
.ph-fill.ph-arrows-in-cardinal:before {
  content: "\e09c";
}
.ph-fill.ph-arrows-in-line-horizontal:before {
  content: "\e530";
}
.ph-fill.ph-arrows-in-line-vertical:before {
  content: "\e532";
}
.ph-fill.ph-arrows-in-simple:before {
  content: "\e09e";
}
.ph-fill.ph-arrows-left-right:before {
  content: "\e0a0";
}
.ph-fill.ph-arrows-merge:before {
  content: "\ed3e";
}
.ph-fill.ph-arrows-out:before {
  content: "\e0a2";
}
.ph-fill.ph-arrows-out-cardinal:before {
  content: "\e0a4";
}
.ph-fill.ph-arrows-out-line-horizontal:before {
  content: "\e534";
}
.ph-fill.ph-arrows-out-line-vertical:before {
  content: "\e536";
}
.ph-fill.ph-arrows-out-simple:before {
  content: "\e0a6";
}
.ph-fill.ph-arrows-split:before {
  content: "\ed3c";
}
.ph-fill.ph-arrows-vertical:before {
  content: "\eb04";
}
.ph-fill.ph-article:before {
  content: "\e0a8";
}
.ph-fill.ph-article-medium:before {
  content: "\e5e0";
}
.ph-fill.ph-article-ny-times:before {
  content: "\e5e2";
}
.ph-fill.ph-asclepius:before {
  content: "\ee34";
}
.ph-fill.ph-caduceus:before {
  content: "\ee34";
}
.ph-fill.ph-asterisk:before {
  content: "\e0aa";
}
.ph-fill.ph-asterisk-simple:before {
  content: "\e832";
}
.ph-fill.ph-at:before {
  content: "\e0ac";
}
.ph-fill.ph-atom:before {
  content: "\e5e4";
}
.ph-fill.ph-avocado:before {
  content: "\ee04";
}
.ph-fill.ph-axe:before {
  content: "\e9fc";
}
.ph-fill.ph-baby:before {
  content: "\e774";
}
.ph-fill.ph-baby-carriage:before {
  content: "\e818";
}
.ph-fill.ph-backpack:before {
  content: "\e922";
}
.ph-fill.ph-backspace:before {
  content: "\e0ae";
}
.ph-fill.ph-bag:before {
  content: "\e0b0";
}
.ph-fill.ph-bag-simple:before {
  content: "\e5e6";
}
.ph-fill.ph-balloon:before {
  content: "\e76c";
}
.ph-fill.ph-bandaids:before {
  content: "\e0b2";
}
.ph-fill.ph-bank:before {
  content: "\e0b4";
}
.ph-fill.ph-barbell:before {
  content: "\e0b6";
}
.ph-fill.ph-barcode:before {
  content: "\e0b8";
}
.ph-fill.ph-barn:before {
  content: "\ec72";
}
.ph-fill.ph-barricade:before {
  content: "\e948";
}
.ph-fill.ph-baseball:before {
  content: "\e71a";
}
.ph-fill.ph-baseball-cap:before {
  content: "\ea28";
}
.ph-fill.ph-baseball-helmet:before {
  content: "\ee4a";
}
.ph-fill.ph-basket:before {
  content: "\e964";
}
.ph-fill.ph-basketball:before {
  content: "\e724";
}
.ph-fill.ph-bathtub:before {
  content: "\e81e";
}
.ph-fill.ph-battery-charging:before {
  content: "\e0ba";
}
.ph-fill.ph-battery-charging-vertical:before {
  content: "\e0bc";
}
.ph-fill.ph-battery-empty:before {
  content: "\e0be";
}
.ph-fill.ph-battery-full:before {
  content: "\e0c0";
}
.ph-fill.ph-battery-high:before {
  content: "\e0c2";
}
.ph-fill.ph-battery-low:before {
  content: "\e0c4";
}
.ph-fill.ph-battery-medium:before {
  content: "\e0c6";
}
.ph-fill.ph-battery-plus:before {
  content: "\e808";
}
.ph-fill.ph-battery-plus-vertical:before {
  content: "\ec50";
}
.ph-fill.ph-battery-vertical-empty:before {
  content: "\e7c6";
}
.ph-fill.ph-battery-vertical-full:before {
  content: "\e7c4";
}
.ph-fill.ph-battery-vertical-high:before {
  content: "\e7c2";
}
.ph-fill.ph-battery-vertical-low:before {
  content: "\e7be";
}
.ph-fill.ph-battery-vertical-medium:before {
  content: "\e7c0";
}
.ph-fill.ph-battery-warning:before {
  content: "\e0c8";
}
.ph-fill.ph-battery-warning-vertical:before {
  content: "\e0ca";
}
.ph-fill.ph-beach-ball:before {
  content: "\ed24";
}
.ph-fill.ph-beanie:before {
  content: "\ea2a";
}
.ph-fill.ph-bed:before {
  content: "\e0cc";
}
.ph-fill.ph-beer-bottle:before {
  content: "\e7b0";
}
.ph-fill.ph-beer-stein:before {
  content: "\eb62";
}
.ph-fill.ph-behance-logo:before {
  content: "\e7f4";
}
.ph-fill.ph-bell:before {
  content: "\e0ce";
}
.ph-fill.ph-bell-ringing:before {
  content: "\e5e8";
}
.ph-fill.ph-bell-simple:before {
  content: "\e0d0";
}
.ph-fill.ph-bell-simple-ringing:before {
  content: "\e5ea";
}
.ph-fill.ph-bell-simple-slash:before {
  content: "\e0d2";
}
.ph-fill.ph-bell-simple-z:before {
  content: "\e5ec";
}
.ph-fill.ph-bell-slash:before {
  content: "\e0d4";
}
.ph-fill.ph-bell-z:before {
  content: "\e5ee";
}
.ph-fill.ph-belt:before {
  content: "\ea2c";
}
.ph-fill.ph-bezier-curve:before {
  content: "\eb00";
}
.ph-fill.ph-bicycle:before {
  content: "\e0d6";
}
.ph-fill.ph-binary:before {
  content: "\ee60";
}
.ph-fill.ph-binoculars:before {
  content: "\ea64";
}
.ph-fill.ph-biohazard:before {
  content: "\e9e0";
}
.ph-fill.ph-bird:before {
  content: "\e72c";
}
.ph-fill.ph-blueprint:before {
  content: "\eda0";
}
.ph-fill.ph-bluetooth:before {
  content: "\e0da";
}
.ph-fill.ph-bluetooth-connected:before {
  content: "\e0dc";
}
.ph-fill.ph-bluetooth-slash:before {
  content: "\e0de";
}
.ph-fill.ph-bluetooth-x:before {
  content: "\e0e0";
}
.ph-fill.ph-boat:before {
  content: "\e786";
}
.ph-fill.ph-bomb:before {
  content: "\ee0a";
}
.ph-fill.ph-bone:before {
  content: "\e7f2";
}
.ph-fill.ph-book:before {
  content: "\e0e2";
}
.ph-fill.ph-book-bookmark:before {
  content: "\e0e4";
}
.ph-fill.ph-book-open:before {
  content: "\e0e6";
}
.ph-fill.ph-book-open-text:before {
  content: "\e8f2";
}
.ph-fill.ph-book-open-user:before {
  content: "\ede0";
}
.ph-fill.ph-bookmark:before {
  content: "\e0e8";
}
.ph-fill.ph-bookmark-simple:before {
  content: "\e0ea";
}
.ph-fill.ph-bookmarks:before {
  content: "\e0ec";
}
.ph-fill.ph-bookmarks-simple:before {
  content: "\e5f0";
}
.ph-fill.ph-books:before {
  content: "\e758";
}
.ph-fill.ph-boot:before {
  content: "\ecca";
}
.ph-fill.ph-boules:before {
  content: "\e722";
}
.ph-fill.ph-bounding-box:before {
  content: "\e6ce";
}
.ph-fill.ph-bowl-food:before {
  content: "\eaa4";
}
.ph-fill.ph-bowl-steam:before {
  content: "\e8e4";
}
.ph-fill.ph-bowling-ball:before {
  content: "\ea34";
}
.ph-fill.ph-box-arrow-down:before {
  content: "\e00e";
}
.ph-fill.ph-archive-box:before {
  content: "\e00e";
}
.ph-fill.ph-box-arrow-up:before {
  content: "\ee54";
}
.ph-fill.ph-boxing-glove:before {
  content: "\ea36";
}
.ph-fill.ph-brackets-angle:before {
  content: "\e862";
}
.ph-fill.ph-brackets-curly:before {
  content: "\e860";
}
.ph-fill.ph-brackets-round:before {
  content: "\e864";
}
.ph-fill.ph-brackets-square:before {
  content: "\e85e";
}
.ph-fill.ph-brain:before {
  content: "\e74e";
}
.ph-fill.ph-brandy:before {
  content: "\e6b4";
}
.ph-fill.ph-bread:before {
  content: "\e81c";
}
.ph-fill.ph-bridge:before {
  content: "\ea68";
}
.ph-fill.ph-briefcase:before {
  content: "\e0ee";
}
.ph-fill.ph-briefcase-metal:before {
  content: "\e5f2";
}
.ph-fill.ph-broadcast:before {
  content: "\e0f2";
}
.ph-fill.ph-broom:before {
  content: "\ec54";
}
.ph-fill.ph-browser:before {
  content: "\e0f4";
}
.ph-fill.ph-browsers:before {
  content: "\e0f6";
}
.ph-fill.ph-bug:before {
  content: "\e5f4";
}
.ph-fill.ph-bug-beetle:before {
  content: "\e5f6";
}
.ph-fill.ph-bug-droid:before {
  content: "\e5f8";
}
.ph-fill.ph-building:before {
  content: "\e100";
}
.ph-fill.ph-building-apartment:before {
  content: "\e0fe";
}
.ph-fill.ph-building-office:before {
  content: "\e0ff";
}
.ph-fill.ph-buildings:before {
  content: "\e102";
}
.ph-fill.ph-bulldozer:before {
  content: "\ec6c";
}
.ph-fill.ph-bus:before {
  content: "\e106";
}
.ph-fill.ph-butterfly:before {
  content: "\ea6e";
}
.ph-fill.ph-cable-car:before {
  content: "\e49c";
}
.ph-fill.ph-cactus:before {
  content: "\e918";
}
.ph-fill.ph-cake:before {
  content: "\e780";
}
.ph-fill.ph-calculator:before {
  content: "\e538";
}
.ph-fill.ph-calendar:before {
  content: "\e108";
}
.ph-fill.ph-calendar-blank:before {
  content: "\e10a";
}
.ph-fill.ph-calendar-check:before {
  content: "\e712";
}
.ph-fill.ph-calendar-dot:before {
  content: "\e7b2";
}
.ph-fill.ph-calendar-dots:before {
  content: "\e7b4";
}
.ph-fill.ph-calendar-heart:before {
  content: "\e8b0";
}
.ph-fill.ph-calendar-minus:before {
  content: "\ea14";
}
.ph-fill.ph-calendar-plus:before {
  content: "\e714";
}
.ph-fill.ph-calendar-slash:before {
  content: "\ea12";
}
.ph-fill.ph-calendar-star:before {
  content: "\e8b2";
}
.ph-fill.ph-calendar-x:before {
  content: "\e10c";
}
.ph-fill.ph-call-bell:before {
  content: "\e7de";
}
.ph-fill.ph-camera:before {
  content: "\e10e";
}
.ph-fill.ph-camera-plus:before {
  content: "\ec58";
}
.ph-fill.ph-camera-rotate:before {
  content: "\e7a4";
}
.ph-fill.ph-camera-slash:before {
  content: "\e110";
}
.ph-fill.ph-campfire:before {
  content: "\e9d8";
}
.ph-fill.ph-car:before {
  content: "\e112";
}
.ph-fill.ph-car-battery:before {
  content: "\ee30";
}
.ph-fill.ph-car-profile:before {
  content: "\e8cc";
}
.ph-fill.ph-car-simple:before {
  content: "\e114";
}
.ph-fill.ph-cardholder:before {
  content: "\e5fa";
}
.ph-fill.ph-cards:before {
  content: "\e0f8";
}
.ph-fill.ph-cards-three:before {
  content: "\ee50";
}
.ph-fill.ph-caret-circle-double-down:before {
  content: "\e116";
}
.ph-fill.ph-caret-circle-double-left:before {
  content: "\e118";
}
.ph-fill.ph-caret-circle-double-right:before {
  content: "\e11a";
}
.ph-fill.ph-caret-circle-double-up:before {
  content: "\e11c";
}
.ph-fill.ph-caret-circle-down:before {
  content: "\e11e";
}
.ph-fill.ph-caret-circle-left:before {
  content: "\e120";
}
.ph-fill.ph-caret-circle-right:before {
  content: "\e122";
}
.ph-fill.ph-caret-circle-up:before {
  content: "\e124";
}
.ph-fill.ph-caret-circle-up-down:before {
  content: "\e13e";
}
.ph-fill.ph-caret-double-down:before {
  content: "\e126";
}
.ph-fill.ph-caret-double-left:before {
  content: "\e128";
}
.ph-fill.ph-caret-double-right:before {
  content: "\e12a";
}
.ph-fill.ph-caret-double-up:before {
  content: "\e12c";
}
.ph-fill.ph-caret-down:before {
  content: "\e136";
}
.ph-fill.ph-caret-left:before {
  content: "\e138";
}
.ph-fill.ph-caret-line-down:before {
  content: "\e134";
}
.ph-fill.ph-caret-line-left:before {
  content: "\e132";
}
.ph-fill.ph-caret-line-right:before {
  content: "\e130";
}
.ph-fill.ph-caret-line-up:before {
  content: "\e12e";
}
.ph-fill.ph-caret-right:before {
  content: "\e13a";
}
.ph-fill.ph-caret-up:before {
  content: "\e13c";
}
.ph-fill.ph-caret-up-down:before {
  content: "\e140";
}
.ph-fill.ph-carrot:before {
  content: "\ed38";
}
.ph-fill.ph-cash-register:before {
  content: "\ed80";
}
.ph-fill.ph-cassette-tape:before {
  content: "\ed2e";
}
.ph-fill.ph-castle-turret:before {
  content: "\e9d0";
}
.ph-fill.ph-cat:before {
  content: "\e748";
}
.ph-fill.ph-cell-signal-full:before {
  content: "\e142";
}
.ph-fill.ph-cell-signal-high:before {
  content: "\e144";
}
.ph-fill.ph-cell-signal-low:before {
  content: "\e146";
}
.ph-fill.ph-cell-signal-medium:before {
  content: "\e148";
}
.ph-fill.ph-cell-signal-none:before {
  content: "\e14a";
}
.ph-fill.ph-cell-signal-slash:before {
  content: "\e14c";
}
.ph-fill.ph-cell-signal-x:before {
  content: "\e14e";
}
.ph-fill.ph-cell-tower:before {
  content: "\ebaa";
}
.ph-fill.ph-certificate:before {
  content: "\e766";
}
.ph-fill.ph-chair:before {
  content: "\e950";
}
.ph-fill.ph-chalkboard:before {
  content: "\e5fc";
}
.ph-fill.ph-chalkboard-simple:before {
  content: "\e5fe";
}
.ph-fill.ph-chalkboard-teacher:before {
  content: "\e600";
}
.ph-fill.ph-champagne:before {
  content: "\eaca";
}
.ph-fill.ph-charging-station:before {
  content: "\e8d0";
}
.ph-fill.ph-chart-bar:before {
  content: "\e150";
}
.ph-fill.ph-chart-bar-horizontal:before {
  content: "\e152";
}
.ph-fill.ph-chart-donut:before {
  content: "\eaa6";
}
.ph-fill.ph-chart-line:before {
  content: "\e154";
}
.ph-fill.ph-chart-line-down:before {
  content: "\e8b6";
}
.ph-fill.ph-chart-line-up:before {
  content: "\e156";
}
.ph-fill.ph-chart-pie:before {
  content: "\e158";
}
.ph-fill.ph-chart-pie-slice:before {
  content: "\e15a";
}
.ph-fill.ph-chart-polar:before {
  content: "\eaa8";
}
.ph-fill.ph-chart-scatter:before {
  content: "\eaac";
}
.ph-fill.ph-chat:before {
  content: "\e15c";
}
.ph-fill.ph-chat-centered:before {
  content: "\e160";
}
.ph-fill.ph-chat-centered-dots:before {
  content: "\e164";
}
.ph-fill.ph-chat-centered-slash:before {
  content: "\e162";
}
.ph-fill.ph-chat-centered-text:before {
  content: "\e166";
}
.ph-fill.ph-chat-circle:before {
  content: "\e168";
}
.ph-fill.ph-chat-circle-dots:before {
  content: "\e16c";
}
.ph-fill.ph-chat-circle-slash:before {
  content: "\e16a";
}
.ph-fill.ph-chat-circle-text:before {
  content: "\e16e";
}
.ph-fill.ph-chat-dots:before {
  content: "\e170";
}
.ph-fill.ph-chat-slash:before {
  content: "\e15e";
}
.ph-fill.ph-chat-teardrop:before {
  content: "\e172";
}
.ph-fill.ph-chat-teardrop-dots:before {
  content: "\e176";
}
.ph-fill.ph-chat-teardrop-slash:before {
  content: "\e174";
}
.ph-fill.ph-chat-teardrop-text:before {
  content: "\e178";
}
.ph-fill.ph-chat-text:before {
  content: "\e17a";
}
.ph-fill.ph-chats:before {
  content: "\e17c";
}
.ph-fill.ph-chats-circle:before {
  content: "\e17e";
}
.ph-fill.ph-chats-teardrop:before {
  content: "\e180";
}
.ph-fill.ph-check:before {
  content: "\e182";
}
.ph-fill.ph-check-circle:before {
  content: "\e184";
}
.ph-fill.ph-check-fat:before {
  content: "\eba6";
}
.ph-fill.ph-check-square:before {
  content: "\e186";
}
.ph-fill.ph-check-square-offset:before {
  content: "\e188";
}
.ph-fill.ph-checkerboard:before {
  content: "\e8c4";
}
.ph-fill.ph-checks:before {
  content: "\e53a";
}
.ph-fill.ph-cheers:before {
  content: "\ea4a";
}
.ph-fill.ph-cheese:before {
  content: "\e9fe";
}
.ph-fill.ph-chef-hat:before {
  content: "\ed8e";
}
.ph-fill.ph-cherries:before {
  content: "\e830";
}
.ph-fill.ph-church:before {
  content: "\ecea";
}
.ph-fill.ph-cigarette:before {
  content: "\ed90";
}
.ph-fill.ph-cigarette-slash:before {
  content: "\ed92";
}
.ph-fill.ph-circle:before {
  content: "\e18a";
}
.ph-fill.ph-circle-dashed:before {
  content: "\e602";
}
.ph-fill.ph-circle-half:before {
  content: "\e18c";
}
.ph-fill.ph-circle-half-tilt:before {
  content: "\e18e";
}
.ph-fill.ph-circle-notch:before {
  content: "\eb44";
}
.ph-fill.ph-circles-four:before {
  content: "\e190";
}
.ph-fill.ph-circles-three:before {
  content: "\e192";
}
.ph-fill.ph-circles-three-plus:before {
  content: "\e194";
}
.ph-fill.ph-circuitry:before {
  content: "\e9c2";
}
.ph-fill.ph-city:before {
  content: "\ea6a";
}
.ph-fill.ph-clipboard:before {
  content: "\e196";
}
.ph-fill.ph-clipboard-text:before {
  content: "\e198";
}
.ph-fill.ph-clock:before {
  content: "\e19a";
}
.ph-fill.ph-clock-afternoon:before {
  content: "\e19c";
}
.ph-fill.ph-clock-clockwise:before {
  content: "\e19e";
}
.ph-fill.ph-clock-countdown:before {
  content: "\ed2c";
}
.ph-fill.ph-clock-counter-clockwise:before {
  content: "\e1a0";
}
.ph-fill.ph-clock-user:before {
  content: "\edec";
}
.ph-fill.ph-closed-captioning:before {
  content: "\e1a4";
}
.ph-fill.ph-cloud:before {
  content: "\e1aa";
}
.ph-fill.ph-cloud-arrow-down:before {
  content: "\e1ac";
}
.ph-fill.ph-cloud-arrow-up:before {
  content: "\e1ae";
}
.ph-fill.ph-cloud-check:before {
  content: "\e1b0";
}
.ph-fill.ph-cloud-fog:before {
  content: "\e53c";
}
.ph-fill.ph-cloud-lightning:before {
  content: "\e1b2";
}
.ph-fill.ph-cloud-moon:before {
  content: "\e53e";
}
.ph-fill.ph-cloud-rain:before {
  content: "\e1b4";
}
.ph-fill.ph-cloud-slash:before {
  content: "\e1b6";
}
.ph-fill.ph-cloud-snow:before {
  content: "\e1b8";
}
.ph-fill.ph-cloud-sun:before {
  content: "\e540";
}
.ph-fill.ph-cloud-warning:before {
  content: "\ea98";
}
.ph-fill.ph-cloud-x:before {
  content: "\ea96";
}
.ph-fill.ph-clover:before {
  content: "\edc8";
}
.ph-fill.ph-club:before {
  content: "\e1ba";
}
.ph-fill.ph-coat-hanger:before {
  content: "\e7fe";
}
.ph-fill.ph-coda-logo:before {
  content: "\e7ce";
}
.ph-fill.ph-code:before {
  content: "\e1bc";
}
.ph-fill.ph-code-block:before {
  content: "\eafe";
}
.ph-fill.ph-code-simple:before {
  content: "\e1be";
}
.ph-fill.ph-codepen-logo:before {
  content: "\e978";
}
.ph-fill.ph-codesandbox-logo:before {
  content: "\ea06";
}
.ph-fill.ph-coffee:before {
  content: "\e1c2";
}
.ph-fill.ph-coffee-bean:before {
  content: "\e1c0";
}
.ph-fill.ph-coin:before {
  content: "\e60e";
}
.ph-fill.ph-coin-vertical:before {
  content: "\eb48";
}
.ph-fill.ph-coins:before {
  content: "\e78e";
}
.ph-fill.ph-columns:before {
  content: "\e546";
}
.ph-fill.ph-columns-plus-left:before {
  content: "\e544";
}
.ph-fill.ph-columns-plus-right:before {
  content: "\e542";
}
.ph-fill.ph-command:before {
  content: "\e1c4";
}
.ph-fill.ph-compass:before {
  content: "\e1c8";
}
.ph-fill.ph-compass-rose:before {
  content: "\e1c6";
}
.ph-fill.ph-compass-tool:before {
  content: "\ea0e";
}
.ph-fill.ph-computer-tower:before {
  content: "\e548";
}
.ph-fill.ph-confetti:before {
  content: "\e81a";
}
.ph-fill.ph-contactless-payment:before {
  content: "\ed42";
}
.ph-fill.ph-control:before {
  content: "\eca6";
}
.ph-fill.ph-cookie:before {
  content: "\e6ca";
}
.ph-fill.ph-cooking-pot:before {
  content: "\e764";
}
.ph-fill.ph-copy:before {
  content: "\e1ca";
}
.ph-fill.ph-copy-simple:before {
  content: "\e1cc";
}
.ph-fill.ph-copyleft:before {
  content: "\e86a";
}
.ph-fill.ph-copyright:before {
  content: "\e54a";
}
.ph-fill.ph-corners-in:before {
  content: "\e1ce";
}
.ph-fill.ph-corners-out:before {
  content: "\e1d0";
}
.ph-fill.ph-couch:before {
  content: "\e7f6";
}
.ph-fill.ph-court-basketball:before {
  content: "\ee36";
}
.ph-fill.ph-cow:before {
  content: "\eabe";
}
.ph-fill.ph-cowboy-hat:before {
  content: "\ed12";
}
.ph-fill.ph-cpu:before {
  content: "\e610";
}
.ph-fill.ph-crane:before {
  content: "\ed48";
}
.ph-fill.ph-crane-tower:before {
  content: "\ed49";
}
.ph-fill.ph-credit-card:before {
  content: "\e1d2";
}
.ph-fill.ph-cricket:before {
  content: "\ee12";
}
.ph-fill.ph-crop:before {
  content: "\e1d4";
}
.ph-fill.ph-cross:before {
  content: "\e8a0";
}
.ph-fill.ph-crosshair:before {
  content: "\e1d6";
}
.ph-fill.ph-crosshair-simple:before {
  content: "\e1d8";
}
.ph-fill.ph-crown:before {
  content: "\e614";
}
.ph-fill.ph-crown-cross:before {
  content: "\ee5e";
}
.ph-fill.ph-crown-simple:before {
  content: "\e616";
}
.ph-fill.ph-cube:before {
  content: "\e1da";
}
.ph-fill.ph-cube-focus:before {
  content: "\ed0a";
}
.ph-fill.ph-cube-transparent:before {
  content: "\ec7c";
}
.ph-fill.ph-currency-btc:before {
  content: "\e618";
}
.ph-fill.ph-currency-circle-dollar:before {
  content: "\e54c";
}
.ph-fill.ph-currency-cny:before {
  content: "\e54e";
}
.ph-fill.ph-currency-dollar:before {
  content: "\e550";
}
.ph-fill.ph-currency-dollar-simple:before {
  content: "\e552";
}
.ph-fill.ph-currency-eth:before {
  content: "\eada";
}
.ph-fill.ph-currency-eur:before {
  content: "\e554";
}
.ph-fill.ph-currency-gbp:before {
  content: "\e556";
}
.ph-fill.ph-currency-inr:before {
  content: "\e558";
}
.ph-fill.ph-currency-jpy:before {
  content: "\e55a";
}
.ph-fill.ph-currency-krw:before {
  content: "\e55c";
}
.ph-fill.ph-currency-kzt:before {
  content: "\ec4c";
}
.ph-fill.ph-currency-ngn:before {
  content: "\eb52";
}
.ph-fill.ph-currency-rub:before {
  content: "\e55e";
}
.ph-fill.ph-cursor:before {
  content: "\e1dc";
}
.ph-fill.ph-cursor-click:before {
  content: "\e7c8";
}
.ph-fill.ph-cursor-text:before {
  content: "\e7d8";
}
.ph-fill.ph-cylinder:before {
  content: "\e8fc";
}
.ph-fill.ph-database:before {
  content: "\e1de";
}
.ph-fill.ph-desk:before {
  content: "\ed16";
}
.ph-fill.ph-desktop:before {
  content: "\e560";
}
.ph-fill.ph-desktop-tower:before {
  content: "\e562";
}
.ph-fill.ph-detective:before {
  content: "\e83e";
}
.ph-fill.ph-dev-to-logo:before {
  content: "\ed0e";
}
.ph-fill.ph-device-mobile:before {
  content: "\e1e0";
}
.ph-fill.ph-device-mobile-camera:before {
  content: "\e1e2";
}
.ph-fill.ph-device-mobile-slash:before {
  content: "\ee46";
}
.ph-fill.ph-device-mobile-speaker:before {
  content: "\e1e4";
}
.ph-fill.ph-device-rotate:before {
  content: "\edf2";
}
.ph-fill.ph-device-tablet:before {
  content: "\e1e6";
}
.ph-fill.ph-device-tablet-camera:before {
  content: "\e1e8";
}
.ph-fill.ph-device-tablet-speaker:before {
  content: "\e1ea";
}
.ph-fill.ph-devices:before {
  content: "\eba4";
}
.ph-fill.ph-diamond:before {
  content: "\e1ec";
}
.ph-fill.ph-diamonds-four:before {
  content: "\e8f4";
}
.ph-fill.ph-dice-five:before {
  content: "\e1ee";
}
.ph-fill.ph-dice-four:before {
  content: "\e1f0";
}
.ph-fill.ph-dice-one:before {
  content: "\e1f2";
}
.ph-fill.ph-dice-six:before {
  content: "\e1f4";
}
.ph-fill.ph-dice-three:before {
  content: "\e1f6";
}
.ph-fill.ph-dice-two:before {
  content: "\e1f8";
}
.ph-fill.ph-disc:before {
  content: "\e564";
}
.ph-fill.ph-disco-ball:before {
  content: "\ed98";
}
.ph-fill.ph-discord-logo:before {
  content: "\e61a";
}
.ph-fill.ph-divide:before {
  content: "\e1fa";
}
.ph-fill.ph-dna:before {
  content: "\e924";
}
.ph-fill.ph-dog:before {
  content: "\e74a";
}
.ph-fill.ph-door:before {
  content: "\e61c";
}
.ph-fill.ph-door-open:before {
  content: "\e7e6";
}
.ph-fill.ph-dot:before {
  content: "\ecde";
}
.ph-fill.ph-dot-outline:before {
  content: "\ece0";
}
.ph-fill.ph-dots-nine:before {
  content: "\e1fc";
}
.ph-fill.ph-dots-six:before {
  content: "\e794";
}
.ph-fill.ph-dots-six-vertical:before {
  content: "\eae2";
}
.ph-fill.ph-dots-three:before {
  content: "\e1fe";
}
.ph-fill.ph-dots-three-circle:before {
  content: "\e200";
}
.ph-fill.ph-dots-three-circle-vertical:before {
  content: "\e202";
}
.ph-fill.ph-dots-three-outline:before {
  content: "\e204";
}
.ph-fill.ph-dots-three-outline-vertical:before {
  content: "\e206";
}
.ph-fill.ph-dots-three-vertical:before {
  content: "\e208";
}
.ph-fill.ph-download:before {
  content: "\e20a";
}
.ph-fill.ph-download-simple:before {
  content: "\e20c";
}
.ph-fill.ph-dress:before {
  content: "\ea7e";
}
.ph-fill.ph-dresser:before {
  content: "\e94e";
}
.ph-fill.ph-dribbble-logo:before {
  content: "\e20e";
}
.ph-fill.ph-drone:before {
  content: "\ed74";
}
.ph-fill.ph-drop:before {
  content: "\e210";
}
.ph-fill.ph-drop-half:before {
  content: "\e566";
}
.ph-fill.ph-drop-half-bottom:before {
  content: "\eb40";
}
.ph-fill.ph-drop-simple:before {
  content: "\ee32";
}
.ph-fill.ph-drop-slash:before {
  content: "\e954";
}
.ph-fill.ph-dropbox-logo:before {
  content: "\e7d0";
}
.ph-fill.ph-ear:before {
  content: "\e70c";
}
.ph-fill.ph-ear-slash:before {
  content: "\e70e";
}
.ph-fill.ph-egg:before {
  content: "\e812";
}
.ph-fill.ph-egg-crack:before {
  content: "\eb64";
}
.ph-fill.ph-eject:before {
  content: "\e212";
}
.ph-fill.ph-eject-simple:before {
  content: "\e6ae";
}
.ph-fill.ph-elevator:before {
  content: "\ecc0";
}
.ph-fill.ph-empty:before {
  content: "\edbc";
}
.ph-fill.ph-engine:before {
  content: "\ea80";
}
.ph-fill.ph-envelope:before {
  content: "\e214";
}
.ph-fill.ph-envelope-open:before {
  content: "\e216";
}
.ph-fill.ph-envelope-simple:before {
  content: "\e218";
}
.ph-fill.ph-envelope-simple-open:before {
  content: "\e21a";
}
.ph-fill.ph-equalizer:before {
  content: "\ebbc";
}
.ph-fill.ph-equals:before {
  content: "\e21c";
}
.ph-fill.ph-eraser:before {
  content: "\e21e";
}
.ph-fill.ph-escalator-down:before {
  content: "\ecba";
}
.ph-fill.ph-escalator-up:before {
  content: "\ecbc";
}
.ph-fill.ph-exam:before {
  content: "\e742";
}
.ph-fill.ph-exclamation-mark:before {
  content: "\ee44";
}
.ph-fill.ph-exclude:before {
  content: "\e882";
}
.ph-fill.ph-exclude-square:before {
  content: "\e880";
}
.ph-fill.ph-export:before {
  content: "\eaf0";
}
.ph-fill.ph-eye:before {
  content: "\e220";
}
.ph-fill.ph-eye-closed:before {
  content: "\e222";
}
.ph-fill.ph-eye-slash:before {
  content: "\e224";
}
.ph-fill.ph-eyedropper:before {
  content: "\e568";
}
.ph-fill.ph-eyedropper-sample:before {
  content: "\eac4";
}
.ph-fill.ph-eyeglasses:before {
  content: "\e7ba";
}
.ph-fill.ph-eyes:before {
  content: "\ee5c";
}
.ph-fill.ph-face-mask:before {
  content: "\e56a";
}
.ph-fill.ph-facebook-logo:before {
  content: "\e226";
}
.ph-fill.ph-factory:before {
  content: "\e760";
}
.ph-fill.ph-faders:before {
  content: "\e228";
}
.ph-fill.ph-faders-horizontal:before {
  content: "\e22a";
}
.ph-fill.ph-fallout-shelter:before {
  content: "\e9de";
}
.ph-fill.ph-fan:before {
  content: "\e9f2";
}
.ph-fill.ph-farm:before {
  content: "\ec70";
}
.ph-fill.ph-fast-forward:before {
  content: "\e6a6";
}
.ph-fill.ph-fast-forward-circle:before {
  content: "\e22c";
}
.ph-fill.ph-feather:before {
  content: "\e9c0";
}
.ph-fill.ph-fediverse-logo:before {
  content: "\ed66";
}
.ph-fill.ph-figma-logo:before {
  content: "\e22e";
}
.ph-fill.ph-file:before {
  content: "\e230";
}
.ph-fill.ph-file-archive:before {
  content: "\eb2a";
}
.ph-fill.ph-file-arrow-down:before {
  content: "\e232";
}
.ph-fill.ph-file-arrow-up:before {
  content: "\e61e";
}
.ph-fill.ph-file-audio:before {
  content: "\ea20";
}
.ph-fill.ph-file-c:before {
  content: "\eb32";
}
.ph-fill.ph-file-c-sharp:before {
  content: "\eb30";
}
.ph-fill.ph-file-cloud:before {
  content: "\e95e";
}
.ph-fill.ph-file-code:before {
  content: "\e914";
}
.ph-fill.ph-file-cpp:before {
  content: "\eb2e";
}
.ph-fill.ph-file-css:before {
  content: "\eb34";
}
.ph-fill.ph-file-csv:before {
  content: "\eb1c";
}
.ph-fill.ph-file-dashed:before {
  content: "\e704";
}
.ph-fill.ph-file-dotted:before {
  content: "\e704";
}
.ph-fill.ph-file-doc:before {
  content: "\eb1e";
}
.ph-fill.ph-file-html:before {
  content: "\eb38";
}
.ph-fill.ph-file-image:before {
  content: "\ea24";
}
.ph-fill.ph-file-ini:before {
  content: "\eb33";
}
.ph-fill.ph-file-jpg:before {
  content: "\eb1a";
}
.ph-fill.ph-file-js:before {
  content: "\eb24";
}
.ph-fill.ph-file-jsx:before {
  content: "\eb3a";
}
.ph-fill.ph-file-lock:before {
  content: "\e95c";
}
.ph-fill.ph-file-magnifying-glass:before {
  content: "\e238";
}
.ph-fill.ph-file-search:before {
  content: "\e238";
}
.ph-fill.ph-file-md:before {
  content: "\ed50";
}
.ph-fill.ph-file-minus:before {
  content: "\e234";
}
.ph-fill.ph-file-pdf:before {
  content: "\e702";
}
.ph-fill.ph-file-plus:before {
  content: "\e236";
}
.ph-fill.ph-file-png:before {
  content: "\eb18";
}
.ph-fill.ph-file-ppt:before {
  content: "\eb20";
}
.ph-fill.ph-file-py:before {
  content: "\eb2c";
}
.ph-fill.ph-file-rs:before {
  content: "\eb28";
}
.ph-fill.ph-file-sql:before {
  content: "\ed4e";
}
.ph-fill.ph-file-svg:before {
  content: "\ed08";
}
.ph-fill.ph-file-text:before {
  content: "\e23a";
}
.ph-fill.ph-file-ts:before {
  content: "\eb26";
}
.ph-fill.ph-file-tsx:before {
  content: "\eb3c";
}
.ph-fill.ph-file-txt:before {
  content: "\eb35";
}
.ph-fill.ph-file-video:before {
  content: "\ea22";
}
.ph-fill.ph-file-vue:before {
  content: "\eb3e";
}
.ph-fill.ph-file-x:before {
  content: "\e23c";
}
.ph-fill.ph-file-xls:before {
  content: "\eb22";
}
.ph-fill.ph-file-zip:before {
  content: "\e958";
}
.ph-fill.ph-files:before {
  content: "\e710";
}
.ph-fill.ph-film-reel:before {
  content: "\e8c0";
}
.ph-fill.ph-film-script:before {
  content: "\eb50";
}
.ph-fill.ph-film-slate:before {
  content: "\e8c2";
}
.ph-fill.ph-film-strip:before {
  content: "\e792";
}
.ph-fill.ph-fingerprint:before {
  content: "\e23e";
}
.ph-fill.ph-fingerprint-simple:before {
  content: "\e240";
}
.ph-fill.ph-finn-the-human:before {
  content: "\e56c";
}
.ph-fill.ph-fire:before {
  content: "\e242";
}
.ph-fill.ph-fire-extinguisher:before {
  content: "\e9e8";
}
.ph-fill.ph-fire-simple:before {
  content: "\e620";
}
.ph-fill.ph-fire-truck:before {
  content: "\e574";
}
.ph-fill.ph-first-aid:before {
  content: "\e56e";
}
.ph-fill.ph-first-aid-kit:before {
  content: "\e570";
}
.ph-fill.ph-fish:before {
  content: "\e728";
}
.ph-fill.ph-fish-simple:before {
  content: "\e72a";
}
.ph-fill.ph-flag:before {
  content: "\e244";
}
.ph-fill.ph-flag-banner:before {
  content: "\e622";
}
.ph-fill.ph-flag-banner-fold:before {
  content: "\ecf2";
}
.ph-fill.ph-flag-checkered:before {
  content: "\ea38";
}
.ph-fill.ph-flag-pennant:before {
  content: "\ecf0";
}
.ph-fill.ph-flame:before {
  content: "\e624";
}
.ph-fill.ph-flashlight:before {
  content: "\e246";
}
.ph-fill.ph-flask:before {
  content: "\e79e";
}
.ph-fill.ph-flip-horizontal:before {
  content: "\ed6a";
}
.ph-fill.ph-flip-vertical:before {
  content: "\ed6c";
}
.ph-fill.ph-floppy-disk:before {
  content: "\e248";
}
.ph-fill.ph-floppy-disk-back:before {
  content: "\eaf4";
}
.ph-fill.ph-flow-arrow:before {
  content: "\e6ec";
}
.ph-fill.ph-flower:before {
  content: "\e75e";
}
.ph-fill.ph-flower-lotus:before {
  content: "\e6cc";
}
.ph-fill.ph-flower-tulip:before {
  content: "\eacc";
}
.ph-fill.ph-flying-saucer:before {
  content: "\eb4a";
}
.ph-fill.ph-folder:before {
  content: "\e24a";
}
.ph-fill.ph-folder-notch:before {
  content: "\e24a";
}
.ph-fill.ph-folder-dashed:before {
  content: "\e8f8";
}
.ph-fill.ph-folder-dotted:before {
  content: "\e8f8";
}
.ph-fill.ph-folder-lock:before {
  content: "\ea3c";
}
.ph-fill.ph-folder-minus:before {
  content: "\e254";
}
.ph-fill.ph-folder-notch-minus:before {
  content: "\e254";
}
.ph-fill.ph-folder-open:before {
  content: "\e256";
}
.ph-fill.ph-folder-notch-open:before {
  content: "\e256";
}
.ph-fill.ph-folder-plus:before {
  content: "\e258";
}
.ph-fill.ph-folder-notch-plus:before {
  content: "\e258";
}
.ph-fill.ph-folder-simple:before {
  content: "\e25a";
}
.ph-fill.ph-folder-simple-dashed:before {
  content: "\ec2a";
}
.ph-fill.ph-folder-simple-dotted:before {
  content: "\ec2a";
}
.ph-fill.ph-folder-simple-lock:before {
  content: "\eb5e";
}
.ph-fill.ph-folder-simple-minus:before {
  content: "\e25c";
}
.ph-fill.ph-folder-simple-plus:before {
  content: "\e25e";
}
.ph-fill.ph-folder-simple-star:before {
  content: "\ec2e";
}
.ph-fill.ph-folder-simple-user:before {
  content: "\eb60";
}
.ph-fill.ph-folder-star:before {
  content: "\ea86";
}
.ph-fill.ph-folder-user:before {
  content: "\eb46";
}
.ph-fill.ph-folders:before {
  content: "\e260";
}
.ph-fill.ph-football:before {
  content: "\e718";
}
.ph-fill.ph-football-helmet:before {
  content: "\ee4c";
}
.ph-fill.ph-footprints:before {
  content: "\ea88";
}
.ph-fill.ph-fork-knife:before {
  content: "\e262";
}
.ph-fill.ph-four-k:before {
  content: "\ea5c";
}
.ph-fill.ph-frame-corners:before {
  content: "\e626";
}
.ph-fill.ph-framer-logo:before {
  content: "\e264";
}
.ph-fill.ph-function:before {
  content: "\ebe4";
}
.ph-fill.ph-funnel:before {
  content: "\e266";
}
.ph-fill.ph-funnel-simple:before {
  content: "\e268";
}
.ph-fill.ph-funnel-simple-x:before {
  content: "\e26a";
}
.ph-fill.ph-funnel-x:before {
  content: "\e26c";
}
.ph-fill.ph-game-controller:before {
  content: "\e26e";
}
.ph-fill.ph-garage:before {
  content: "\ecd6";
}
.ph-fill.ph-gas-can:before {
  content: "\e8ce";
}
.ph-fill.ph-gas-pump:before {
  content: "\e768";
}
.ph-fill.ph-gauge:before {
  content: "\e628";
}
.ph-fill.ph-gavel:before {
  content: "\ea32";
}
.ph-fill.ph-gear:before {
  content: "\e270";
}
.ph-fill.ph-gear-fine:before {
  content: "\e87c";
}
.ph-fill.ph-gear-six:before {
  content: "\e272";
}
.ph-fill.ph-gender-female:before {
  content: "\e6e0";
}
.ph-fill.ph-gender-intersex:before {
  content: "\e6e6";
}
.ph-fill.ph-gender-male:before {
  content: "\e6e2";
}
.ph-fill.ph-gender-neuter:before {
  content: "\e6ea";
}
.ph-fill.ph-gender-nonbinary:before {
  content: "\e6e4";
}
.ph-fill.ph-gender-transgender:before {
  content: "\e6e8";
}
.ph-fill.ph-ghost:before {
  content: "\e62a";
}
.ph-fill.ph-gif:before {
  content: "\e274";
}
.ph-fill.ph-gift:before {
  content: "\e276";
}
.ph-fill.ph-git-branch:before {
  content: "\e278";
}
.ph-fill.ph-git-commit:before {
  content: "\e27a";
}
.ph-fill.ph-git-diff:before {
  content: "\e27c";
}
.ph-fill.ph-git-fork:before {
  content: "\e27e";
}
.ph-fill.ph-git-merge:before {
  content: "\e280";
}
.ph-fill.ph-git-pull-request:before {
  content: "\e282";
}
.ph-fill.ph-github-logo:before {
  content: "\e576";
}
.ph-fill.ph-gitlab-logo:before {
  content: "\e694";
}
.ph-fill.ph-gitlab-logo-simple:before {
  content: "\e696";
}
.ph-fill.ph-globe:before {
  content: "\e288";
}
.ph-fill.ph-globe-hemisphere-east:before {
  content: "\e28a";
}
.ph-fill.ph-globe-hemisphere-west:before {
  content: "\e28c";
}
.ph-fill.ph-globe-simple:before {
  content: "\e28e";
}
.ph-fill.ph-globe-simple-x:before {
  content: "\e284";
}
.ph-fill.ph-globe-stand:before {
  content: "\e290";
}
.ph-fill.ph-globe-x:before {
  content: "\e286";
}
.ph-fill.ph-goggles:before {
  content: "\ecb4";
}
.ph-fill.ph-golf:before {
  content: "\ea3e";
}
.ph-fill.ph-goodreads-logo:before {
  content: "\ed10";
}
.ph-fill.ph-google-cardboard-logo:before {
  content: "\e7b6";
}
.ph-fill.ph-google-chrome-logo:before {
  content: "\e976";
}
.ph-fill.ph-google-drive-logo:before {
  content: "\e8f6";
}
.ph-fill.ph-google-logo:before {
  content: "\e292";
}
.ph-fill.ph-google-photos-logo:before {
  content: "\eb92";
}
.ph-fill.ph-google-play-logo:before {
  content: "\e294";
}
.ph-fill.ph-google-podcasts-logo:before {
  content: "\eb94";
}
.ph-fill.ph-gps:before {
  content: "\edd8";
}
.ph-fill.ph-gps-fix:before {
  content: "\edd6";
}
.ph-fill.ph-gps-slash:before {
  content: "\edd4";
}
.ph-fill.ph-gradient:before {
  content: "\eb42";
}
.ph-fill.ph-graduation-cap:before {
  content: "\e62c";
}
.ph-fill.ph-grains:before {
  content: "\ec68";
}
.ph-fill.ph-grains-slash:before {
  content: "\ec6a";
}
.ph-fill.ph-graph:before {
  content: "\eb58";
}
.ph-fill.ph-graphics-card:before {
  content: "\e612";
}
.ph-fill.ph-greater-than:before {
  content: "\edc4";
}
.ph-fill.ph-greater-than-or-equal:before {
  content: "\eda2";
}
.ph-fill.ph-grid-four:before {
  content: "\e296";
}
.ph-fill.ph-grid-nine:before {
  content: "\ec8c";
}
.ph-fill.ph-guitar:before {
  content: "\ea8a";
}
.ph-fill.ph-hair-dryer:before {
  content: "\ea66";
}
.ph-fill.ph-hamburger:before {
  content: "\e790";
}
.ph-fill.ph-hammer:before {
  content: "\e80e";
}
.ph-fill.ph-hand:before {
  content: "\e298";
}
.ph-fill.ph-hand-arrow-down:before {
  content: "\ea4e";
}
.ph-fill.ph-hand-arrow-up:before {
  content: "\ee5a";
}
.ph-fill.ph-hand-coins:before {
  content: "\ea8c";
}
.ph-fill.ph-hand-deposit:before {
  content: "\ee82";
}
.ph-fill.ph-hand-eye:before {
  content: "\ea4c";
}
.ph-fill.ph-hand-fist:before {
  content: "\e57a";
}
.ph-fill.ph-hand-grabbing:before {
  content: "\e57c";
}
.ph-fill.ph-hand-heart:before {
  content: "\e810";
}
.ph-fill.ph-hand-palm:before {
  content: "\e57e";
}
.ph-fill.ph-hand-peace:before {
  content: "\e7cc";
}
.ph-fill.ph-hand-pointing:before {
  content: "\e29a";
}
.ph-fill.ph-hand-soap:before {
  content: "\e630";
}
.ph-fill.ph-hand-swipe-left:before {
  content: "\ec94";
}
.ph-fill.ph-hand-swipe-right:before {
  content: "\ec92";
}
.ph-fill.ph-hand-tap:before {
  content: "\ec90";
}
.ph-fill.ph-hand-waving:before {
  content: "\e580";
}
.ph-fill.ph-hand-withdraw:before {
  content: "\ee80";
}
.ph-fill.ph-handbag:before {
  content: "\e29c";
}
.ph-fill.ph-handbag-simple:before {
  content: "\e62e";
}
.ph-fill.ph-hands-clapping:before {
  content: "\e6a0";
}
.ph-fill.ph-hands-praying:before {
  content: "\ecc8";
}
.ph-fill.ph-handshake:before {
  content: "\e582";
}
.ph-fill.ph-hard-drive:before {
  content: "\e29e";
}
.ph-fill.ph-hard-drives:before {
  content: "\e2a0";
}
.ph-fill.ph-hard-hat:before {
  content: "\ed46";
}
.ph-fill.ph-hash:before {
  content: "\e2a2";
}
.ph-fill.ph-hash-straight:before {
  content: "\e2a4";
}
.ph-fill.ph-head-circuit:before {
  content: "\e7d4";
}
.ph-fill.ph-headlights:before {
  content: "\e6fe";
}
.ph-fill.ph-headphones:before {
  content: "\e2a6";
}
.ph-fill.ph-headset:before {
  content: "\e584";
}
.ph-fill.ph-heart:before {
  content: "\e2a8";
}
.ph-fill.ph-heart-break:before {
  content: "\ebe8";
}
.ph-fill.ph-heart-half:before {
  content: "\ec48";
}
.ph-fill.ph-heart-straight:before {
  content: "\e2aa";
}
.ph-fill.ph-heart-straight-break:before {
  content: "\eb98";
}
.ph-fill.ph-heartbeat:before {
  content: "\e2ac";
}
.ph-fill.ph-hexagon:before {
  content: "\e2ae";
}
.ph-fill.ph-high-definition:before {
  content: "\ea8e";
}
.ph-fill.ph-high-heel:before {
  content: "\e8e8";
}
.ph-fill.ph-highlighter:before {
  content: "\ec76";
}
.ph-fill.ph-highlighter-circle:before {
  content: "\e632";
}
.ph-fill.ph-hockey:before {
  content: "\ec86";
}
.ph-fill.ph-hoodie:before {
  content: "\ecd0";
}
.ph-fill.ph-horse:before {
  content: "\e2b0";
}
.ph-fill.ph-hospital:before {
  content: "\e844";
}
.ph-fill.ph-hourglass:before {
  content: "\e2b2";
}
.ph-fill.ph-hourglass-high:before {
  content: "\e2b4";
}
.ph-fill.ph-hourglass-low:before {
  content: "\e2b6";
}
.ph-fill.ph-hourglass-medium:before {
  content: "\e2b8";
}
.ph-fill.ph-hourglass-simple:before {
  content: "\e2ba";
}
.ph-fill.ph-hourglass-simple-high:before {
  content: "\e2bc";
}
.ph-fill.ph-hourglass-simple-low:before {
  content: "\e2be";
}
.ph-fill.ph-hourglass-simple-medium:before {
  content: "\e2c0";
}
.ph-fill.ph-house:before {
  content: "\e2c2";
}
.ph-fill.ph-house-line:before {
  content: "\e2c4";
}
.ph-fill.ph-house-simple:before {
  content: "\e2c6";
}
.ph-fill.ph-hurricane:before {
  content: "\e88e";
}
.ph-fill.ph-ice-cream:before {
  content: "\e804";
}
.ph-fill.ph-identification-badge:before {
  content: "\e6f6";
}
.ph-fill.ph-identification-card:before {
  content: "\e2c8";
}
.ph-fill.ph-image:before {
  content: "\e2ca";
}
.ph-fill.ph-image-broken:before {
  content: "\e7a8";
}
.ph-fill.ph-image-square:before {
  content: "\e2cc";
}
.ph-fill.ph-images:before {
  content: "\e836";
}
.ph-fill.ph-images-square:before {
  content: "\e834";
}
.ph-fill.ph-infinity:before {
  content: "\e634";
}
.ph-fill.ph-lemniscate:before {
  content: "\e634";
}
.ph-fill.ph-info:before {
  content: "\e2ce";
}
.ph-fill.ph-instagram-logo:before {
  content: "\e2d0";
}
.ph-fill.ph-intersect:before {
  content: "\e2d2";
}
.ph-fill.ph-intersect-square:before {
  content: "\e87a";
}
.ph-fill.ph-intersect-three:before {
  content: "\ecc4";
}
.ph-fill.ph-intersection:before {
  content: "\edba";
}
.ph-fill.ph-invoice:before {
  content: "\ee42";
}
.ph-fill.ph-island:before {
  content: "\ee06";
}
.ph-fill.ph-jar:before {
  content: "\e7e0";
}
.ph-fill.ph-jar-label:before {
  content: "\e7e1";
}
.ph-fill.ph-jeep:before {
  content: "\e2d4";
}
.ph-fill.ph-joystick:before {
  content: "\ea5e";
}
.ph-fill.ph-kanban:before {
  content: "\eb54";
}
.ph-fill.ph-key:before {
  content: "\e2d6";
}
.ph-fill.ph-key-return:before {
  content: "\e782";
}
.ph-fill.ph-keyboard:before {
  content: "\e2d8";
}
.ph-fill.ph-keyhole:before {
  content: "\ea78";
}
.ph-fill.ph-knife:before {
  content: "\e636";
}
.ph-fill.ph-ladder:before {
  content: "\e9e4";
}
.ph-fill.ph-ladder-simple:before {
  content: "\ec26";
}
.ph-fill.ph-lamp:before {
  content: "\e638";
}
.ph-fill.ph-lamp-pendant:before {
  content: "\ee2e";
}
.ph-fill.ph-laptop:before {
  content: "\e586";
}
.ph-fill.ph-lasso:before {
  content: "\edc6";
}
.ph-fill.ph-lastfm-logo:before {
  content: "\e842";
}
.ph-fill.ph-layout:before {
  content: "\e6d6";
}
.ph-fill.ph-leaf:before {
  content: "\e2da";
}
.ph-fill.ph-lectern:before {
  content: "\e95a";
}
.ph-fill.ph-lego:before {
  content: "\e8c6";
}
.ph-fill.ph-lego-smiley:before {
  content: "\e8c7";
}
.ph-fill.ph-less-than:before {
  content: "\edac";
}
.ph-fill.ph-less-than-or-equal:before {
  content: "\eda4";
}
.ph-fill.ph-letter-circle-h:before {
  content: "\ebf8";
}
.ph-fill.ph-letter-circle-p:before {
  content: "\ec08";
}
.ph-fill.ph-letter-circle-v:before {
  content: "\ec14";
}
.ph-fill.ph-lifebuoy:before {
  content: "\e63a";
}
.ph-fill.ph-lightbulb:before {
  content: "\e2dc";
}
.ph-fill.ph-lightbulb-filament:before {
  content: "\e63c";
}
.ph-fill.ph-lighthouse:before {
  content: "\e9f6";
}
.ph-fill.ph-lightning:before {
  content: "\e2de";
}
.ph-fill.ph-lightning-a:before {
  content: "\ea84";
}
.ph-fill.ph-lightning-slash:before {
  content: "\e2e0";
}
.ph-fill.ph-line-segment:before {
  content: "\e6d2";
}
.ph-fill.ph-line-segments:before {
  content: "\e6d4";
}
.ph-fill.ph-line-vertical:before {
  content: "\ed70";
}
.ph-fill.ph-link:before {
  content: "\e2e2";
}
.ph-fill.ph-link-break:before {
  content: "\e2e4";
}
.ph-fill.ph-link-simple:before {
  content: "\e2e6";
}
.ph-fill.ph-link-simple-break:before {
  content: "\e2e8";
}
.ph-fill.ph-link-simple-horizontal:before {
  content: "\e2ea";
}
.ph-fill.ph-link-simple-horizontal-break:before {
  content: "\e2ec";
}
.ph-fill.ph-linkedin-logo:before {
  content: "\e2ee";
}
.ph-fill.ph-linktree-logo:before {
  content: "\edee";
}
.ph-fill.ph-linux-logo:before {
  content: "\eb02";
}
.ph-fill.ph-list:before {
  content: "\e2f0";
}
.ph-fill.ph-list-bullets:before {
  content: "\e2f2";
}
.ph-fill.ph-list-checks:before {
  content: "\eadc";
}
.ph-fill.ph-list-dashes:before {
  content: "\e2f4";
}
.ph-fill.ph-list-heart:before {
  content: "\ebde";
}
.ph-fill.ph-list-magnifying-glass:before {
  content: "\ebe0";
}
.ph-fill.ph-list-numbers:before {
  content: "\e2f6";
}
.ph-fill.ph-list-plus:before {
  content: "\e2f8";
}
.ph-fill.ph-list-star:before {
  content: "\ebdc";
}
.ph-fill.ph-lock:before {
  content: "\e2fa";
}
.ph-fill.ph-lock-key:before {
  content: "\e2fe";
}
.ph-fill.ph-lock-key-open:before {
  content: "\e300";
}
.ph-fill.ph-lock-laminated:before {
  content: "\e302";
}
.ph-fill.ph-lock-laminated-open:before {
  content: "\e304";
}
.ph-fill.ph-lock-open:before {
  content: "\e306";
}
.ph-fill.ph-lock-simple:before {
  content: "\e308";
}
.ph-fill.ph-lock-simple-open:before {
  content: "\e30a";
}
.ph-fill.ph-lockers:before {
  content: "\ecb8";
}
.ph-fill.ph-log:before {
  content: "\ed82";
}
.ph-fill.ph-magic-wand:before {
  content: "\e6b6";
}
.ph-fill.ph-magnet:before {
  content: "\e680";
}
.ph-fill.ph-magnet-straight:before {
  content: "\e682";
}
.ph-fill.ph-magnifying-glass:before {
  content: "\e30c";
}
.ph-fill.ph-magnifying-glass-minus:before {
  content: "\e30e";
}
.ph-fill.ph-magnifying-glass-plus:before {
  content: "\e310";
}
.ph-fill.ph-mailbox:before {
  content: "\ec1e";
}
.ph-fill.ph-map-pin:before {
  content: "\e316";
}
.ph-fill.ph-map-pin-area:before {
  content: "\ee3a";
}
.ph-fill.ph-map-pin-line:before {
  content: "\e318";
}
.ph-fill.ph-map-pin-plus:before {
  content: "\e314";
}
.ph-fill.ph-map-pin-simple:before {
  content: "\ee3e";
}
.ph-fill.ph-map-pin-simple-area:before {
  content: "\ee3c";
}
.ph-fill.ph-map-pin-simple-line:before {
  content: "\ee38";
}
.ph-fill.ph-map-trifold:before {
  content: "\e31a";
}
.ph-fill.ph-markdown-logo:before {
  content: "\e508";
}
.ph-fill.ph-marker-circle:before {
  content: "\e640";
}
.ph-fill.ph-martini:before {
  content: "\e31c";
}
.ph-fill.ph-mask-happy:before {
  content: "\e9f4";
}
.ph-fill.ph-mask-sad:before {
  content: "\eb9e";
}
.ph-fill.ph-mastodon-logo:before {
  content: "\ed68";
}
.ph-fill.ph-math-operations:before {
  content: "\e31e";
}
.ph-fill.ph-matrix-logo:before {
  content: "\ed64";
}
.ph-fill.ph-medal:before {
  content: "\e320";
}
.ph-fill.ph-medal-military:before {
  content: "\ecfc";
}
.ph-fill.ph-medium-logo:before {
  content: "\e322";
}
.ph-fill.ph-megaphone:before {
  content: "\e324";
}
.ph-fill.ph-megaphone-simple:before {
  content: "\e642";
}
.ph-fill.ph-member-of:before {
  content: "\edc2";
}
.ph-fill.ph-memory:before {
  content: "\e9c4";
}
.ph-fill.ph-messenger-logo:before {
  content: "\e6d8";
}
.ph-fill.ph-meta-logo:before {
  content: "\ed02";
}
.ph-fill.ph-meteor:before {
  content: "\e9ba";
}
.ph-fill.ph-metronome:before {
  content: "\ec8e";
}
.ph-fill.ph-microphone:before {
  content: "\e326";
}
.ph-fill.ph-microphone-slash:before {
  content: "\e328";
}
.ph-fill.ph-microphone-stage:before {
  content: "\e75c";
}
.ph-fill.ph-microscope:before {
  content: "\ec7a";
}
.ph-fill.ph-microsoft-excel-logo:before {
  content: "\eb6c";
}
.ph-fill.ph-microsoft-outlook-logo:before {
  content: "\eb70";
}
.ph-fill.ph-microsoft-powerpoint-logo:before {
  content: "\eace";
}
.ph-fill.ph-microsoft-teams-logo:before {
  content: "\eb66";
}
.ph-fill.ph-microsoft-word-logo:before {
  content: "\eb6a";
}
.ph-fill.ph-minus:before {
  content: "\e32a";
}
.ph-fill.ph-minus-circle:before {
  content: "\e32c";
}
.ph-fill.ph-minus-square:before {
  content: "\ed4c";
}
.ph-fill.ph-money:before {
  content: "\e588";
}
.ph-fill.ph-money-wavy:before {
  content: "\ee68";
}
.ph-fill.ph-monitor:before {
  content: "\e32e";
}
.ph-fill.ph-monitor-arrow-up:before {
  content: "\e58a";
}
.ph-fill.ph-monitor-play:before {
  content: "\e58c";
}
.ph-fill.ph-moon:before {
  content: "\e330";
}
.ph-fill.ph-moon-stars:before {
  content: "\e58e";
}
.ph-fill.ph-moped:before {
  content: "\e824";
}
.ph-fill.ph-moped-front:before {
  content: "\e822";
}
.ph-fill.ph-mosque:before {
  content: "\ecee";
}
.ph-fill.ph-motorcycle:before {
  content: "\e80a";
}
.ph-fill.ph-mountains:before {
  content: "\e7ae";
}
.ph-fill.ph-mouse:before {
  content: "\e33a";
}
.ph-fill.ph-mouse-left-click:before {
  content: "\e334";
}
.ph-fill.ph-mouse-middle-click:before {
  content: "\e338";
}
.ph-fill.ph-mouse-right-click:before {
  content: "\e336";
}
.ph-fill.ph-mouse-scroll:before {
  content: "\e332";
}
.ph-fill.ph-mouse-simple:before {
  content: "\e644";
}
.ph-fill.ph-music-note:before {
  content: "\e33c";
}
.ph-fill.ph-music-note-simple:before {
  content: "\e33e";
}
.ph-fill.ph-music-notes:before {
  content: "\e340";
}
.ph-fill.ph-music-notes-minus:before {
  content: "\ee0c";
}
.ph-fill.ph-music-notes-plus:before {
  content: "\eb7c";
}
.ph-fill.ph-music-notes-simple:before {
  content: "\e342";
}
.ph-fill.ph-navigation-arrow:before {
  content: "\eade";
}
.ph-fill.ph-needle:before {
  content: "\e82e";
}
.ph-fill.ph-network:before {
  content: "\edde";
}
.ph-fill.ph-network-slash:before {
  content: "\eddc";
}
.ph-fill.ph-network-x:before {
  content: "\edda";
}
.ph-fill.ph-newspaper:before {
  content: "\e344";
}
.ph-fill.ph-newspaper-clipping:before {
  content: "\e346";
}
.ph-fill.ph-not-equals:before {
  content: "\eda6";
}
.ph-fill.ph-not-member-of:before {
  content: "\edae";
}
.ph-fill.ph-not-subset-of:before {
  content: "\edb0";
}
.ph-fill.ph-not-superset-of:before {
  content: "\edb2";
}
.ph-fill.ph-notches:before {
  content: "\ed3a";
}
.ph-fill.ph-note:before {
  content: "\e348";
}
.ph-fill.ph-note-blank:before {
  content: "\e34a";
}
.ph-fill.ph-note-pencil:before {
  content: "\e34c";
}
.ph-fill.ph-notebook:before {
  content: "\e34e";
}
.ph-fill.ph-notepad:before {
  content: "\e63e";
}
.ph-fill.ph-notification:before {
  content: "\e6fa";
}
.ph-fill.ph-notion-logo:before {
  content: "\e9a0";
}
.ph-fill.ph-nuclear-plant:before {
  content: "\ed7c";
}
.ph-fill.ph-number-circle-eight:before {
  content: "\e352";
}
.ph-fill.ph-number-circle-five:before {
  content: "\e358";
}
.ph-fill.ph-number-circle-four:before {
  content: "\e35e";
}
.ph-fill.ph-number-circle-nine:before {
  content: "\e364";
}
.ph-fill.ph-number-circle-one:before {
  content: "\e36a";
}
.ph-fill.ph-number-circle-seven:before {
  content: "\e370";
}
.ph-fill.ph-number-circle-six:before {
  content: "\e376";
}
.ph-fill.ph-number-circle-three:before {
  content: "\e37c";
}
.ph-fill.ph-number-circle-two:before {
  content: "\e382";
}
.ph-fill.ph-number-circle-zero:before {
  content: "\e388";
}
.ph-fill.ph-number-eight:before {
  content: "\e350";
}
.ph-fill.ph-number-five:before {
  content: "\e356";
}
.ph-fill.ph-number-four:before {
  content: "\e35c";
}
.ph-fill.ph-number-nine:before {
  content: "\e362";
}
.ph-fill.ph-number-one:before {
  content: "\e368";
}
.ph-fill.ph-number-seven:before {
  content: "\e36e";
}
.ph-fill.ph-number-six:before {
  content: "\e374";
}
.ph-fill.ph-number-square-eight:before {
  content: "\e354";
}
.ph-fill.ph-number-square-five:before {
  content: "\e35a";
}
.ph-fill.ph-number-square-four:before {
  content: "\e360";
}
.ph-fill.ph-number-square-nine:before {
  content: "\e366";
}
.ph-fill.ph-number-square-one:before {
  content: "\e36c";
}
.ph-fill.ph-number-square-seven:before {
  content: "\e372";
}
.ph-fill.ph-number-square-six:before {
  content: "\e378";
}
.ph-fill.ph-number-square-three:before {
  content: "\e37e";
}
.ph-fill.ph-number-square-two:before {
  content: "\e384";
}
.ph-fill.ph-number-square-zero:before {
  content: "\e38a";
}
.ph-fill.ph-number-three:before {
  content: "\e37a";
}
.ph-fill.ph-number-two:before {
  content: "\e380";
}
.ph-fill.ph-number-zero:before {
  content: "\e386";
}
.ph-fill.ph-numpad:before {
  content: "\e3c8";
}
.ph-fill.ph-nut:before {
  content: "\e38c";
}
.ph-fill.ph-ny-times-logo:before {
  content: "\e646";
}
.ph-fill.ph-octagon:before {
  content: "\e38e";
}
.ph-fill.ph-office-chair:before {
  content: "\ea46";
}
.ph-fill.ph-onigiri:before {
  content: "\ee2c";
}
.ph-fill.ph-open-ai-logo:before {
  content: "\e7d2";
}
.ph-fill.ph-option:before {
  content: "\e8a8";
}
.ph-fill.ph-orange:before {
  content: "\ee40";
}
.ph-fill.ph-orange-slice:before {
  content: "\ed36";
}
.ph-fill.ph-oven:before {
  content: "\ed8c";
}
.ph-fill.ph-package:before {
  content: "\e390";
}
.ph-fill.ph-paint-brush:before {
  content: "\e6f0";
}
.ph-fill.ph-paint-brush-broad:before {
  content: "\e590";
}
.ph-fill.ph-paint-brush-household:before {
  content: "\e6f2";
}
.ph-fill.ph-paint-bucket:before {
  content: "\e392";
}
.ph-fill.ph-paint-roller:before {
  content: "\e6f4";
}
.ph-fill.ph-palette:before {
  content: "\e6c8";
}
.ph-fill.ph-panorama:before {
  content: "\eaa2";
}
.ph-fill.ph-pants:before {
  content: "\ec88";
}
.ph-fill.ph-paper-plane:before {
  content: "\e394";
}
.ph-fill.ph-paper-plane-right:before {
  content: "\e396";
}
.ph-fill.ph-paper-plane-tilt:before {
  content: "\e398";
}
.ph-fill.ph-paperclip:before {
  content: "\e39a";
}
.ph-fill.ph-paperclip-horizontal:before {
  content: "\e592";
}
.ph-fill.ph-parachute:before {
  content: "\ea7c";
}
.ph-fill.ph-paragraph:before {
  content: "\e960";
}
.ph-fill.ph-parallelogram:before {
  content: "\ecc6";
}
.ph-fill.ph-park:before {
  content: "\ecb2";
}
.ph-fill.ph-password:before {
  content: "\e752";
}
.ph-fill.ph-path:before {
  content: "\e39c";
}
.ph-fill.ph-patreon-logo:before {
  content: "\e98a";
}
.ph-fill.ph-pause:before {
  content: "\e39e";
}
.ph-fill.ph-pause-circle:before {
  content: "\e3a0";
}
.ph-fill.ph-paw-print:before {
  content: "\e648";
}
.ph-fill.ph-paypal-logo:before {
  content: "\e98c";
}
.ph-fill.ph-peace:before {
  content: "\e3a2";
}
.ph-fill.ph-pen:before {
  content: "\e3aa";
}
.ph-fill.ph-pen-nib:before {
  content: "\e3ac";
}
.ph-fill.ph-pen-nib-straight:before {
  content: "\e64a";
}
.ph-fill.ph-pencil:before {
  content: "\e3ae";
}
.ph-fill.ph-pencil-circle:before {
  content: "\e3b0";
}
.ph-fill.ph-pencil-line:before {
  content: "\e3b2";
}
.ph-fill.ph-pencil-ruler:before {
  content: "\e906";
}
.ph-fill.ph-pencil-simple:before {
  content: "\e3b4";
}
.ph-fill.ph-pencil-simple-line:before {
  content: "\ebc6";
}
.ph-fill.ph-pencil-simple-slash:before {
  content: "\ecf6";
}
.ph-fill.ph-pencil-slash:before {
  content: "\ecf8";
}
.ph-fill.ph-pentagon:before {
  content: "\ec7e";
}
.ph-fill.ph-pentagram:before {
  content: "\ec5c";
}
.ph-fill.ph-pepper:before {
  content: "\e94a";
}
.ph-fill.ph-percent:before {
  content: "\e3b6";
}
.ph-fill.ph-person:before {
  content: "\e3a8";
}
.ph-fill.ph-person-arms-spread:before {
  content: "\ecfe";
}
.ph-fill.ph-person-simple:before {
  content: "\e72e";
}
.ph-fill.ph-person-simple-bike:before {
  content: "\e734";
}
.ph-fill.ph-person-simple-circle:before {
  content: "\ee58";
}
.ph-fill.ph-person-simple-hike:before {
  content: "\ed54";
}
.ph-fill.ph-person-simple-run:before {
  content: "\e730";
}
.ph-fill.ph-person-simple-ski:before {
  content: "\e71c";
}
.ph-fill.ph-person-simple-snowboard:before {
  content: "\e71e";
}
.ph-fill.ph-person-simple-swim:before {
  content: "\e736";
}
.ph-fill.ph-person-simple-tai-chi:before {
  content: "\ed5c";
}
.ph-fill.ph-person-simple-throw:before {
  content: "\e732";
}
.ph-fill.ph-person-simple-walk:before {
  content: "\e73a";
}
.ph-fill.ph-perspective:before {
  content: "\ebe6";
}
.ph-fill.ph-phone:before {
  content: "\e3b8";
}
.ph-fill.ph-phone-call:before {
  content: "\e3ba";
}
.ph-fill.ph-phone-disconnect:before {
  content: "\e3bc";
}
.ph-fill.ph-phone-incoming:before {
  content: "\e3be";
}
.ph-fill.ph-phone-list:before {
  content: "\e3cc";
}
.ph-fill.ph-phone-outgoing:before {
  content: "\e3c0";
}
.ph-fill.ph-phone-pause:before {
  content: "\e3ca";
}
.ph-fill.ph-phone-plus:before {
  content: "\ec56";
}
.ph-fill.ph-phone-slash:before {
  content: "\e3c2";
}
.ph-fill.ph-phone-transfer:before {
  content: "\e3c6";
}
.ph-fill.ph-phone-x:before {
  content: "\e3c4";
}
.ph-fill.ph-phosphor-logo:before {
  content: "\e3ce";
}
.ph-fill.ph-pi:before {
  content: "\ec80";
}
.ph-fill.ph-piano-keys:before {
  content: "\e9c8";
}
.ph-fill.ph-picnic-table:before {
  content: "\ee26";
}
.ph-fill.ph-picture-in-picture:before {
  content: "\e64c";
}
.ph-fill.ph-piggy-bank:before {
  content: "\ea04";
}
.ph-fill.ph-pill:before {
  content: "\e700";
}
.ph-fill.ph-ping-pong:before {
  content: "\ea42";
}
.ph-fill.ph-pint-glass:before {
  content: "\edd0";
}
.ph-fill.ph-pinterest-logo:before {
  content: "\e64e";
}
.ph-fill.ph-pinwheel:before {
  content: "\eb9c";
}
.ph-fill.ph-pipe:before {
  content: "\ed86";
}
.ph-fill.ph-pipe-wrench:before {
  content: "\ed88";
}
.ph-fill.ph-pix-logo:before {
  content: "\ecc2";
}
.ph-fill.ph-pizza:before {
  content: "\e796";
}
.ph-fill.ph-placeholder:before {
  content: "\e650";
}
.ph-fill.ph-planet:before {
  content: "\e652";
}
.ph-fill.ph-plant:before {
  content: "\ebae";
}
.ph-fill.ph-play:before {
  content: "\e3d0";
}
.ph-fill.ph-play-circle:before {
  content: "\e3d2";
}
.ph-fill.ph-play-pause:before {
  content: "\e8be";
}
.ph-fill.ph-playlist:before {
  content: "\e6aa";
}
.ph-fill.ph-plug:before {
  content: "\e946";
}
.ph-fill.ph-plug-charging:before {
  content: "\eb5c";
}
.ph-fill.ph-plugs:before {
  content: "\eb56";
}
.ph-fill.ph-plugs-connected:before {
  content: "\eb5a";
}
.ph-fill.ph-plus:before {
  content: "\e3d4";
}
.ph-fill.ph-plus-circle:before {
  content: "\e3d6";
}
.ph-fill.ph-plus-minus:before {
  content: "\e3d8";
}
.ph-fill.ph-plus-square:before {
  content: "\ed4a";
}
.ph-fill.ph-poker-chip:before {
  content: "\e594";
}
.ph-fill.ph-police-car:before {
  content: "\ec4a";
}
.ph-fill.ph-polygon:before {
  content: "\e6d0";
}
.ph-fill.ph-popcorn:before {
  content: "\eb4e";
}
.ph-fill.ph-popsicle:before {
  content: "\ebbe";
}
.ph-fill.ph-potted-plant:before {
  content: "\ec22";
}
.ph-fill.ph-power:before {
  content: "\e3da";
}
.ph-fill.ph-prescription:before {
  content: "\e7a2";
}
.ph-fill.ph-presentation:before {
  content: "\e654";
}
.ph-fill.ph-presentation-chart:before {
  content: "\e656";
}
.ph-fill.ph-printer:before {
  content: "\e3dc";
}
.ph-fill.ph-prohibit:before {
  content: "\e3de";
}
.ph-fill.ph-prohibit-inset:before {
  content: "\e3e0";
}
.ph-fill.ph-projector-screen:before {
  content: "\e658";
}
.ph-fill.ph-projector-screen-chart:before {
  content: "\e65a";
}
.ph-fill.ph-pulse:before {
  content: "\e000";
}
.ph-fill.ph-activity:before {
  content: "\e000";
}
.ph-fill.ph-push-pin:before {
  content: "\e3e2";
}
.ph-fill.ph-push-pin-simple:before {
  content: "\e65c";
}
.ph-fill.ph-push-pin-simple-slash:before {
  content: "\e65e";
}
.ph-fill.ph-push-pin-slash:before {
  content: "\e3e4";
}
.ph-fill.ph-puzzle-piece:before {
  content: "\e596";
}
.ph-fill.ph-qr-code:before {
  content: "\e3e6";
}
.ph-fill.ph-question:before {
  content: "\e3e8";
}
.ph-fill.ph-question-mark:before {
  content: "\e3e9";
}
.ph-fill.ph-queue:before {
  content: "\e6ac";
}
.ph-fill.ph-quotes:before {
  content: "\e660";
}
.ph-fill.ph-rabbit:before {
  content: "\eac2";
}
.ph-fill.ph-racquet:before {
  content: "\ee02";
}
.ph-fill.ph-radical:before {
  content: "\e3ea";
}
.ph-fill.ph-radio:before {
  content: "\e77e";
}
.ph-fill.ph-radio-button:before {
  content: "\eb08";
}
.ph-fill.ph-radioactive:before {
  content: "\e9dc";
}
.ph-fill.ph-rainbow:before {
  content: "\e598";
}
.ph-fill.ph-rainbow-cloud:before {
  content: "\e59a";
}
.ph-fill.ph-ranking:before {
  content: "\ed62";
}
.ph-fill.ph-read-cv-logo:before {
  content: "\ed0c";
}
.ph-fill.ph-receipt:before {
  content: "\e3ec";
}
.ph-fill.ph-receipt-x:before {
  content: "\ed40";
}
.ph-fill.ph-record:before {
  content: "\e3ee";
}
.ph-fill.ph-rectangle:before {
  content: "\e3f0";
}
.ph-fill.ph-rectangle-dashed:before {
  content: "\e3f2";
}
.ph-fill.ph-recycle:before {
  content: "\e75a";
}
.ph-fill.ph-reddit-logo:before {
  content: "\e59c";
}
.ph-fill.ph-repeat:before {
  content: "\e3f6";
}
.ph-fill.ph-repeat-once:before {
  content: "\e3f8";
}
.ph-fill.ph-replit-logo:before {
  content: "\eb8a";
}
.ph-fill.ph-resize:before {
  content: "\ed6e";
}
.ph-fill.ph-rewind:before {
  content: "\e6a8";
}
.ph-fill.ph-rewind-circle:before {
  content: "\e3fa";
}
.ph-fill.ph-road-horizon:before {
  content: "\e838";
}
.ph-fill.ph-robot:before {
  content: "\e762";
}
.ph-fill.ph-rocket:before {
  content: "\e3fc";
}
.ph-fill.ph-rocket-launch:before {
  content: "\e3fe";
}
.ph-fill.ph-rows:before {
  content: "\e5a2";
}
.ph-fill.ph-rows-plus-bottom:before {
  content: "\e59e";
}
.ph-fill.ph-rows-plus-top:before {
  content: "\e5a0";
}
.ph-fill.ph-rss:before {
  content: "\e400";
}
.ph-fill.ph-rss-simple:before {
  content: "\e402";
}
.ph-fill.ph-rug:before {
  content: "\ea1a";
}
.ph-fill.ph-ruler:before {
  content: "\e6b8";
}
.ph-fill.ph-sailboat:before {
  content: "\e78a";
}
.ph-fill.ph-scales:before {
  content: "\e750";
}
.ph-fill.ph-scan:before {
  content: "\ebb6";
}
.ph-fill.ph-scan-smiley:before {
  content: "\ebb4";
}
.ph-fill.ph-scissors:before {
  content: "\eae0";
}
.ph-fill.ph-scooter:before {
  content: "\e820";
}
.ph-fill.ph-screencast:before {
  content: "\e404";
}
.ph-fill.ph-screwdriver:before {
  content: "\e86e";
}
.ph-fill.ph-scribble:before {
  content: "\e806";
}
.ph-fill.ph-scribble-loop:before {
  content: "\e662";
}
.ph-fill.ph-scroll:before {
  content: "\eb7a";
}
.ph-fill.ph-seal:before {
  content: "\e604";
}
.ph-fill.ph-circle-wavy:before {
  content: "\e604";
}
.ph-fill.ph-seal-check:before {
  content: "\e606";
}
.ph-fill.ph-circle-wavy-check:before {
  content: "\e606";
}
.ph-fill.ph-seal-percent:before {
  content: "\e60a";
}
.ph-fill.ph-seal-question:before {
  content: "\e608";
}
.ph-fill.ph-circle-wavy-question:before {
  content: "\e608";
}
.ph-fill.ph-seal-warning:before {
  content: "\e60c";
}
.ph-fill.ph-circle-wavy-warning:before {
  content: "\e60c";
}
.ph-fill.ph-seat:before {
  content: "\eb8e";
}
.ph-fill.ph-seatbelt:before {
  content: "\edfe";
}
.ph-fill.ph-security-camera:before {
  content: "\eca4";
}
.ph-fill.ph-selection:before {
  content: "\e69a";
}
.ph-fill.ph-selection-all:before {
  content: "\e746";
}
.ph-fill.ph-selection-background:before {
  content: "\eaf8";
}
.ph-fill.ph-selection-foreground:before {
  content: "\eaf6";
}
.ph-fill.ph-selection-inverse:before {
  content: "\e744";
}
.ph-fill.ph-selection-plus:before {
  content: "\e69c";
}
.ph-fill.ph-selection-slash:before {
  content: "\e69e";
}
.ph-fill.ph-shapes:before {
  content: "\ec5e";
}
.ph-fill.ph-share:before {
  content: "\e406";
}
.ph-fill.ph-share-fat:before {
  content: "\ed52";
}
.ph-fill.ph-share-network:before {
  content: "\e408";
}
.ph-fill.ph-shield:before {
  content: "\e40a";
}
.ph-fill.ph-shield-check:before {
  content: "\e40c";
}
.ph-fill.ph-shield-checkered:before {
  content: "\e708";
}
.ph-fill.ph-shield-chevron:before {
  content: "\e40e";
}
.ph-fill.ph-shield-plus:before {
  content: "\e706";
}
.ph-fill.ph-shield-slash:before {
  content: "\e410";
}
.ph-fill.ph-shield-star:before {
  content: "\ec34";
}
.ph-fill.ph-shield-warning:before {
  content: "\e412";
}
.ph-fill.ph-shipping-container:before {
  content: "\e78c";
}
.ph-fill.ph-shirt-folded:before {
  content: "\ea92";
}
.ph-fill.ph-shooting-star:before {
  content: "\ecfa";
}
.ph-fill.ph-shopping-bag:before {
  content: "\e416";
}
.ph-fill.ph-shopping-bag-open:before {
  content: "\e418";
}
.ph-fill.ph-shopping-cart:before {
  content: "\e41e";
}
.ph-fill.ph-shopping-cart-simple:before {
  content: "\e420";
}
.ph-fill.ph-shovel:before {
  content: "\e9e6";
}
.ph-fill.ph-shower:before {
  content: "\e776";
}
.ph-fill.ph-shrimp:before {
  content: "\eab4";
}
.ph-fill.ph-shuffle:before {
  content: "\e422";
}
.ph-fill.ph-shuffle-angular:before {
  content: "\e424";
}
.ph-fill.ph-shuffle-simple:before {
  content: "\e426";
}
.ph-fill.ph-sidebar:before {
  content: "\eab6";
}
.ph-fill.ph-sidebar-simple:before {
  content: "\ec24";
}
.ph-fill.ph-sigma:before {
  content: "\eab8";
}
.ph-fill.ph-sign-in:before {
  content: "\e428";
}
.ph-fill.ph-sign-out:before {
  content: "\e42a";
}
.ph-fill.ph-signature:before {
  content: "\ebac";
}
.ph-fill.ph-signpost:before {
  content: "\e89c";
}
.ph-fill.ph-sim-card:before {
  content: "\e664";
}
.ph-fill.ph-siren:before {
  content: "\e9b8";
}
.ph-fill.ph-sketch-logo:before {
  content: "\e42c";
}
.ph-fill.ph-skip-back:before {
  content: "\e5a4";
}
.ph-fill.ph-skip-back-circle:before {
  content: "\e42e";
}
.ph-fill.ph-skip-forward:before {
  content: "\e5a6";
}
.ph-fill.ph-skip-forward-circle:before {
  content: "\e430";
}
.ph-fill.ph-skull:before {
  content: "\e916";
}
.ph-fill.ph-skype-logo:before {
  content: "\e8dc";
}
.ph-fill.ph-slack-logo:before {
  content: "\e5a8";
}
.ph-fill.ph-sliders:before {
  content: "\e432";
}
.ph-fill.ph-sliders-horizontal:before {
  content: "\e434";
}
.ph-fill.ph-slideshow:before {
  content: "\ed32";
}
.ph-fill.ph-smiley:before {
  content: "\e436";
}
.ph-fill.ph-smiley-angry:before {
  content: "\ec62";
}
.ph-fill.ph-smiley-blank:before {
  content: "\e438";
}
.ph-fill.ph-smiley-meh:before {
  content: "\e43a";
}
.ph-fill.ph-smiley-melting:before {
  content: "\ee56";
}
.ph-fill.ph-smiley-nervous:before {
  content: "\e43c";
}
.ph-fill.ph-smiley-sad:before {
  content: "\e43e";
}
.ph-fill.ph-smiley-sticker:before {
  content: "\e440";
}
.ph-fill.ph-smiley-wink:before {
  content: "\e666";
}
.ph-fill.ph-smiley-x-eyes:before {
  content: "\e442";
}
.ph-fill.ph-snapchat-logo:before {
  content: "\e668";
}
.ph-fill.ph-sneaker:before {
  content: "\e80c";
}
.ph-fill.ph-sneaker-move:before {
  content: "\ed60";
}
.ph-fill.ph-snowflake:before {
  content: "\e5aa";
}
.ph-fill.ph-soccer-ball:before {
  content: "\e716";
}
.ph-fill.ph-sock:before {
  content: "\ecce";
}
.ph-fill.ph-solar-panel:before {
  content: "\ed7a";
}
.ph-fill.ph-solar-roof:before {
  content: "\ed7b";
}
.ph-fill.ph-sort-ascending:before {
  content: "\e444";
}
.ph-fill.ph-sort-descending:before {
  content: "\e446";
}
.ph-fill.ph-soundcloud-logo:before {
  content: "\e8de";
}
.ph-fill.ph-spade:before {
  content: "\e448";
}
.ph-fill.ph-sparkle:before {
  content: "\e6a2";
}
.ph-fill.ph-speaker-hifi:before {
  content: "\ea08";
}
.ph-fill.ph-speaker-high:before {
  content: "\e44a";
}
.ph-fill.ph-speaker-low:before {
  content: "\e44c";
}
.ph-fill.ph-speaker-none:before {
  content: "\e44e";
}
.ph-fill.ph-speaker-simple-high:before {
  content: "\e450";
}
.ph-fill.ph-speaker-simple-low:before {
  content: "\e452";
}
.ph-fill.ph-speaker-simple-none:before {
  content: "\e454";
}
.ph-fill.ph-speaker-simple-slash:before {
  content: "\e456";
}
.ph-fill.ph-speaker-simple-x:before {
  content: "\e458";
}
.ph-fill.ph-speaker-slash:before {
  content: "\e45a";
}
.ph-fill.ph-speaker-x:before {
  content: "\e45c";
}
.ph-fill.ph-speedometer:before {
  content: "\ee74";
}
.ph-fill.ph-sphere:before {
  content: "\ee66";
}
.ph-fill.ph-spinner:before {
  content: "\e66a";
}
.ph-fill.ph-spinner-ball:before {
  content: "\ee28";
}
.ph-fill.ph-spinner-gap:before {
  content: "\e66c";
}
.ph-fill.ph-spiral:before {
  content: "\e9fa";
}
.ph-fill.ph-split-horizontal:before {
  content: "\e872";
}
.ph-fill.ph-split-vertical:before {
  content: "\e876";
}
.ph-fill.ph-spotify-logo:before {
  content: "\e66e";
}
.ph-fill.ph-spray-bottle:before {
  content: "\e7e4";
}
.ph-fill.ph-square:before {
  content: "\e45e";
}
.ph-fill.ph-square-half:before {
  content: "\e462";
}
.ph-fill.ph-square-half-bottom:before {
  content: "\eb16";
}
.ph-fill.ph-square-logo:before {
  content: "\e690";
}
.ph-fill.ph-square-split-horizontal:before {
  content: "\e870";
}
.ph-fill.ph-square-split-vertical:before {
  content: "\e874";
}
.ph-fill.ph-squares-four:before {
  content: "\e464";
}
.ph-fill.ph-stack:before {
  content: "\e466";
}
.ph-fill.ph-stack-minus:before {
  content: "\edf4";
}
.ph-fill.ph-stack-overflow-logo:before {
  content: "\eb78";
}
.ph-fill.ph-stack-plus:before {
  content: "\edf6";
}
.ph-fill.ph-stack-simple:before {
  content: "\e468";
}
.ph-fill.ph-stairs:before {
  content: "\e8ec";
}
.ph-fill.ph-stamp:before {
  content: "\ea48";
}
.ph-fill.ph-standard-definition:before {
  content: "\ea90";
}
.ph-fill.ph-star:before {
  content: "\e46a";
}
.ph-fill.ph-star-and-crescent:before {
  content: "\ecf4";
}
.ph-fill.ph-star-four:before {
  content: "\e6a4";
}
.ph-fill.ph-star-half:before {
  content: "\e70a";
}
.ph-fill.ph-star-of-david:before {
  content: "\e89e";
}
.ph-fill.ph-steam-logo:before {
  content: "\ead4";
}
.ph-fill.ph-steering-wheel:before {
  content: "\e9ac";
}
.ph-fill.ph-steps:before {
  content: "\ecbe";
}
.ph-fill.ph-stethoscope:before {
  content: "\e7ea";
}
.ph-fill.ph-sticker:before {
  content: "\e5ac";
}
.ph-fill.ph-stool:before {
  content: "\ea44";
}
.ph-fill.ph-stop:before {
  content: "\e46c";
}
.ph-fill.ph-stop-circle:before {
  content: "\e46e";
}
.ph-fill.ph-storefront:before {
  content: "\e470";
}
.ph-fill.ph-strategy:before {
  content: "\ea3a";
}
.ph-fill.ph-stripe-logo:before {
  content: "\e698";
}
.ph-fill.ph-student:before {
  content: "\e73e";
}
.ph-fill.ph-subset-of:before {
  content: "\edc0";
}
.ph-fill.ph-subset-proper-of:before {
  content: "\edb6";
}
.ph-fill.ph-subtitles:before {
  content: "\e1a8";
}
.ph-fill.ph-subtitles-slash:before {
  content: "\e1a6";
}
.ph-fill.ph-subtract:before {
  content: "\ebd6";
}
.ph-fill.ph-subtract-square:before {
  content: "\ebd4";
}
.ph-fill.ph-subway:before {
  content: "\e498";
}
.ph-fill.ph-suitcase:before {
  content: "\e5ae";
}
.ph-fill.ph-suitcase-rolling:before {
  content: "\e9b0";
}
.ph-fill.ph-suitcase-simple:before {
  content: "\e5b0";
}
.ph-fill.ph-sun:before {
  content: "\e472";
}
.ph-fill.ph-sun-dim:before {
  content: "\e474";
}
.ph-fill.ph-sun-horizon:before {
  content: "\e5b6";
}
.ph-fill.ph-sunglasses:before {
  content: "\e816";
}
.ph-fill.ph-superset-of:before {
  content: "\edb8";
}
.ph-fill.ph-superset-proper-of:before {
  content: "\edb4";
}
.ph-fill.ph-swap:before {
  content: "\e83c";
}
.ph-fill.ph-swatches:before {
  content: "\e5b8";
}
.ph-fill.ph-swimming-pool:before {
  content: "\ecb6";
}
.ph-fill.ph-sword:before {
  content: "\e5ba";
}
.ph-fill.ph-synagogue:before {
  content: "\ecec";
}
.ph-fill.ph-syringe:before {
  content: "\e968";
}
.ph-fill.ph-t-shirt:before {
  content: "\e670";
}
.ph-fill.ph-table:before {
  content: "\e476";
}
.ph-fill.ph-tabs:before {
  content: "\e778";
}
.ph-fill.ph-tag:before {
  content: "\e478";
}
.ph-fill.ph-tag-chevron:before {
  content: "\e672";
}
.ph-fill.ph-tag-simple:before {
  content: "\e47a";
}
.ph-fill.ph-target:before {
  content: "\e47c";
}
.ph-fill.ph-taxi:before {
  content: "\e902";
}
.ph-fill.ph-tea-bag:before {
  content: "\e8e6";
}
.ph-fill.ph-telegram-logo:before {
  content: "\e5bc";
}
.ph-fill.ph-television:before {
  content: "\e754";
}
.ph-fill.ph-television-simple:before {
  content: "\eae6";
}
.ph-fill.ph-tennis-ball:before {
  content: "\e720";
}
.ph-fill.ph-tent:before {
  content: "\e8ba";
}
.ph-fill.ph-terminal:before {
  content: "\e47e";
}
.ph-fill.ph-terminal-window:before {
  content: "\eae8";
}
.ph-fill.ph-test-tube:before {
  content: "\e7a0";
}
.ph-fill.ph-text-a-underline:before {
  content: "\ed34";
}
.ph-fill.ph-text-aa:before {
  content: "\e6ee";
}
.ph-fill.ph-text-align-center:before {
  content: "\e480";
}
.ph-fill.ph-text-align-justify:before {
  content: "\e482";
}
.ph-fill.ph-text-align-left:before {
  content: "\e484";
}
.ph-fill.ph-text-align-right:before {
  content: "\e486";
}
.ph-fill.ph-text-b:before {
  content: "\e5be";
}
.ph-fill.ph-text-bolder:before {
  content: "\e5be";
}
.ph-fill.ph-text-columns:before {
  content: "\ec96";
}
.ph-fill.ph-text-h:before {
  content: "\e6ba";
}
.ph-fill.ph-text-h-five:before {
  content: "\e6c4";
}
.ph-fill.ph-text-h-four:before {
  content: "\e6c2";
}
.ph-fill.ph-text-h-one:before {
  content: "\e6bc";
}
.ph-fill.ph-text-h-six:before {
  content: "\e6c6";
}
.ph-fill.ph-text-h-three:before {
  content: "\e6c0";
}
.ph-fill.ph-text-h-two:before {
  content: "\e6be";
}
.ph-fill.ph-text-indent:before {
  content: "\ea1e";
}
.ph-fill.ph-text-italic:before {
  content: "\e5c0";
}
.ph-fill.ph-text-outdent:before {
  content: "\ea1c";
}
.ph-fill.ph-text-strikethrough:before {
  content: "\e5c2";
}
.ph-fill.ph-text-subscript:before {
  content: "\ec98";
}
.ph-fill.ph-text-superscript:before {
  content: "\ec9a";
}
.ph-fill.ph-text-t:before {
  content: "\e48a";
}
.ph-fill.ph-text-t-slash:before {
  content: "\e488";
}
.ph-fill.ph-text-underline:before {
  content: "\e5c4";
}
.ph-fill.ph-textbox:before {
  content: "\eb0a";
}
.ph-fill.ph-thermometer:before {
  content: "\e5c6";
}
.ph-fill.ph-thermometer-cold:before {
  content: "\e5c8";
}
.ph-fill.ph-thermometer-hot:before {
  content: "\e5ca";
}
.ph-fill.ph-thermometer-simple:before {
  content: "\e5cc";
}
.ph-fill.ph-threads-logo:before {
  content: "\ed9e";
}
.ph-fill.ph-three-d:before {
  content: "\ea5a";
}
.ph-fill.ph-thumbs-down:before {
  content: "\e48c";
}
.ph-fill.ph-thumbs-up:before {
  content: "\e48e";
}
.ph-fill.ph-ticket:before {
  content: "\e490";
}
.ph-fill.ph-tidal-logo:before {
  content: "\ed1c";
}
.ph-fill.ph-tiktok-logo:before {
  content: "\eaf2";
}
.ph-fill.ph-tilde:before {
  content: "\eda8";
}
.ph-fill.ph-timer:before {
  content: "\e492";
}
.ph-fill.ph-tip-jar:before {
  content: "\e7e2";
}
.ph-fill.ph-tipi:before {
  content: "\ed30";
}
.ph-fill.ph-tire:before {
  content: "\edd2";
}
.ph-fill.ph-toggle-left:before {
  content: "\e674";
}
.ph-fill.ph-toggle-right:before {
  content: "\e676";
}
.ph-fill.ph-toilet:before {
  content: "\e79a";
}
.ph-fill.ph-toilet-paper:before {
  content: "\e79c";
}
.ph-fill.ph-toolbox:before {
  content: "\eca0";
}
.ph-fill.ph-tooth:before {
  content: "\e9cc";
}
.ph-fill.ph-tornado:before {
  content: "\e88c";
}
.ph-fill.ph-tote:before {
  content: "\e494";
}
.ph-fill.ph-tote-simple:before {
  content: "\e678";
}
.ph-fill.ph-towel:before {
  content: "\ede6";
}
.ph-fill.ph-tractor:before {
  content: "\ec6e";
}
.ph-fill.ph-trademark:before {
  content: "\e9f0";
}
.ph-fill.ph-trademark-registered:before {
  content: "\e3f4";
}
.ph-fill.ph-traffic-cone:before {
  content: "\e9a8";
}
.ph-fill.ph-traffic-sign:before {
  content: "\e67a";
}
.ph-fill.ph-traffic-signal:before {
  content: "\e9aa";
}
.ph-fill.ph-train:before {
  content: "\e496";
}
.ph-fill.ph-train-regional:before {
  content: "\e49e";
}
.ph-fill.ph-train-simple:before {
  content: "\e4a0";
}
.ph-fill.ph-tram:before {
  content: "\e9ec";
}
.ph-fill.ph-translate:before {
  content: "\e4a2";
}
.ph-fill.ph-trash:before {
  content: "\e4a6";
}
.ph-fill.ph-trash-simple:before {
  content: "\e4a8";
}
.ph-fill.ph-tray:before {
  content: "\e4aa";
}
.ph-fill.ph-tray-arrow-down:before {
  content: "\e010";
}
.ph-fill.ph-archive-tray:before {
  content: "\e010";
}
.ph-fill.ph-tray-arrow-up:before {
  content: "\ee52";
}
.ph-fill.ph-treasure-chest:before {
  content: "\ede2";
}
.ph-fill.ph-tree:before {
  content: "\e6da";
}
.ph-fill.ph-tree-evergreen:before {
  content: "\e6dc";
}
.ph-fill.ph-tree-palm:before {
  content: "\e91a";
}
.ph-fill.ph-tree-structure:before {
  content: "\e67c";
}
.ph-fill.ph-tree-view:before {
  content: "\ee48";
}
.ph-fill.ph-trend-down:before {
  content: "\e4ac";
}
.ph-fill.ph-trend-up:before {
  content: "\e4ae";
}
.ph-fill.ph-triangle:before {
  content: "\e4b0";
}
.ph-fill.ph-triangle-dashed:before {
  content: "\e4b2";
}
.ph-fill.ph-trolley:before {
  content: "\e5b2";
}
.ph-fill.ph-trolley-suitcase:before {
  content: "\e5b4";
}
.ph-fill.ph-trophy:before {
  content: "\e67e";
}
.ph-fill.ph-truck:before {
  content: "\e4b4";
}
.ph-fill.ph-truck-trailer:before {
  content: "\e4b6";
}
.ph-fill.ph-tumblr-logo:before {
  content: "\e8d4";
}
.ph-fill.ph-twitch-logo:before {
  content: "\e5ce";
}
.ph-fill.ph-twitter-logo:before {
  content: "\e4ba";
}
.ph-fill.ph-umbrella:before {
  content: "\e684";
}
.ph-fill.ph-umbrella-simple:before {
  content: "\e686";
}
.ph-fill.ph-union:before {
  content: "\edbe";
}
.ph-fill.ph-unite:before {
  content: "\e87e";
}
.ph-fill.ph-unite-square:before {
  content: "\e878";
}
.ph-fill.ph-upload:before {
  content: "\e4be";
}
.ph-fill.ph-upload-simple:before {
  content: "\e4c0";
}
.ph-fill.ph-usb:before {
  content: "\e956";
}
.ph-fill.ph-user:before {
  content: "\e4c2";
}
.ph-fill.ph-user-check:before {
  content: "\eafa";
}
.ph-fill.ph-user-circle:before {
  content: "\e4c4";
}
.ph-fill.ph-user-circle-check:before {
  content: "\ec38";
}
.ph-fill.ph-user-circle-dashed:before {
  content: "\ec36";
}
.ph-fill.ph-user-circle-gear:before {
  content: "\e4c6";
}
.ph-fill.ph-user-circle-minus:before {
  content: "\e4c8";
}
.ph-fill.ph-user-circle-plus:before {
  content: "\e4ca";
}
.ph-fill.ph-user-focus:before {
  content: "\e6fc";
}
.ph-fill.ph-user-gear:before {
  content: "\e4cc";
}
.ph-fill.ph-user-list:before {
  content: "\e73c";
}
.ph-fill.ph-user-minus:before {
  content: "\e4ce";
}
.ph-fill.ph-user-plus:before {
  content: "\e4d0";
}
.ph-fill.ph-user-rectangle:before {
  content: "\e4d2";
}
.ph-fill.ph-user-sound:before {
  content: "\eca8";
}
.ph-fill.ph-user-square:before {
  content: "\e4d4";
}
.ph-fill.ph-user-switch:before {
  content: "\e756";
}
.ph-fill.ph-users:before {
  content: "\e4d6";
}
.ph-fill.ph-users-four:before {
  content: "\e68c";
}
.ph-fill.ph-users-three:before {
  content: "\e68e";
}
.ph-fill.ph-van:before {
  content: "\e826";
}
.ph-fill.ph-vault:before {
  content: "\e76e";
}
.ph-fill.ph-vector-three:before {
  content: "\ee62";
}
.ph-fill.ph-vector-two:before {
  content: "\ee64";
}
.ph-fill.ph-vibrate:before {
  content: "\e4d8";
}
.ph-fill.ph-video:before {
  content: "\e740";
}
.ph-fill.ph-video-camera:before {
  content: "\e4da";
}
.ph-fill.ph-video-camera-slash:before {
  content: "\e4dc";
}
.ph-fill.ph-video-conference:before {
  content: "\edce";
}
.ph-fill.ph-vignette:before {
  content: "\eba2";
}
.ph-fill.ph-vinyl-record:before {
  content: "\ecac";
}
.ph-fill.ph-virtual-reality:before {
  content: "\e7b8";
}
.ph-fill.ph-virus:before {
  content: "\e7d6";
}
.ph-fill.ph-visor:before {
  content: "\ee2a";
}
.ph-fill.ph-voicemail:before {
  content: "\e4de";
}
.ph-fill.ph-volleyball:before {
  content: "\e726";
}
.ph-fill.ph-wall:before {
  content: "\e688";
}
.ph-fill.ph-wallet:before {
  content: "\e68a";
}
.ph-fill.ph-warehouse:before {
  content: "\ecd4";
}
.ph-fill.ph-warning:before {
  content: "\e4e0";
}
.ph-fill.ph-warning-circle:before {
  content: "\e4e2";
}
.ph-fill.ph-warning-diamond:before {
  content: "\e7fc";
}
.ph-fill.ph-warning-octagon:before {
  content: "\e4e4";
}
.ph-fill.ph-washing-machine:before {
  content: "\ede8";
}
.ph-fill.ph-watch:before {
  content: "\e4e6";
}
.ph-fill.ph-wave-sawtooth:before {
  content: "\ea9c";
}
.ph-fill.ph-wave-sine:before {
  content: "\ea9a";
}
.ph-fill.ph-wave-square:before {
  content: "\ea9e";
}
.ph-fill.ph-wave-triangle:before {
  content: "\eaa0";
}
.ph-fill.ph-waveform:before {
  content: "\e802";
}
.ph-fill.ph-waveform-slash:before {
  content: "\e800";
}
.ph-fill.ph-waves:before {
  content: "\e6de";
}
.ph-fill.ph-webcam:before {
  content: "\e9b2";
}
.ph-fill.ph-webcam-slash:before {
  content: "\ecdc";
}
.ph-fill.ph-webhooks-logo:before {
  content: "\ecae";
}
.ph-fill.ph-wechat-logo:before {
  content: "\e8d2";
}
.ph-fill.ph-whatsapp-logo:before {
  content: "\e5d0";
}
.ph-fill.ph-wheelchair:before {
  content: "\e4e8";
}
.ph-fill.ph-wheelchair-motion:before {
  content: "\e89a";
}
.ph-fill.ph-wifi-high:before {
  content: "\e4ea";
}
.ph-fill.ph-wifi-low:before {
  content: "\e4ec";
}
.ph-fill.ph-wifi-medium:before {
  content: "\e4ee";
}
.ph-fill.ph-wifi-none:before {
  content: "\e4f0";
}
.ph-fill.ph-wifi-slash:before {
  content: "\e4f2";
}
.ph-fill.ph-wifi-x:before {
  content: "\e4f4";
}
.ph-fill.ph-wind:before {
  content: "\e5d2";
}
.ph-fill.ph-windmill:before {
  content: "\e9f8";
}
.ph-fill.ph-windows-logo:before {
  content: "\e692";
}
.ph-fill.ph-wine:before {
  content: "\e6b2";
}
.ph-fill.ph-wrench:before {
  content: "\e5d4";
}
.ph-fill.ph-x:before {
  content: "\e4f6";
}
.ph-fill.ph-x-circle:before {
  content: "\e4f8";
}
.ph-fill.ph-x-logo:before {
  content: "\e4bc";
}
.ph-fill.ph-x-square:before {
  content: "\e4fa";
}
.ph-fill.ph-yarn:before {
  content: "\ed9a";
}
.ph-fill.ph-yin-yang:before {
  content: "\e92a";
}
.ph-fill.ph-youtube-logo:before {
  content: "\e4fc";
}


/* ---- next style block ---- */

/* =====================================================================
   SHOW-1 — Buyer Cockpit · prototype styles.
   Institutional register over the HM foundation tokens
   (colors_and_type.css). Nothing here invents a colour, radius or
   type ramp outside the token system. Teal is accent only — never a
   block fill. Status is conveyed by conservative pills + structured
   data; no progress bars/rings, no gamification, no ambient motion.

   Class prefixes:  px-   prototype harness chrome (not the product)
                    ck-   cockpit chrome (masthead / breadcrumb / shell)
                    sp-   status pill vocabulary (SC-2)
                    cg-   contribution graph (SC-3)
                    cv-   coverage readout (SC-4)
   Shared primitives (btn / card / field / callout / seg) follow the
   intake kit so the two surfaces read as one system.
   ===================================================================== */

* { box-sizing: border-box; }
body { margin: 0; background: #E4E4E2; color: var(--fg-primary); font-family: var(--font-sans); }
button { font-family: var(--font-sans); }

/* =====================================================================
   PROTOTYPE HARNESS  (px-)
   ===================================================================== */
.px-bar { position: sticky; top: 0; z-index: 60; background: #1c1c1d; color: #fff; }
.px-bar__in { max-width: 1480px; margin: 0 auto; display: flex; align-items: center; gap: 18px; padding: 11px 22px; flex-wrap: wrap; }
.px-bar .px-word { font-weight: 700; font-size: 14px; letter-spacing: -0.02em; }
.px-bar .px-sub { font-size: 11px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: #9a9a9c; }
.px-tabs { display: inline-flex; background: #2c2c2e; border-radius: var(--radius-2); padding: 3px; gap: 2px; }
.px-tabs button { border: 0; background: transparent; color: #b6b6b8; font-size: 12px; font-weight: 600; padding: 7px 14px; border-radius: 4px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; }
.px-tabs button.on { background: #fff; color: #1c1c1d; }
.px-tabs button i { font-size: 14px; }
.px-right { margin-left: auto; display: flex; align-items: center; gap: 14px; }

/* scenario rail (walkthrough) */
.px-scn { background: #f3f3f1; border-bottom: 1px solid #d9d9d6; }
.px-scn__in { max-width: 1480px; margin: 0 auto; display: flex; align-items: center; gap: 12px; padding: 9px 22px; flex-wrap: wrap; }
.px-scn__k { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-tertiary); }
.px-chiprow { display: inline-flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.px-chip { border: 1px solid var(--border-rule); background: #fff; color: var(--fg-secondary); font-size: 11.5px; font-weight: 600; padding: 5px 11px; border-radius: var(--radius-pill); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.px-chip:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); }
.px-chip.on { background: var(--fg-primary); border-color: var(--fg-primary); color: #fff; }
.px-chip i { font-size: 13px; }
.px-div { width: 1px; height: 18px; background: #d2d2cf; }

/* stage + desktop browser device */
.px-stage { padding: 28px 22px 80px; display: flex; justify-content: center; }
.dev-desk { width: 100%; max-width: 1260px; background: var(--bg-surface); border-radius: 10px; box-shadow: var(--shadow-modal); overflow: hidden; border: 1px solid #d7d7d4; }
.dev-desk__chrome { height: 38px; background: #f0f0ee; border-bottom: 1px solid var(--border-rule); display: flex; align-items: center; gap: 7px; padding: 0 14px; }
.dev-desk__dot { width: 11px; height: 11px; border-radius: 50%; background: #d4d4d0; }
.dev-desk__url { margin-left: 12px; flex: 1; background: #fff; border: 1px solid var(--border-rule); border-radius: var(--radius-pill); height: 22px; display: flex; align-items: center; padding: 0 12px; font-size: 11px; color: var(--fg-tertiary); max-width: 420px; }
.dev-desk__url i { font-size: 12px; margin-right: 6px; color: var(--accent); }
.appview { background: var(--bg-page); height: 812px; overflow: hidden; }

/* =====================================================================
   COCKPIT SHELL  (ck-)
   ===================================================================== */
.ck { height: 100%; display: flex; flex-direction: column; position: relative; background: var(--bg-page); }

/* SC-1b · top section bar — primary nav, sticky under the masthead */
.ck-secbar { background: var(--bg-surface); border-bottom: 1px solid var(--border-rule); position: sticky; top: 49px; z-index: 11; }
.ck-secbar__in { display: flex; align-items: center; gap: 2px; padding: 0 22px; min-height: 46px; }
.ck-secitem { display: inline-flex; align-items: center; gap: 8px; padding: 13px 12px; border: 0; background: transparent; cursor: pointer; font-family: var(--font-sans); font-size: 13px; font-weight: 600; color: var(--fg-secondary); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.ck-secitem i { font-size: 16px; color: var(--hm-charcoal); }
.ck-secitem:hover { color: var(--fg-primary); }
.ck-secitem.on { color: var(--fg-primary); font-weight: 700; border-bottom-color: var(--accent); }
.ck-secitem.on i { color: var(--accent); }
.ck-secbar .ck-rule { width: 1px; height: 18px; background: var(--hm-light-grey); margin: 0 8px; flex: none; }
.ck-secbar .ck-chev { display: inline-flex; align-items: center; color: var(--fg-tertiary); margin: 0 2px; }
.ck-secbar .ck-chev i { font-size: 13px; }
/* page-head back-link (drill-in screens — where the breadcrumb used to live) */
.ck-backlink { display: inline-flex; align-items: center; gap: 5px; background: transparent; border: 0; cursor: pointer; font-family: var(--font-sans); font-size: 12px; font-weight: 600; color: var(--fg-tertiary); padding: 0 0 9px; }
.ck-backlink:hover { color: var(--accent); }
.ck-backlink i { font-size: 14px; }

/* masthead — Row 2 lockup + contextual breadcrumb (SC-1) */
.ck-mast { background: var(--bg-surface); border-bottom: 1px solid var(--border-rule); position: sticky; top: 0; z-index: 12; }
.ck-mast__in { display: flex; align-items: center; gap: 16px; padding: 13px 26px; }
.ck-lockup { height: 22px; display: inline-flex; align-items: center; gap: 8px; flex: none; }
.ck-word { font-weight: 700; font-size: 16px; letter-spacing: -0.03em; color: var(--hm-wordmark); }
.ck-mast__div { width: 1px; height: 22px; background: var(--border-rule); }
.ck-mast__right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.ck-iconbtn { width: 34px; height: 34px; border-radius: var(--radius-2); border: 1px solid var(--border-rule); background: var(--bg-surface); color: var(--fg-secondary); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; }
.ck-iconbtn:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); }
.ck-iconbtn i { font-size: 17px; }
.ck-iconbtn .dot { position: absolute; top: 7px; right: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.ck-acct { display: flex; align-items: center; gap: 9px; padding-left: 4px; }
.ck-acct__av { width: 32px; height: 32px; border-radius: 50%; background: var(--hm-near-black); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
.ck-acct__meta { line-height: 1.25; }
.ck-acct__org { font-size: 12.5px; font-weight: 600; color: var(--fg-primary); white-space: nowrap; }
.ck-acct__role { font-size: 10.5px; color: var(--fg-tertiary); white-space: nowrap; }

/* breadcrumb (contextual wayfinding — no numbered nav) */
.ck-crumb { background: var(--bg-surface); border-bottom: 1px solid var(--border-rule); position: sticky; top: 49px; z-index: 11; }
.ck-crumb__in { display: flex; align-items: center; gap: 0; padding: 9px 26px; min-height: 40px; }
.ck-crumb__trail { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; }
.ck-crumb__seg { color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.ck-crumb__seg:hover { color: var(--fg-secondary); }
.ck-crumb__seg.now { color: var(--fg-primary); font-weight: 600; cursor: default; }
.ck-crumb__seg.now:hover { color: var(--fg-primary); }
.ck-crumb__sep { color: var(--hm-light-grey); font-size: 13px; }
.ck-crumb__right { margin-left: auto; display: flex; align-items: center; gap: 10px; }

/* scroll body — the only scroll region */
.ck-main { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.ck-main::-webkit-scrollbar { width: 11px; }
.ck-main::-webkit-scrollbar-track { background: transparent; }
.ck-main::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: var(--radius-pill); border: 3px solid transparent; background-clip: padding-box; min-height: 40px; }
.ck-main::-webkit-scrollbar-thumb:hover { background: var(--fg-tertiary); border: 3px solid transparent; background-clip: padding-box; }
.ck-wrap { max-width: 1080px; margin: 0 auto; padding: 30px 26px 64px; }
.ck-wrap--wide { max-width: 1180px; }
.ck-wrap--narrow { max-width: 740px; }

/* =====================================================================
   BUILDER WIZARD CHROME  (wz-) — ported from the grower Intake 3.4
   WizShell so the buyer request builder uses one stepper pattern with
   the grower flow. Top bar + stepper bar + footer; visually identical
   to the grower bar. Buyer keeps its wider content column + own copy.
   ===================================================================== */
.wz { height: 100%; display: flex; flex-direction: column; position: relative; background: var(--bg-page); }
.wz__top { background: var(--bg-surface); border-bottom: 1px solid var(--border-rule); position: sticky; top: 0; z-index: 8; }
.wz__top-in { display: flex; align-items: center; gap: 12px; padding: 13px 22px; }
.wz__word { font-weight: 700; font-size: 15px; letter-spacing: -0.03em; color: var(--hm-wordmark); }
.wz__crop { margin-left: 4px; font-size: 11px; font-weight: 600; color: var(--fg-tertiary); letter-spacing: 0.04em; border-left: 1px solid var(--border-rule); padding-left: 12px; }
.wz__top-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
.wz__save { font-size: 11.5px; font-weight: 600; color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 6px; }
.wz__save i { font-size: 14px; color: var(--accent); }
.wz__exit { font-size: 12px; color: var(--fg-secondary); text-decoration: none; padding: 6px 10px; border-radius: var(--radius-2); cursor: pointer; }
.wz__exit:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); }
/* stepper strip */
.wz__steps { background: var(--bg-surface); border-bottom: 1px solid var(--border-rule); position: sticky; top: 49px; z-index: 7; }
.wz__steps-in { padding: 11px 28px 13px; }
.wz__steps-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; }
.wz__steps-k { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--fg-tertiary); white-space: nowrap; }
.wz__steps-v { font-size: 11px; color: var(--fg-secondary); font-variant-numeric: tabular-nums; }
.wz__rail { display: flex; gap: 6px; }
.wz__seg { flex: 1; height: 4px; border-radius: 2px; background: var(--border-rule); position: relative; cursor: pointer; }
.wz__seg.done { background: var(--accent); }
.wz__seg.now { background: var(--accent); }
.wz__seg.now::after { content: ""; position: absolute; inset: -3px -2px; border-radius: 4px; box-shadow: 0 0 0 2px rgba(75,179,125,0.30); }
/* desktop labelled stepper — the prototype always runs inside .dev-desk.
   Left-packed (natural gaps, grouped at the left edge) — not stretched. */
.wz__steplabels { display: flex; gap: 56px; margin-top: 10px; }
.wz__steplabel { flex: 0 0 auto; font-size: 10.5px; font-weight: 600; color: var(--fg-tertiary); letter-spacing: 0.02em; cursor: pointer; display: flex; align-items: center; gap: 6px; white-space: nowrap; }
/* Steps beyond the furthest reached are inert: you cannot skip ahead to Review. */
.wz__steplabel.locked, .wz__seg.locked { cursor: default; opacity: 0.45; }
.wz__steplabel.now { color: var(--fg-primary); }
.wz__steplabel.done { color: var(--accent); }
.wz__steplabel .ix { font-variant-numeric: tabular-nums; opacity: 0.7; }
.wz .wz__rail { display: none; }
/* main scroll column — the only scroll region between the fixed bars + footer */
.wz__main { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; }
.wz__main-in { max-width: 1080px; margin: 0 auto; width: 100%; padding: 30px 26px 40px; }
.wz__main-in--narrow { max-width: 740px; }
.wz__main::-webkit-scrollbar { width: 11px; }
.wz__main::-webkit-scrollbar-track { background: transparent; }
.wz__main::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: var(--radius-pill); border: 3px solid transparent; background-clip: padding-box; min-height: 40px; }
.wz__main::-webkit-scrollbar-thumb:hover { background: var(--fg-tertiary); border: 3px solid transparent; background-clip: padding-box; }
.wz__reassure { font-size: 11px; color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 6px; }
.wz__reassure i { font-size: 13px; color: var(--accent); }

/* page header block */
.ck-eyebrow { font-size: 11px; font-weight: 600; color: var(--accent); letter-spacing: 0.1em; text-transform: uppercase; }
.ck-h1 { font-size: 28px; line-height: 1.16; font-weight: 600; letter-spacing: -0.02em; margin: 8px 0 0; color: var(--fg-primary); }
.ck-lede { font-size: 15px; line-height: 1.6; color: var(--fg-secondary); margin: 10px 0 0; max-width: 64ch; }
.ck-lede--wide { max-width: none; white-space: nowrap; }
.ck-pagehead { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.ck-sectionlabel { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-tertiary); margin: 0 0 14px; display: flex; align-items: center; gap: 9px; }
.ck-sectionlabel i { font-size: 15px; color: var(--accent); }
.ck-sectionlabel .count { background: var(--bg-surface-alt); color: var(--fg-secondary); border-radius: var(--radius-pill); padding: 1px 8px; font-size: 10px; }
.ck-block { margin-top: 34px; }
/* step-group frame — a quiet box around a labelled set of step tiles */
.ck-stepgroup { border: 1px solid var(--border-rule); background: var(--bg-surface-alt); border-radius: var(--radius-3); padding: var(--space-5); }
.ck-stepgroup > .ck-sectionlabel { margin-bottom: 14px; }

/* =====================================================================
   BUTTONS  (mirrors intake kit — teal as accent only, never block fill)
   ===================================================================== */
.btn { font-weight: 600; font-size: 14px; line-height: 1.2; white-space: nowrap; border: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; border-radius: var(--radius-2); transition: background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard); }
.btn i { font-size: 16px; }
.btn--primary { background: var(--bg-surface-alt); color: var(--fg-primary); padding: 11px 18px; box-shadow: inset 0 -2px 0 0 var(--accent); }
.btn--primary:hover { background: #EEEDE8; }
.btn--primary:active { background: #E7E5DE; }
.btn--dark { background: var(--hm-near-black); color: #fff; padding: 11px 18px; }
.btn--dark:hover { background: #2d2d2e; }
.btn--dark .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); }
.btn--ghost { background: transparent; color: var(--fg-secondary); padding: 10px 12px; }
.btn--ghost:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); }
.btn--out { background: #fff; color: var(--fg-primary); border-color: var(--border-strong); padding: 10px 16px; }
.btn--out:hover { background: var(--bg-hover-neutral); }
.btn:disabled { color: var(--hm-charcoal); background: var(--hm-light-grey); box-shadow: none; cursor: not-allowed; border-color: transparent; }
.btn--lg { font-size: 15px; padding: 13px 22px; }
.btn--sm { font-size: 12.5px; padding: 7px 12px; }
.btn--sm i { font-size: 14px; }
.btn--block { width: 100%; }

/* =====================================================================
   CARDS / PANELS
   ===================================================================== */
.card { background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); box-shadow: var(--shadow-card); }
.panel { background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-3); box-shadow: var(--shadow-card); }
.panel__h { display: flex; align-items: center; gap: 10px; padding: 15px 20px; border-bottom: 1px solid var(--border-rule); }
.panel__h .t { font-size: 13px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-primary); }
.panel__h .meta { margin-left: auto; font-size: 12px; color: var(--fg-tertiary); }
.panel__h i.lead { font-size: 17px; color: var(--fg-secondary); }
.panel__body { padding: 20px; }
.panel__body--flush { padding: 0; }

/* labelled data fact (read-as-fact, not a field) */
.factgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--border-rule); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.fact { background: var(--bg-surface); padding: 14px 16px; }
.fact__k { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.fact__v { font-size: 19px; font-weight: 600; color: var(--fg-primary); margin-top: 5px; letter-spacing: -0.01em; }
.fact__v small { font-size: 12px; font-weight: 500; color: var(--fg-tertiary); }
.fact__sub { font-size: 11.5px; color: var(--fg-secondary); margin-top: 3px; }

/* =====================================================================
   FIELDS  (mirrors intake)
   ===================================================================== */
.grp { margin-top: 30px; }
.grp:first-child { margin-top: 0; }
.grp__h { display: flex; align-items: baseline; gap: 10px; margin-bottom: 16px; }
.grp__h .t { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-primary); }
.grp__h .opt { font-size: 10px; font-weight: 600; color: var(--fg-tertiary); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 2px 8px; letter-spacing: 0.04em; }
.field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.field__label { font-size: 11px; font-weight: 600; color: var(--fg-secondary); letter-spacing: 0.05em; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }
/* `.req` collides with intake.css's grower request-card rule (intake.css:303), which loads after
   this file and lends the asterisk a card background, border, shadow and 16px padding. The colour
   below wins on specificity but declares nothing else, so reset the box here. The card itself
   (grower/hub.tsx) sits outside any <label> and is unaffected. */
.field__label .req { color: var(--status-critical); background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-left: 3px; }
.field__box { background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 11px 13px; display: flex; align-items: center; gap: 10px; }
.field__box.is-focus { border-color: var(--accent); box-shadow: var(--shadow-focus); }
.field__box:focus-within { border-color: var(--accent); box-shadow: var(--shadow-focus); }
.field__box.is-locked { background: var(--bg-surface-alt); border-style: dashed; }
.field__box input, .field__box select, .field__box textarea { font-family: var(--font-sans); font-size: 15px; font-weight: 500; border: 0; outline: none; flex: 1; min-width: 0; background: transparent; color: var(--fg-primary); }
.field__box select { appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; padding-right: 22px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 256 256'%3E%3Cpath fill='%237F7F7F' d='M213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; }
.field__box select::-ms-expand { display: none; }
.field__box textarea { resize: vertical; line-height: 1.5; min-height: 44px; }
.field__box input::placeholder { color: var(--hm-charcoal); }
.field__unit { font-size: 13px; color: var(--fg-tertiary); white-space: nowrap; }
.field__hint { font-size: 11.5px; color: var(--fg-tertiary); line-height: 1.5; }
.field__hint i { font-size: 12px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.three-col { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 16px; }

/* segmented control */
.seg { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface-alt); padding: 3px; }
.seg button { font-size: 13px; font-weight: 600; padding: 8px 14px; border: 0; background: transparent; color: var(--fg-secondary); border-radius: 3px; cursor: pointer; white-space: nowrap; }
.seg button.on { background: var(--bg-surface); color: var(--fg-primary); box-shadow: 0 1px 2px rgba(65,64,66,0.08); }

/* callouts */
.callout { display: flex; gap: 12px; padding: 13px 15px; border-radius: var(--radius-2); font-size: 12.5px; line-height: 1.55; }
.callout i { font-size: 17px; flex: none; margin-top: 1px; }
.callout b { font-weight: 600; }
.callout--info { background: var(--bg-surface-alt); color: var(--fg-secondary); border: 1px solid var(--border-rule); }
.callout--info i { color: var(--fg-secondary); }
.callout--teal { background: #F1F9F4; color: #2c6b49; border: 1px solid #CDE8D9; }
.callout--teal i { color: var(--accent); }
.callout--warn { background: #FBF6E9; color: #806721; border: 1px solid #E8DFC4; }
.callout--warn i { color: var(--status-attention); }
.callout--lock { background: var(--hm-near-black); color: #e8e8e8; border: 1px solid var(--hm-near-black); }
.callout--lock i { color: var(--accent); }

/* scope / meta chips */
.tag { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; padding: 4px 10px; border-radius: var(--radius-pill); background: var(--bg-surface); color: var(--fg-secondary); box-shadow: inset 0 0 0 1px var(--border-rule); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.tag i { font-size: 12px; color: var(--fg-tertiary); }
.tag--strong { color: var(--fg-primary); box-shadow: inset 0 0 0 1px var(--border-strong); }
.chiprow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }

/* empty state */
.empty { text-align: center; padding: 52px 24px; border: 1px dashed var(--border-strong); border-radius: var(--radius-3); background: var(--bg-surface); }
.empty__ic { width: 52px; height: 52px; border-radius: 50%; background: var(--bg-surface-alt); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; }
.empty__ic i { font-size: 26px; color: var(--accent); }
.empty__t { font-size: 18px; font-weight: 600; }
.empty__s { font-size: 13.5px; color: var(--fg-secondary); line-height: 1.55; max-width: 46ch; margin: 8px auto 18px; }

/* =====================================================================
   STATUS PILLS  (sp-)  · SC-2 per-grower state machine
   Conservative pills. Teal as accent only — never a coloured block bar.
   Three registers: neutral (in-flight) · accent (positive/terminal) ·
   muted-critical (declined) · ghost-dashed (expired).
   ===================================================================== */
.sp { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.01em; padding: 4px 10px 4px 9px; border-radius: var(--radius-pill); white-space: nowrap; line-height: 1; }
.sp i { font-size: 13px; }
.sp__dot { width: 7px; height: 7px; border-radius: 50%; flex: none; }
/* neutral / in-flight */
.sp--neutral { background: var(--bg-surface); color: var(--fg-secondary); box-shadow: inset 0 0 0 1px var(--border-rule); }
.sp--neutral .sp__dot { background: var(--hm-charcoal); }
/* ink (submitted — work is in) */
.sp--ink { background: var(--bg-surface-alt); color: var(--fg-primary); box-shadow: inset 0 0 0 1px var(--border-strong); }
.sp--ink .sp__dot { background: var(--fg-primary); }
/* accent (accepted / calculated) */
.sp--accent { background: #F1F9F4; color: #2c6b49; box-shadow: inset 0 0 0 1px #CDE8D9; }
.sp--accent .sp__dot { background: var(--accent); }
/* complete (terminal positive) */
.sp--done { background: #E8F4ED; color: #2E8055; box-shadow: inset 0 0 0 1px #BFE3CF; }
.sp--done .sp__dot { background: var(--accent); }
/* declined (muted critical) */
.sp--declined { background: #FBEDED; color: #8a2f2f; box-shadow: inset 0 0 0 1px #EAC9C9; }
.sp--declined .sp__dot { background: var(--status-critical); }
/* expired (timeout branch) */
.sp--expired { background: var(--bg-surface); color: var(--fg-tertiary); box-shadow: inset 0 0 0 1px var(--border-rule); border-style: dashed; }
.sp--expired .sp__dot { background: var(--hm-light-grey); box-shadow: inset 0 0 0 1px var(--hm-charcoal); }
/* draft (request rollup) */
.sp--draft { background: var(--bg-surface); color: var(--fg-tertiary); box-shadow: inset 0 0 0 1px var(--border-rule); }
.sp--draft .sp__dot { background: var(--hm-light-grey); box-shadow: inset 0 0 0 1px var(--hm-charcoal); }
/* warn (below hurdle — amber) */
.sp--warn { background: #FBF6E9; color: #806721; box-shadow: inset 0 0 0 1px #E8DFC4; }
.sp--warn .sp__dot { background: var(--status-attention); }
.sp--lg { font-size: 12.5px; padding: 5px 12px 5px 11px; }

/* state-machine track (the lifecycle visualised — components showcase + T2 header) */
.sp-machine { display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.sp-machine__node { display: flex; flex-direction: column; align-items: center; gap: 7px; position: relative; }
.sp-machine__seg { display: flex; align-items: center; }
.sp-machine__line { width: 26px; height: 2px; background: var(--border-rule); }
.sp-machine__line.lit { background: var(--accent); }
.sp-machine__line.dashed { background: repeating-linear-gradient(90deg, var(--border-rule) 0 4px, transparent 4px 7px); }
.sp-machine__branch { font-size: 10px; color: var(--fg-tertiary); margin-top: 4px; }

/* compact lifecycle stepper (T2 workflow rows — alongside the status pill).
   Discrete dots, one per step; current step marked. Teal accent only. */
.sp-step { display: inline-flex; align-items: center; gap: 5px; }
.sp-step__dot { width: 7px; height: 7px; border-radius: 50%; flex: none; background: transparent; box-shadow: inset 0 0 0 1.5px var(--border-strong); }
.sp-step__dot.done { background: var(--hm-charcoal); box-shadow: none; }
.sp-step__dot.now { background: var(--accent); box-shadow: 0 0 0 2.5px rgba(75,179,125,0.22); }
.sp-step__dot.declined { background: var(--status-critical); box-shadow: 0 0 0 2.5px rgba(176,58,58,0.16); }
.sp-step__dot.expired { background: var(--hm-light-grey); box-shadow: inset 0 0 0 1.5px var(--hm-charcoal); }
.wf-row__status { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }

/* =====================================================================
   CONTRIBUTION GRAPH  (cg-)  · SC-3
   Stacked horizontal bars, one row per scope line, segmented by grower
   (heaviest first). Accepted = solid greyscale; outstanding = ghosted.
   A teal target line marks the coverage hurdle. No animation, no rings.
   Data fill is greyscale — teal is reserved for the target marker.
   ===================================================================== */
.cg { border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); overflow: hidden; }
.cg__head { display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-bottom: 1px solid var(--border-rule); }
.cg__head .t { font-size: 12px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-primary); }
.cg__head .state { margin-left: auto; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 6px; }
.cg__head .state i { font-size: 12px; color: var(--accent); }
.cg__body { padding: 18px 18px 8px; position: relative; }
.cg-row { display: grid; grid-template-columns: 150px 1fr 96px; align-items: center; gap: 14px; margin-bottom: 11px; }
.cg-row__label { min-width: 0; }
.cg-row__crop { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.cg-row__grade { font-size: 11px; color: var(--fg-tertiary); margin-top: 1px; }
.cg-row__total { text-align: right; font-size: 12.5px; font-weight: 600; color: var(--fg-secondary); font-variant-numeric: tabular-nums; }
.cg-row__total small { display: block; font-size: 10.5px; font-weight: 500; color: var(--fg-tertiary); }
/* the bar track */
.cg-bar { position: relative; height: 18px; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-1); display: flex; overflow: hidden; }
.cg-seg { height: 100%; position: relative; border-right: 1px solid var(--bg-surface); }
.cg-seg:last-child { border-right: 0; }
/* accepted = solid greyscale ramp (set inline via shade var) */
.cg-seg.solid { background: var(--seg-shade, var(--fg-secondary)); }
/* outstanding / prospective = ghosted hatch */
.cg-seg.ghost { background: repeating-linear-gradient(135deg, var(--bg-surface) 0 4px, #ECECEA 4px 8px); box-shadow: inset 0 0 0 1px var(--border-rule); }
/* target line — teal accent, the one threshold marker */
.cg-target { position: absolute; top: -4px; bottom: -4px; width: 0; border-left: 2px dashed var(--accent); z-index: 3; }
.cg-target__flag { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 9.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #2c6b49; background: #F1F9F4; border: 1px solid #CDE8D9; border-radius: var(--radius-1); padding: 2px 6px; }
.cg__legend { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 12px 18px; border-top: 1px solid var(--border-rule); background: var(--bg-surface-alt); }
.cg-key { display: inline-flex; align-items: center; gap: 7px; font-size: 11px; color: var(--fg-secondary); }
.cg-key__sw { width: 18px; height: 11px; border-radius: 2px; flex: none; }
.cg-key__sw.solid { background: var(--fg-secondary); }
.cg-key__sw.ghost { background: repeating-linear-gradient(135deg, var(--bg-surface) 0 3px, #ECECEA 3px 6px); box-shadow: inset 0 0 0 1px var(--border-rule); }
.cg-key__sw.target { width: 0; height: 16px; border-left: 2px dashed var(--accent); border-radius: 0; }
/* per-grower legend under the graph */
.cg-growers { display: flex; flex-wrap: wrap; gap: 10px 18px; padding: 12px 18px 14px; }
.cg-glegend { display: inline-flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--fg-secondary); white-space: nowrap; }
.cg-glegend__sw { width: 11px; height: 11px; border-radius: 2px; flex: none; }
.cg-glegend b { color: var(--fg-primary); font-weight: 600; font-variant-numeric: tabular-nums; }

/* =====================================================================
   COVERAGE READOUT  (cv-)  · SC-4  · tonnage-weighted, never headcount
   ===================================================================== */
.cv { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.cv__pct { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; color: var(--fg-primary); font-variant-numeric: tabular-nums; line-height: 1; }
.cv__body { min-width: 0; }
.cv__line { font-size: 13.5px; color: var(--fg-primary); font-weight: 500; }
.cv__line b { font-weight: 600; }
.cv__sub { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 2px; }
.cv__right { margin-left: auto; text-align: right; }
.cv__hurdle { font-size: 11px; color: var(--fg-tertiary); }
.cv__hurdle b { color: var(--fg-secondary); font-weight: 600; font-variant-numeric: tabular-nums; }
.cv--compact { padding: 0; border: 0; background: transparent; }

/* =====================================================================
   PRODUCT CARDS  (R1)
   ===================================================================== */
/* R1 mode toggle — quiet segmented control under the heading.
   Boxed (not bottom-border) so it never reads as the in-request step tabs. */
.r1mode { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.r1mode__lbl { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-tertiary); }
.r1mode__seg button { padding: 7px 16px; }

/* R1 · Product Library placeholder mode */
.r1lib { margin-top: 12px; }
.r1lib__h { font-size: 20px; line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; color: var(--fg-primary); margin: 5px 0 0; }
/* Wider measure so the intro sets on two lines, not three — the six-box grid below has to
   clear the fold without scrolling. */
.r1lib__lede { font-size: 14px; line-height: 1.55; color: var(--fg-secondary); margin: 7px 0 0; max-width: 92ch; }
.r1lib__empty { margin-top: 22px; border: 1px dashed var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface-alt); padding: 44px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.r1lib__icon { font-size: 30px; color: var(--fg-tertiary); }
.r1lib__emptyt { font-size: 15px; font-weight: 600; color: var(--fg-primary); margin-top: 14px; }
.r1lib__emptys { font-size: 13px; color: var(--fg-tertiary); margin-top: 5px; max-width: 42ch; line-height: 1.5; }
.r1lib__back { margin-top: 20px; display: inline-flex; align-items: center; gap: 7px; background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 9px 16px; font-size: 13px; font-weight: 600; color: var(--fg-secondary); cursor: pointer; transition: border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard); }
.r1lib__back:hover { border-color: var(--accent); color: var(--accent); }
/* Product Library — six requirement categories, 3x2. Live categories read as surfaces you can
   already request; the rest use the platform's muted idiom (dashed rule, alt surface, tertiary
   text), as .prodcard--locked and .zone-tile--dormant do. Labels only, nothing clickable. */
.libgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 14px; }
/* Coming-soon boxes sit on the same white surface as the live ones — a grey fill read as dead
   weight on a projector. The dashed rule, muted type and inert CTA still mark them as not-yet. */
.libcard { display: flex; flex-direction: column; align-items: flex-start; padding: 13px 14px 11px; border: 1px dashed var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.libcard--live { border-style: solid; }
.libcard__ic { width: 30px; height: 30px; border-radius: var(--radius-2); background: var(--bg-page); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; flex: none; }
.libcard__ic i { font-size: 16px; color: var(--fg-tertiary); }
.libcard--live .libcard__ic { background: #E8F4ED; border-color: #BFE3CF; }
.libcard--live .libcard__ic i { color: var(--accent); }
/* 13px keeps the longest name ("Commercial Positioning & Product Strategy") on one line at this
   column width, so both grid rows stay the same height. */
.libcard__t { font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: -0.005em; color: var(--fg-secondary); margin-top: 9px; }
.libcard--live .libcard__t { color: var(--fg-primary); }
.libcard__d { font-size: 11.5px; line-height: 1.42; color: var(--fg-tertiary); margin-top: 4px; }
.libcard__tag { margin-top: auto; padding-top: 8px; font-size: 9.5px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-tertiary); }
.libcard--live .libcard__tag { color: var(--accent); }

.prodgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.prodcard { text-align: left; background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 18px; cursor: pointer; display: flex; flex-direction: column; gap: 0; transition: box-shadow var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard); }
.prodcard:hover { box-shadow: var(--shadow-raised); }
.prodcard.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.prodcard__top { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.prodcard__ic { width: 38px; height: 38px; border-radius: var(--radius-2); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; flex: none; }
.prodcard__ic i { font-size: 19px; color: var(--fg-secondary); }
.prodcard.on .prodcard__ic { background: #E8F4ED; border-color: #BFE3CF; }
.prodcard.on .prodcard__ic i { color: var(--accent); }
.prodcard__ck { margin-left: auto; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--hm-charcoal); display: flex; align-items: center; justify-content: center; flex: none; }
.prodcard.on .prodcard__ck { border-color: var(--accent); background: var(--accent); }
.prodcard__ck i { font-size: 13px; color: #fff; opacity: 0; }
.prodcard.on .prodcard__ck i { opacity: 1; }
.prodcard__code { font-size: 15px; font-weight: 600; color: var(--fg-primary); }
.prodcard__what { font-size: 12px; color: var(--accent); font-weight: 600; margin-top: 2px; }
.prodcard__desc { font-size: 12.5px; line-height: 1.5; color: var(--fg-secondary); margin-top: 8px; }
.prodcard__who { font-size: 11.5px; line-height: 1.5; color: var(--fg-tertiary); margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--border-rule); }
.prodcard__who b { color: var(--fg-secondary); font-weight: 600; display: block; margin-bottom: 6px; }
/* "What you will receive" — icon-prefixed rows, the platform's list idiom (cf. .rp-reliance).
   Not a <ul>: .prodcard is a <button> and may only contain phrasing content. */
.prodcard__gets { display: flex; flex-direction: column; gap: 4px; }
.prodcard__get { display: flex; gap: 7px; align-items: flex-start; line-height: 1.4; }
.prodcard__get i { font-size: 12px; margin-top: 2px; flex: none; color: var(--accent); }
.prodcard--locked .prodcard__get i { color: var(--fg-tertiary); }
/* quiet "in progress" draft label — bottom of card (Show: simulated draft state) */
.prodcard__draft { align-self: flex-start; margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 10.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--fg-secondary); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 3px 10px; }
.prodcard__draft i { font-size: 12px; color: var(--accent); }

/* Scenario mode: the run's product is pre-selected (.on) and the others are locked.
   Greyed and inert, but fully readable — a lock, not a broken card. Deliberately no
   blanket `opacity`, which would wash the body copy below its legibility floor.
   Follows the .field__box.is-locked idiom: alt surface, dashed rule, ph-lock-simple. */
/* Locked cards sit on the same white surface as the selected one — the grey slab read as dead
   weight on a projector. The dashed rule, lock glyph and muted type still mark them as locked.
   The icon tile keeps the base grey (it was inverted only to show against the old grey card). */
.prodcard--locked { cursor: default; border-style: dashed; }
.prodcard--locked:hover { box-shadow: none; }
.prodcard--locked .prodcard__ic i { color: var(--fg-tertiary); }
.prodcard--locked .prodcard__ck { border-color: transparent; background: transparent; }
.prodcard--locked .prodcard__ck i { opacity: 1; font-size: 14px; color: var(--fg-tertiary); }
.prodcard--locked .prodcard__code { color: var(--fg-secondary); }
.prodcard--locked .prodcard__what { color: var(--fg-tertiary); }

/* builder dialog — draft resume / discard prompts. Absolute over the .wz shell. */
.ck-modal { position: absolute; inset: 0; z-index: 30; display: flex; align-items: center; justify-content: center; padding: 24px; }
.ck-modal__backdrop { position: absolute; inset: 0; background: rgba(40,40,42,0.42); }
.ck-modal__card { position: relative; background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: 10px; box-shadow: var(--shadow-modal); width: 100%; max-width: 460px; padding: 26px 26px 22px; }
.ck-modal__ic { width: 40px; height: 40px; border-radius: var(--radius-2); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.ck-modal__ic i { font-size: 20px; color: var(--accent); }
.ck-modal__title { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--fg-primary); margin: 0; }
.ck-modal__body { font-size: 13px; line-height: 1.55; color: var(--fg-secondary); margin: 8px 0 0; }
.ck-modal__body b { color: var(--fg-primary); font-weight: 600; }
.ck-modal__actions { display: flex; gap: 10px; margin-top: 22px; justify-content: flex-end; }
/* grower contact card (See contact details) — a simple label/value list in the modal body */
.ck-contact { margin: 4px 0 0; display: grid; gap: 10px; }
.ck-contact > div { display: grid; grid-template-columns: 68px 1fr; align-items: baseline; gap: 12px; }
.ck-contact dt { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.ck-contact dd { margin: 0; font-size: 13.5px; color: var(--fg-primary); }
.ck-contact__role { color: var(--fg-tertiary); font-weight: 500; }
/* ISCC — the request-bar intensity readout turns amber when over the threshold */
.trk-cov__pct--over { color: var(--hm-amber, #b45309); }
/* ISCC Intensity tab — consignment weighted intensity + per-source contribution */
.iscc-int { padding: 4px 2px 20px; }
.iscc-int__head { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; padding: 6px 4px 14px; border-bottom: 1px solid var(--border-rule); margin-bottom: 12px; }
.iscc-int__big { font-size: 30px; font-weight: 700; letter-spacing: -0.02em; color: var(--fg-primary); }
.iscc-int__big small { font-size: 13px; font-weight: 500; color: var(--fg-tertiary); margin-left: 6px; }
.iscc-int__big.is-over { color: var(--hm-amber, #b45309); }
.iscc-int__big.is-ok { color: var(--hm-green, #15803d); }
.iscc-int__meta { font-size: 12.5px; color: var(--fg-secondary); }
.iscc-int__result { margin-left: 10px; font-weight: 700; padding: 2px 8px; border-radius: 999px; font-size: 11px; }
.iscc-int__result.is-ok { color: var(--hm-green, #15803d); background: rgba(21,128,61,0.10); }
.iscc-int__result.is-over { color: var(--hm-amber, #b45309); background: rgba(180,83,9,0.10); }
.iscc-int__tbl { width: 100%; border-collapse: collapse; font-size: 13px; }
.iscc-int__tbl th { text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); padding: 6px 10px; border-bottom: 1px solid var(--border-rule); }
.iscc-int__tbl td { padding: 9px 10px; border-bottom: 1px solid var(--border-subtle, var(--border-rule)); color: var(--fg-primary); }
.iscc-int__tbl .num { text-align: right; font-variant-numeric: tabular-nums; }
.iscc-int__flip td { background: rgba(180,83,9,0.045); }
.iscc-int__tag { margin-left: 8px; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--accent); }
.iscc-int__ss { color: var(--hm-green, #15803d); font-weight: 600; }
.iscc-int__def { color: var(--hm-amber, #b45309); font-weight: 600; }
/* first-run product card — the check slot becomes a "go" arrow */
.prodcard__ck--go { border-color: var(--border-rule); background: var(--bg-surface-alt); }
.prodcard__ck--go i { opacity: 1; color: var(--fg-tertiary); font-size: 12px; }
.prodcard:hover .prodcard__ck--go { border-color: var(--accent); background: var(--accent); }
.prodcard:hover .prodcard__ck--go i { color: #fff; }

/* =====================================================================
   FIRST-RUN (EMPTY) HOME  — substrate band + dormant zone tiles
   ===================================================================== */
.ck-substrate { display: flex; align-items: stretch; gap: 18px; flex-wrap: wrap; background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 16px 18px; box-shadow: var(--shadow-card); }
.ck-substrate__src { display: flex; align-items: center; gap: 12px; }
.ck-substrate__ic { width: 38px; height: 38px; border-radius: var(--radius-2); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; flex: none; }
.ck-substrate__ic i { font-size: 19px; color: var(--fg-secondary); }
.ck-substrate__k { font-size: 14px; font-weight: 600; color: var(--fg-primary); }
.ck-substrate__v { font-size: 12px; color: var(--fg-tertiary); margin-top: 2px; }
.ck-substrate__arrow { display: flex; align-items: center; gap: 7px; color: var(--accent); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; padding: 0 4px; }
.ck-substrate__arrow i { font-size: 18px; }
.ck-substrate__out { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1; }
.ck-substrate__prod { display: inline-flex; align-items: center; gap: 6px; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 6px 12px; font-size: 12.5px; font-weight: 600; color: var(--fg-primary); }
.ck-substrate__prod i { font-size: 14px; color: var(--fg-secondary); }
.ck-substrate__note { font-size: 11.5px; color: var(--fg-tertiary); margin-left: auto; }

.zone-tile--dormant { box-shadow: none; background: var(--bg-surface-alt) !important; border-style: dashed; opacity: 0.78; }
.zone-tile--dormant .prodcard__ic { background: var(--bg-page); }
.zone-tile--dormant .prodcard__ic i { color: var(--fg-tertiary); }
.zone-tile__dormtag { font-size: 10px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-tertiary); background: var(--bg-page); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 2px 8px; }

/* =====================================================================
   SCOPE LINES  (R2)  + ASSIGNMENT ROWS  (R3)
   ===================================================================== */
.scopeline { border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); overflow: hidden; }
.scopeline + .scopeline { margin-top: 12px; }
.scopeline__h { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--bg-surface-alt); border-bottom: 1px solid var(--border-rule); }
.scopeline__n { width: 26px; height: 26px; border-radius: var(--radius-1); background: var(--bg-surface); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: var(--fg-secondary); flex: none; font-variant-numeric: tabular-nums; }
.scopeline__title { font-size: 14px; font-weight: 600; color: var(--fg-primary); }
.scopeline__sub { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }
.scopeline__tot { margin-left: auto; text-align: right; font-size: 13px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.scopeline__tot small { display: block; font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); }
.scopeline__x { color: var(--fg-tertiary); cursor: pointer; font-size: 16px; padding: 4px; }
.scopeline__x:hover { color: var(--status-critical); }
.scopeline__hdiv { align-self: stretch; width: 1px; background: var(--border-rule); margin: -14px 0; }
.scopeline__body { padding: 6px 16px 16px; }
.scopeline--add { border: 1px dashed var(--border-rule); border-radius: var(--radius-2); background: transparent; display: flex; align-items: center; gap: 8px; padding: 14px 16px; cursor: pointer; font-size: 13px; font-weight: 600; color: var(--fg-secondary); transition: border-color 0.12s ease, background 0.12s ease; }
.scopeline--add:hover { border-color: var(--accent); background: var(--bg-surface-alt); }
.scopeline--add__icon { color: var(--accent); font-size: 16px; flex: none; }

/* assignment row */
.assign { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border-rule); }
.assign:last-child { border-bottom: 0; }
.assign__who { display: flex; align-items: center; gap: 11px; min-width: 0; }
.assign__av { width: 30px; height: 30px; border-radius: var(--radius-1); background: var(--hm-near-black); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex: none; }
.assign__av.placeholder { background: var(--bg-surface-alt); color: var(--fg-tertiary); border: 1px dashed var(--hm-charcoal); }
.assign__name { font-size: 13.5px; font-weight: 600; color: var(--fg-primary); }
.assign__loc { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; display: flex; align-items: center; gap: 6px; }
.assign__vol { display: flex; align-items: center; gap: 8px; }
.assign__volbox { width: 96px; }
.assign__volbox .field__box { padding: 7px 11px; }
.assign__volbox input { font-size: 14px; text-align: right; }
.assign__x { color: var(--fg-tertiary); cursor: pointer; font-size: 15px; padding: 5px; }
.assign__x:hover { color: var(--status-critical); }
.assign__addrow { display: flex; gap: 10px; margin-top: 12px; }
.assign-add { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--fg-secondary); background: transparent; border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 9px 14px; cursor: pointer; }
.assign-add:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); border-color: var(--border-strong); }
.assign-add i { font-size: 15px; }
.assign-add--primary { background: var(--bg-surface-alt); box-shadow: inset 0 -2px 0 0 var(--accent); border-color: transparent; color: var(--fg-primary); }
.assign-add--primary:hover { background: #EEEDE8; }
.assign-add--primary i { color: var(--accent); }

/* directory picker (select-or-create) */
.dir { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.dir__row { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--border-rule); cursor: pointer; background: var(--bg-surface); }
.dir__row:last-child { border-bottom: 0; }
.dir__row:hover { background: var(--bg-surface-alt); }
.dir__row.on { background: #F1F9F4; }
.dir__av { width: 30px; height: 30px; border-radius: var(--radius-1); background: var(--hm-near-black); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; flex: none; }
.dir__name { font-size: 13.5px; font-weight: 600; }
.dir__loc { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }
.dir__rel { margin-left: auto; font-size: 10.5px; font-weight: 600; color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 5px; }
.dir__rel i { font-size: 12px; color: var(--accent); }
.dir__ck { width: 18px; height: 18px; border-radius: var(--radius-1); border: 1px solid var(--hm-charcoal); display: flex; align-items: center; justify-content: center; flex: none; }
.dir__row.on .dir__ck { border-color: var(--accent); background: var(--accent); }
.dir__ck i { font-size: 12px; color: #fff; opacity: 0; }
.dir__row.on .dir__ck i { opacity: 1; }
.dir__create { display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; color: var(--accent); font-size: 13px; font-weight: 600; background: var(--bg-surface); border-top: 1px dashed var(--border-rule); }
.dir__create:hover { background: var(--bg-surface-alt); }

/* running total bar */
.runtot { display: flex; align-items: center; gap: 16px; padding: 14px 18px; border: 1px solid var(--border-strong); border-radius: var(--radius-2); background: var(--bg-surface); flex-wrap: wrap; }
.runtot__k { font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-tertiary); }
.runtot__v { font-size: 22px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; }
.runtot__v small { font-size: 12px; font-weight: 500; color: var(--fg-tertiary); }
.runtot__div { width: 1px; align-self: stretch; background: var(--border-rule); }
.runtot__add { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-family: inherit; font-size: 12.5px; font-weight: 600; color: var(--accent); background: #EAF6EF; border: 1px solid #CDE8D9; border-radius: var(--radius-1); padding: 8px 14px; cursor: pointer; }
.runtot__add i { font-size: 14px; }
.runtot__add:hover { background: #DCF0E5; }
.runtot--top .runtot__v { font-size: 20px; }

/* =====================================================================
   REVIEW & SEND  (R5)
   ===================================================================== */
.review-grid { display: grid; grid-template-columns: 1fr 360px; gap: 22px; align-items: start; }
.summary-row { display: grid; grid-template-columns: 140px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--border-rule); }
.summary-row:last-child { border-bottom: 0; }
.summary-row__k { font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); padding-top: 2px; }
.summary-row__v { font-size: 13.5px; color: var(--fg-primary); line-height: 1.55; }
.summary-row__v .muted { color: var(--fg-tertiary); }
.nudge { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.nudge__tabs { display: flex; border-bottom: 1px solid var(--border-rule); background: var(--bg-surface-alt); }
.nudge__tab { font-size: 12px; font-weight: 600; padding: 9px 14px; color: var(--fg-tertiary); cursor: pointer; border-bottom: 2px solid transparent; display: inline-flex; align-items: center; gap: 7px; }
.nudge__tab.on { color: var(--fg-primary); border-bottom-color: var(--accent); background: var(--bg-surface); }
.nudge__body { padding: 14px 16px; }
.nudge__field { font-size: 13px; line-height: 1.6; color: var(--fg-secondary); white-space: pre-wrap; }
.nudge__meta { font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); margin-bottom: 8px; display: flex; align-items: center; gap: 7px; }
.nudge__meta .stub { color: var(--status-attention); }

/* sufficiency confirm */
.suff { border: 1px solid #CDE8D9; background: #F6FBF8; border-radius: var(--radius-2); padding: 18px; }
.suff__top { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.suff__hurdle { font-size: 12.5px; color: #2c6b49; line-height: 1.55; margin-top: 10px; }
.suff__hurdle b { font-weight: 700; font-variant-numeric: tabular-nums; }
.suff__pct { font-size: 32px; font-weight: 600; color: #2c6b49; font-variant-numeric: tabular-nums; line-height: 1; }
.suff__pct small { font-size: 16px; font-weight: 600; margin-left: 1px; }
.suff__ovbtn { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 12px; font-weight: 600; color: #2c6b49; background: transparent; border: 1px solid #CDE8D9; border-radius: var(--radius-2); padding: 5px 11px; cursor: pointer; font-family: var(--font-sans); }
.suff__ovbtn:hover { background: #fff; }
.suff__ovbtn i { font-size: 13px; }
.suff__ov { display: flex; gap: 14px; align-items: stretch; margin-top: 16px; flex-wrap: wrap; }
.suff__reset { display: inline-block; margin-top: 6px; font-size: 11.5px; font-weight: 600; color: #8a2f2f; background: transparent; border: 0; text-decoration: underline; cursor: pointer; padding: 0; font-family: var(--font-sans); }

/* critical callout (override warning · completion-window block) */
.callout--crit { background: #FBEDED; color: #8a2f2f; border: 1px solid #EAC9C9; }
.callout--crit i { color: var(--status-critical); }

/* on-demand volume-basis explainer (R2) — quiet, lighter than a banner */
.volexp { margin-top: 14px; }
.volexp__btn { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0; cursor: pointer; font-family: inherit; font-size: 12px; color: var(--fg-secondary); }
.volexp__btn i { font-size: 14px; color: var(--fg-tertiary); }
.volexp__btn:hover { color: var(--hm-near-black); }
.volexp__btn:hover i { color: var(--accent); }
.volexp__note { margin-top: 7px; padding-left: 20px; font-size: 12.5px; line-height: 1.55; color: var(--fg-tertiary); }
.volexp__note b { color: var(--fg-secondary); font-weight: 600; }

/* ===== R2 mode fork (manual | import) ===== */
.modefork { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 24px; }
.modefork__card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; padding: 22px 22px 18px; border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); cursor: pointer; font-family: inherit; transition: border-color .15s, box-shadow .15s, transform .15s; }
.modefork__card:hover { border-color: var(--hm-charcoal); box-shadow: 0 6px 22px rgba(0,0,0,.06); transform: translateY(-1px); }
.modefork__card--accent { background: linear-gradient(180deg, #F4FBF7 0%, var(--bg-surface) 60%); border-color: #CDE8D9; }
.modefork__card--accent:hover { border-color: var(--accent); }
.modefork__ic { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-2); background: var(--bg-surface-alt); color: var(--hm-near-black); margin-bottom: 4px; }
.modefork__ic i { font-size: 21px; }
.modefork__card--accent .modefork__ic { background: var(--accent); color: #fff; }
.modefork__t { font-size: 16px; font-weight: 700; color: var(--hm-near-black); letter-spacing: -0.01em; }
.modefork__d { font-size: 12.5px; line-height: 1.55; color: var(--fg-secondary); }
.modefork__hint { display: flex; align-items: center; gap: 6px; font-size: 11.5px; line-height: 1.45; color: #2c6b49; background: #EAF6EF; border-radius: var(--radius-1); padding: 6px 9px; }
.modefork__hint i { font-size: 13px; color: var(--accent); flex: none; }
.modefork__go { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--accent); }
.modefork__go i { font-size: 14px; transition: transform .15s; }
.modefork__card:hover .modefork__go i { transform: translateX(3px); }

/* ===== Import wizard ===== */
.imp__head { margin-bottom: 4px; }
.imp__back { display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0 0 12px; cursor: pointer; font-family: inherit; font-size: 12px; color: var(--fg-tertiary); }
.imp__back i { font-size: 14px; }
.imp__back:hover { color: var(--hm-near-black); }
.imp__drop { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; margin-top: 22px; padding: 46px 24px; border: 1.5px dashed var(--border-strong, #c9c9c7); border-radius: var(--radius-3); background: var(--bg-surface-alt); cursor: pointer; font-family: inherit; transition: border-color .15s, background .15s; }
.imp__drop:hover { border-color: var(--accent); background: #F4FBF7; }
.imp__drop-ic { font-size: 34px; color: var(--accent); }
.imp__drop-t { font-size: 14.5px; font-weight: 600; color: var(--hm-near-black); }
.imp__drop-s { font-size: 12px; color: var(--fg-tertiary); }
.imp__loading { margin-top: 22px; display: grid; gap: 14px; }
.imp__file { display: flex; align-items: center; gap: 12px; padding: 13px 15px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.imp__file-ic { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-1); background: #EAF6EF; color: var(--accent); flex: none; }
.imp__file-ic i { font-size: 18px; }
.imp__file-n { font-size: 13.5px; font-weight: 600; color: var(--hm-near-black); }
.imp__file-m { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }
.imp__file-ok { font-size: 18px; color: var(--accent); flex: none; }
.imp__prog { display: grid; gap: 9px; }
.imp__prog-bar { height: 5px; border-radius: 3px; background: var(--bg-surface-alt); overflow: hidden; }
.imp__prog-bar span { display: block; height: 100%; background: var(--accent); border-radius: 3px; transition: width .4s ease; }
.imp__prog-lbl { display: flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--fg-secondary); }
.imp__prog-lbl i { font-size: 14px; }
.imp__spin { color: var(--fg-tertiary); animation: imp-spin 0.9s linear infinite; }
@keyframes imp-spin { to { transform: rotate(360deg); } }

.imp__rec { margin-top: 22px; display: grid; gap: 16px; }
.imp__stats { display: flex; align-items: stretch; gap: 12px; padding: 18px 20px; border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); }
.imp__stat { flex: 1; }
.imp__stat-v { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; color: var(--hm-near-black); font-feature-settings: 'tnum' 1; }
.imp__stat-k { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 2px; }
.imp__stat-x { display: flex; align-items: center; color: var(--border-strong, #c9c9c7); }
.imp__stat-x i { font-size: 16px; }
.imp__split { display: grid; gap: 1px; background: var(--border-rule); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.imp__split-row { display: flex; align-items: center; gap: 11px; padding: 12px 15px; background: var(--bg-surface); font-size: 12.5px; color: var(--fg-secondary); }
.imp__split-row b { color: var(--hm-near-black); font-weight: 600; }
.imp__split-ic { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; flex: none; }
.imp__split-ic i { font-size: 14px; }
.imp__split-ic--ok { background: #EAF6EF; color: var(--accent); }
.imp__split-ic--new { background: #F1EEF8; color: #6b5ca8; }
.imp__split-n { margin-left: auto; font-size: 14px; font-weight: 700; color: var(--hm-near-black); font-feature-settings: 'tnum' 1; }
.imp__preview { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.imp__preview-h { display: flex; align-items: center; gap: 8px; padding: 11px 15px; border-bottom: 1px solid var(--border-rule); font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); background: var(--bg-surface-alt); }
.imp__preview-h i { font-size: 14px; color: var(--accent); }
.imp__preview-h .count { margin-left: auto; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--fg-secondary); }
.imp__preview-list { max-height: 232px; overflow-y: auto; }
.imp__preview-line { display: flex; align-items: center; gap: 12px; padding: 10px 15px; border-bottom: 1px solid var(--border-rule); }
.imp__preview-line:last-child { border-bottom: 0; }
.imp__preview-t { font-size: 13px; font-weight: 600; color: var(--hm-near-black); }
.imp__preview-s { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }
.imp__preview-m { margin-left: auto; font-size: 12px; color: var(--fg-secondary); white-space: nowrap; font-feature-settings: 'tnum' 1; }
.imp__grow { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.imp__grow-chip { display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px 4px 4px; border: 1px solid var(--border-rule); border-radius: 999px; font-size: 11.5px; color: var(--fg-secondary); background: var(--bg-surface); }
.imp__grow-chip.is-new { border-style: dashed; border-color: #c3b8e0; }
.imp__grow-more { font-size: 11.5px; color: var(--fg-tertiary); padding-left: 2px; }
.imp__rec-foot { display: flex; justify-content: flex-end; gap: 10px; margin-top: 4px; }

/* ===== Import wizard — 3-step review & sign-off ===== */
.imp__steprail { display: flex; align-items: center; gap: 10px; margin-top: 20px; }
.imp__steprail-i { display: inline-flex; align-items: center; gap: 8px; flex: 1; min-width: 0; padding: 9px 13px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.imp__steprail-n { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; flex: none; border-radius: 50%; font-size: 11.5px; font-weight: 700; background: var(--bg-surface-alt); color: var(--fg-tertiary); font-feature-settings: 'tnum' 1; }
.imp__steprail-n i { font-size: 12px; }
.imp__steprail-l { font-size: 12px; font-weight: 600; color: var(--fg-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.imp__steprail-i.is-on { border-color: var(--accent); background: #F4FBF7; }
.imp__steprail-i.is-on .imp__steprail-n { background: var(--accent); color: #fff; }
.imp__steprail-i.is-on .imp__steprail-l { color: var(--hm-near-black); }
.imp__steprail-i.is-done .imp__steprail-n { background: #EAF6EF; color: var(--accent); }
.imp__steprail-i.is-done .imp__steprail-l { color: var(--fg-secondary); }

.imp__step { margin-top: 18px; display: grid; gap: 16px; }
.imp__statement { font-size: 16.5px; line-height: 1.4; font-weight: 600; color: var(--hm-near-black); letter-spacing: -0.01em; max-width: 56ch; text-wrap: pretty; }
.imp__signoff { display: flex; justify-content: flex-end; gap: 10px; margin-top: 2px; }

/* step 1 — volume reconciliation */
.imp__cov { border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); padding: 18px 20px; display: grid; gap: 12px; }
.imp__cov-read { font-size: 14px; color: var(--fg-secondary); }
.imp__cov-read b { color: var(--hm-near-black); font-weight: 700; font-feature-settings: 'tnum' 1; }
.imp__cov-state { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #9a7b1f; background: #FBF3DC; border: 1px solid #EBDBA6; padding: 2px 8px; border-radius: 999px; margin-right: 8px; vertical-align: 1px; }
.imp__cov-bar { position: relative; height: 30px; border-radius: var(--radius-1); background: repeating-linear-gradient(45deg, var(--bg-surface-alt), var(--bg-surface-alt) 7px, #f2f2f0 7px, #f2f2f0 14px); overflow: hidden; }
.imp__cov-fill { display: flex; align-items: center; justify-content: flex-end; height: 100%; background: var(--accent); border-radius: var(--radius-1) 0 0 var(--radius-1); transition: width .5s cubic-bezier(.4,0,.2,1); }
.imp__cov-pct { font-style: normal; font-size: 12.5px; font-weight: 700; color: #fff; padding-right: 11px; font-feature-settings: 'tnum' 1; }
.imp__cov-sub { font-size: 11.5px; color: var(--fg-tertiary); font-feature-settings: 'tnum' 1; }

/* step 2 — record matching (marquee) */
.imp__match { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.imp__match-row { display: flex; align-items: center; gap: 12px; padding: 12px 15px; border-bottom: 1px solid var(--border-rule); }
.imp__match-row:last-child { border-bottom: 0; }
.imp__match-raw { display: inline-flex; align-items: center; gap: 8px; flex: none; width: 188px; font-family: var(--font-mono); font-size: 12px; color: var(--fg-secondary); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-1); padding: 6px 9px; white-space: nowrap; overflow: hidden; }
.imp__match-flag { font-family: var(--font-sans); font-size: 9px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: #6b5ca8; background: #F1EEF8; padding: 2px 5px; border-radius: 4px; flex: none; }
.imp__match-arr { font-size: 14px; color: var(--accent); flex: none; }
.imp__match-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }
.imp__chip { font-size: 11.5px; font-weight: 600; color: var(--fg-secondary); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: 6px; padding: 3px 9px; white-space: nowrap; }
.imp__chip--crop { color: var(--accent); background: #EAF6EF; border-color: #CDE8D9; }
.imp__match-ok { font-size: 17px; color: var(--accent); flex: none; }
.imp__change { font-family: inherit; font-size: 11.5px; color: var(--fg-tertiary); background: none; border: none; cursor: pointer; padding: 2px 4px; flex: none; border-radius: 5px; }
.imp__change:hover { color: var(--accent); background: #EAF6EF; }
.imp__summary { display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; line-height: 1.5; color: var(--fg-secondary); padding: 0 2px; }
.imp__summary i { font-size: 16px; color: var(--accent); flex: none; margin-top: 1px; }
.imp__summary span { color: var(--fg-tertiary); }

/* step 3 — grower accounts (climax) */
.imp__tier { border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); padding: 16px 18px; }
.imp__tier--located { border-color: #d8cdf0; background: linear-gradient(180deg, #FBFAFE, var(--bg-surface) 64px); }
.imp__tier-h { display: flex; align-items: flex-start; gap: 12px; }
.imp__tier-ic { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--radius-2); flex: none; }
.imp__tier-ic i { font-size: 18px; }
.imp__tier-ic--ok { background: #EAF6EF; color: var(--accent); }
.imp__tier-ic--new { background: #F1EEF8; color: #6b5ca8; }
.imp__tier-tx { flex: 1; min-width: 0; }
.imp__tier-t { font-size: 13.5px; line-height: 1.5; color: var(--fg-secondary); text-wrap: pretty; }
.imp__tier-t b { color: var(--hm-near-black); font-weight: 700; }
.imp__tier-s { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 3px; }
.imp__tier-tick { font-size: 19px; color: var(--accent); flex: none; }
.imp__located { display: grid; gap: 8px; margin-top: 14px; }
.imp__located-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.imp__located-main { flex: 1; min-width: 0; }
.imp__located-n { font-size: 13px; font-weight: 600; color: var(--hm-near-black); }
.imp__located-d { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; font-feature-settings: 'tnum' 1; }
.imp__located-src { display: inline-flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 600; color: #6b5ca8; background: #F1EEF8; border-radius: 999px; padding: 3px 9px; flex: none; }
.imp__located-src i { font-size: 12px; }
.imp__located-acts { display: flex; align-items: center; gap: 4px; flex: none; }
.imp__located-ok { display: inline-flex; align-items: center; gap: 5px; font-family: inherit; font-size: 11.5px; font-weight: 600; color: var(--accent); background: #EAF6EF; border: 1px solid #CDE8D9; border-radius: var(--radius-1); padding: 5px 11px; cursor: pointer; }
.imp__located-ok i { font-size: 13px; }
.imp__located-ok:hover { background: #DCF0E5; }
.imp__located-more { font-size: 11.5px; color: var(--fg-tertiary); padding: 4px 2px 0; }

/* final recap */
.imp__recap-done { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: var(--accent); }
.imp__recap-done i { font-size: 18px; }

/* step 1 — coverage cascade (declared → assigned → required) */
.imp__casc { border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); padding: 18px 20px; display: grid; gap: 4px; }
.imp__casc-lvl { display: grid; gap: 7px; padding: 4px 0; }
.imp__casc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.imp__casc-k { font-size: 13px; font-weight: 600; color: var(--hm-near-black); }
.imp__casc-sub { font-size: 11px; color: var(--fg-tertiary); margin-left: 8px; }
.imp__casc-fig { white-space: nowrap; font-feature-settings: 'tnum' 1; }
.imp__casc-fig b { font-size: 14px; font-weight: 700; color: var(--hm-near-black); }
.imp__casc-fig span { font-size: 12px; color: var(--fg-tertiary); margin-left: 7px; }
.imp__casc-track { height: 22px; border-radius: var(--radius-1); background: repeating-linear-gradient(45deg, var(--bg-surface-alt), var(--bg-surface-alt) 7px, #f2f2f0 7px, #f2f2f0 14px); overflow: hidden; }
.imp__casc-fill { display: block; height: 100%; border-radius: var(--radius-1); transition: width .5s cubic-bezier(.4,0,.2,1); }
.imp__casc-fill--0 { background: var(--hm-near-black); }
.imp__casc-fill--1 { background: var(--accent); }
.imp__casc-fill--2 { background: #8FC9AC; }
.imp__casc-drop { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--fg-tertiary); padding: 2px 0 2px 2px; }
.imp__casc-drop i { font-size: 14px; color: var(--border-strong, #c9c9c7); }
.imp__casc-note { display: flex; align-items: flex-start; gap: 9px; font-size: 12px; line-height: 1.55; color: var(--fg-secondary); }
.imp__casc-note i { font-size: 16px; color: var(--accent); flex: none; margin-top: 1px; }
.imp__casc-note b { color: var(--hm-near-black); font-weight: 600; }

/* step 2 — fixed-height internal scroll on the match list (no outer scrollbar) */
.imp__match { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow-y: auto; max-height: 296px; }

/* step 3 — merged statement + located list internal scroll */
.imp__accounts-lead { display: grid; gap: 6px; }
.imp__accounts-sub { font-size: 12.5px; color: var(--fg-tertiary); line-height: 1.5; }
.imp__located--scroll { max-height: 332px; overflow-y: auto; padding-right: 2px; }

/* request timeline (R4 · A1) */
.rtl { padding: 0 22px; }
.rtl__track { position: relative; height: 4px; background: var(--border-rule); border-radius: 2px; z-index: 2; }
.rtl__active { position: absolute; left: 0; top: 0; height: 100%; background: var(--accent); border-radius: 2px; }
.rtl__node { position: absolute; top: 50%; width: 12px; height: 12px; border-radius: 50%; background: var(--bg-surface); border: 2px solid var(--fg-tertiary); transform: translate(-50%, -50%); z-index: 2; }
.rtl__node.on { border-color: var(--accent); }
.rtl__tick { position: absolute; top: 50%; width: 2px; height: 14px; background: var(--accent); opacity: 0.5; transform: translate(-50%, -50%); border-radius: 1px; z-index: 1; }
.rtl__labels { position: relative; min-height: 36px; margin-top: 13px; z-index: 1; }
.rtl__lbl { position: absolute; top: 0; white-space: nowrap; background: var(--bg-surface); padding: 0 5px; }
.rtl__lbl--l { text-align: left; padding-left: 0; }
.rtl__lbl--c { text-align: center; }
.rtl__lbl--r { text-align: right; padding-right: 0; }
.rtl__lbl--drop b { color: var(--fg-secondary); }
.rtl__drop { position: absolute; bottom: 100%; width: 1px; background: var(--border-rule); }
.rtl__lbl--l .rtl__drop { left: 0; }
.rtl__lbl--c .rtl__drop { left: 50%; }
.rtl__lbl--r .rtl__drop { right: 0; }
.rtl__lbl b { display: block; font-size: 12px; font-weight: 600; color: var(--fg-primary); }
.rtl__lbl i { display: block; font-style: normal; font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); margin-top: 3px; }
.rtl__total { position: absolute; top: 10px; right: 16px; font-size: 11px; font-weight: 600; color: var(--fg-tertiary); font-variant-numeric: tabular-nums; white-space: nowrap; z-index: 3; }
.rtl__tick--c { opacity: 0.32; }
.rtl__rdot { position: absolute; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: var(--bg-surface); border: 1.5px solid var(--accent); transform: translate(-50%, -50%); z-index: 2; }
.rtl__rdot--c { border-color: var(--border-strong); }
.rtl__node--ind { border-color: var(--border-strong); border-style: solid; background: var(--bg-surface); }
/* tab-driven highlight (R3) — active green / dimmed light-grey, still legible.
   No transition: html-to-image/PDF capture a transition mid-frame, so the
   highlight is switched instantly to keep static exports correct. */
.rtl__node--dim { border-color: #d6d6d4 !important; background: var(--bg-surface); }
.rtl__node--focus { width: 14px; height: 14px; box-shadow: 0 0 0 4px rgba(75, 179, 125, 0.18); }
.rtl__active--dim { background: #d6d6d4 !important; }
.rtl__rdot--on { border-color: var(--accent) !important; }
.rtl__rdot--dim { border-color: #cfcfcd !important; }
.rtl__lbl--ind b { color: var(--fg-secondary); }
.rtl__lbl--ind i { color: var(--fg-tertiary); }

/* calculated-value date card (R4 · B) */
.calccard { display: flex; align-items: flex-start; gap: 12px; border: none; border-radius: var(--radius-2); background: var(--bg-surface-alt); padding: 13px 15px; margin-top: 10px; box-shadow: inset 0 0 0 1px rgba(65,64,66,0.04); }
.calccard__ic { width: 34px; height: 34px; border-radius: var(--radius-2); background: #E8F4ED; border: 1px solid #CDE8D9; display: flex; align-items: center; justify-content: center; flex: none; }
.calccard__ic i { font-size: 17px; color: var(--accent); }
.calccard__label { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.calccard__val { font-size: 19px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; margin-top: 3px; letter-spacing: -0.01em; }
.calccard__note { font-size: 11px; color: var(--fg-tertiary); margin-top: 4px; line-height: 1.45; max-width: 42ch; }
.calccard__tag { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); display: inline-flex; align-items: center; gap: 5px; flex: none; align-self: center; }
.calccard__tag i { font-size: 15px; color: var(--accent); }
.calccard--ind .calccard__ic { background: var(--bg-surface-alt); border-color: var(--border-rule); }
.calccard--ind .calccard__ic i { color: var(--fg-secondary); }
.calccard--ind .calccard__val { color: var(--fg-secondary); }
.calccard--ind .calccard__tag i { color: var(--fg-tertiary); }

/* reminder groups + copy-me (R4 · C) */
.rem-grp { margin-top: 16px; }
.rem-grp:first-child { margin-top: 0; }
.rem-grp__h { font-size: 12px; font-weight: 700; color: var(--fg-secondary); display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.rem-grp__h i { font-size: 14px; color: var(--accent); }
.copyme { display: flex; align-items: center; gap: 11px; margin-top: 14px; padding: 11px 14px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); cursor: pointer; }
.copyme__box { width: 18px; height: 18px; border-radius: 4px; border: 1.5px solid var(--border-strong); display: flex; align-items: center; justify-content: center; flex: none; background: var(--bg-surface); }
.copyme.on .copyme__box { background: var(--accent); border-color: var(--accent); }
.copyme__box i { font-size: 12px; color: #fff; opacity: 0; }
.copyme.on .copyme__box i { opacity: 1; }
.copyme__t { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.copyme__s { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }

/* reminder policy (R4 · A3) */
.rem { display: flex; flex-direction: column; gap: 8px; }
.rem__row { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; padding: 12px 14px; background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); }
.rem__row.off { opacity: 0.5; }
.rem__row--na { opacity: 0.5; background: var(--bg-surface-alt); }
.rem__nalbl { font-size: 11px; font-weight: 600; color: var(--fg-tertiary); font-style: italic; }
.tgl:disabled { cursor: default; opacity: 0.6; }
.rem__when { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.rem__sub { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }
.rem__fmt { padding: 2px; }
.rem__fmt button { padding: 5px 12px; font-size: 12px; }

/* toggle switch (reminders · sms preview) */
.tgl { width: 38px; height: 22px; border-radius: 11px; border: 1px solid var(--border-rule); background: var(--bg-surface-alt); position: relative; cursor: pointer; padding: 0; flex: none; transition: background 0.12s, border-color 0.12s; }
.tgl.on { background: var(--accent); border-color: var(--accent); }
.tgl__dot { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.18); transition: left 0.12s; }
.tgl.on .tgl__dot { left: 18px; }

/* reserved stub (R4 · A5 escalation) */
.resv { display: flex; align-items: flex-start; gap: 12px; border: 1px dashed var(--border-strong); border-radius: var(--radius-2); background: var(--bg-surface-alt); padding: 16px 18px; font-size: 13px; line-height: 1.55; color: var(--fg-tertiary); }
.resv i { font-size: 18px; color: var(--fg-tertiary); margin-top: 1px; flex: none; }
.resv b { color: var(--fg-secondary); font-weight: 600; }

/* ===== R3 conditions — tabbed card ===== */
.condcard { border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); box-shadow: var(--shadow-card); overflow: hidden; }
.condtabs { display: flex; gap: 2px; padding: 6px 6px 0; border-bottom: 1px solid var(--border-rule); background: var(--bg-surface-alt); }
.condtab { display: inline-flex; align-items: center; gap: 7px; font-family: inherit; font-size: 12.5px; font-weight: 600; color: var(--fg-tertiary); background: transparent; border: 1px solid transparent; border-bottom: none; border-radius: var(--radius-1) var(--radius-1) 0 0; padding: 10px 15px; cursor: pointer; position: relative; top: 1px; white-space: nowrap; }
.condtab i { font-size: 15px; }
.condtab:hover { color: var(--fg-secondary); }
.condtab.on { color: var(--accent); background: var(--bg-surface); border-color: var(--border-rule); }
.condtab__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--status-attention); flex: none; }
.condcard__body { padding: 22px; min-height: 372px; }
.condcard__body .rem-grp:first-child { margin-top: 0; }

/* shortfall pre-commitment set (Expiry policy tab) */
.precommit__lead { font-size: 13.5px; font-weight: 600; color: var(--hm-near-black); margin-bottom: 14px; }
/* Per-gate mode switch: pause at the gate (default) or pre-authorise a choice. */
.gatemode { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.gatemode__i { display: flex; align-items: flex-start; gap: 10px; text-align: left; padding: 12px 14px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); cursor: pointer; font-family: inherit; }
.gatemode__i.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.gatemode__dot { width: 15px; height: 15px; border-radius: 50%; border: 1px solid var(--hm-charcoal); flex: none; margin-top: 2px; position: relative; }
.gatemode__i.on .gatemode__dot { border-color: var(--accent); }
.gatemode__i.on .gatemode__dot::after { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: var(--accent); }
.gatemode__tx { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.gatemode__t { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.gatemode__d { font-size: 12px; line-height: 1.45; color: var(--fg-secondary); }

.precommit { display: grid; gap: 8px; }
.precommit__row { display: flex; align-items: center; gap: 13px; padding: 13px 15px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); cursor: pointer; transition: border-color .12s, background .12s; }
.precommit__row:hover { border-color: var(--border-strong, #c9c9c7); }
.precommit__row.on { border-color: var(--accent); background: #F4FBF7; }
.precommit__ic { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--radius-2); background: var(--bg-surface-alt); color: var(--fg-tertiary); flex: none; }
.precommit__ic i { font-size: 17px; }
.precommit__row.on .precommit__ic { background: #EAF6EF; color: var(--accent); }
.precommit__tx { flex: 1; min-width: 0; }
.precommit__t { font-size: 13.5px; font-weight: 600; color: var(--hm-near-black); }
.precommit__d { font-size: 11.5px; color: var(--fg-tertiary); line-height: 1.5; margin-top: 2px; text-wrap: pretty; }
.precommit__row--fixed { cursor: default; background: var(--bg-surface-alt); border-style: dashed; }
.precommit__row--fixed:hover { border-color: var(--border-rule); }
.precommit__fixedlbl { font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: 999px; padding: 4px 10px; flex: none; }
.precommit.is-disabled { opacity: 0.55; pointer-events: none; }
.precommit__note { display: flex; align-items: flex-start; gap: 8px; font-size: 11.5px; line-height: 1.5; color: var(--fg-tertiary); margin-top: 14px; }
.precommit__note i { font-size: 14px; color: var(--accent); flex: none; margin-top: 1px; }

/* ===== R5 review redesign ===== */
.rv-summary { font-size: 14.5px; line-height: 1.6; color: var(--fg-secondary); margin: 0 0 16px; max-width: 70ch; text-wrap: pretty; }
.rv-summary b { color: var(--hm-near-black); font-weight: 600; }

/* uniform white-card treatment across Review sections */
.rv-card { background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-3); box-shadow: var(--shadow-card); padding: 20px 22px; margin-top: 16px; }
.rv-card__h { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-tertiary); margin: 0 0 16px; }
/* "Edit this" — jumps to the step that owns the input, so a correction is made where it lives
   rather than duplicated on Review. Chunk 4 (the composer) has no source step and no link. */
.rv-edit { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; background: transparent; border: 0; padding: 2px 4px; cursor: pointer; font-family: inherit; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-secondary); border-radius: var(--radius-1); }
.rv-edit:hover { color: var(--accent); }
.rv-edit i { font-size: 13px; }

/* Review sub-flow nav: free backward to any reached chunk, forward gated. */
.rvnav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.rvnav__i { display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px 6px 7px; border: 1px solid var(--border-rule); border-radius: var(--radius-pill); background: var(--bg-surface); font-family: inherit; font-size: 11.5px; font-weight: 600; color: var(--fg-tertiary); cursor: pointer; }
.rvnav__i.now { border-color: var(--accent); color: var(--fg-primary); box-shadow: inset 0 0 0 1px var(--accent); }
.rvnav__i.done { color: var(--fg-secondary); }
.rvnav__i.locked { cursor: default; opacity: 0.5; }
.rvnav__n { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); color: var(--fg-tertiary); flex: none; }
.rvnav__i.done .rvnav__n { background: var(--accent); border-color: var(--accent); color: #fff; }
.rvnav__i.done .rvnav__n i { font-size: 11px; }
.rvnav__i.now .rvnav__n { border-color: var(--accent); color: var(--accent); }
.rvnav__i.now.done .rvnav__n { color: #fff; }
.rv-card__h i { font-size: 15px; color: var(--accent); }
.rv-card__h .count { margin-left: auto; background: var(--bg-surface-alt); color: var(--fg-secondary); border-radius: var(--radius-pill); padding: 1px 8px; font-size: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.rv-card .rv-summary { margin-bottom: 16px; }
.rv-card .rv-total { margin-top: 14px; }

/* simplified Context — restrained key/value list */
.rv-ctx { display: grid; gap: 1px; background: var(--border-rule); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.rv-ctx__row { display: grid; grid-template-columns: 150px 1fr; gap: 14px; align-items: baseline; padding: 11px 15px; background: var(--bg-surface); }
.rv-ctx__row--chips { align-items: center; }
.rv-ctx__k { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); }
.rv-ctx__v { font-size: 13.5px; color: var(--fg-secondary); display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; }
.rv-ctx__hl { color: var(--accent); font-weight: 700; }
.rv-ctx__sub { font-size: 11.5px; color: var(--fg-tertiary); font-weight: 400; }

/* contribution bar — folded per-line stat sub-line */
.cg-mid { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.cg-mid .cg-bar { width: 100%; }
.cg-row__sub { font-size: 11px; color: var(--fg-tertiary); }
.cg-row__sub b { color: var(--accent); font-weight: 700; }

/* section 2 — per-line coverage stats */
.rv-lines { display: grid; gap: 1px; background: var(--border-rule); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; margin-top: 14px; }
.rv-line { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 11px 15px; background: var(--bg-surface); }
.rv-line__id { display: flex; align-items: baseline; gap: 9px; min-width: 0; }
.rv-line__crop { font-size: 13px; font-weight: 600; color: var(--hm-near-black); }
.rv-line__loc { font-size: 11.5px; color: var(--fg-tertiary); }
.rv-line__stats { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rv-line__stat { font-size: 12px; color: var(--fg-secondary); }
.rv-line__stat b { color: var(--hm-near-black); font-weight: 700; font-feature-settings: 'tnum' 1; }
.rv-line__stat--insight { display: inline-flex; align-items: center; gap: 6px; color: var(--accent); }
.rv-line__stat--insight i { font-size: 14px; }
.rv-line__stat--insight b { color: var(--accent); }

/* section 3 — described conditions summary */
.rv-cond { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border-rule); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.rv-cond__row { display: flex; align-items: flex-start; gap: 11px; padding: 14px 16px; background: var(--bg-surface); }
.rv-cond__row--wide { grid-column: 1 / -1; }
.rv-cond__row i { font-size: 17px; color: var(--accent); flex: none; margin-top: 1px; }
.rv-cond__k { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); }
.rv-cond__v { display: block; font-size: 13.5px; font-weight: 600; color: var(--hm-near-black); margin-top: 3px; }

/* section 4 — email preview */
.eml { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; margin-top: 12px; background: var(--bg-surface); }
.eml__chrome { display: flex; flex-direction: column; gap: 3px; padding: 12px 18px; background: var(--bg-surface-alt); border-bottom: 1px solid var(--border-rule); }
.eml__from { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: var(--accent); }
.eml__from i { font-size: 14px; }
.eml__subj { font-size: 13px; font-weight: 700; color: var(--hm-near-black); }
.eml__body { padding: 20px 22px; font-size: 12.5px; line-height: 1.6; color: var(--fg-secondary); }
.eml__body p { margin: 0 0 11px; text-wrap: pretty; }
.eml__body b { color: var(--hm-near-black); font-weight: 600; }
.eml__personal { display: flex; gap: 9px; padding: 11px 14px; margin: 0 0 13px; background: #F4FBF7; border-left: 3px solid var(--accent); border-radius: 0 var(--radius-1) var(--radius-1) 0; color: var(--fg-secondary); font-style: italic; }
.eml__personal i { font-size: 15px; color: var(--accent); flex: none; font-style: normal; }
.eml__tablewrap { margin: 0 0 13px; border: 1px solid var(--border-rule); border-radius: var(--radius-1); overflow: hidden; }
.eml__table { width: 100%; border-collapse: collapse; font-size: 12px; }
.eml__table th { text-align: left; font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); background: var(--bg-surface-alt); padding: 8px 12px; border-bottom: 1px solid var(--border-rule); }
.eml__table td { padding: 8px 12px; border-bottom: 1px solid var(--border-rule); color: var(--fg-secondary); }
.eml__table .num { text-align: right; font-variant-numeric: tabular-nums; }
.eml__table tbody tr:last-child td { border-bottom: 0; }
.eml__table-total td { font-weight: 700; color: var(--hm-near-black); background: var(--bg-surface-alt); }
.eml__contact { margin: 14px 0; padding: 13px 15px; background: var(--bg-surface-alt); border-radius: var(--radius-1); }
.eml__contact-h { font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-tertiary); margin-bottom: 7px; }
.eml__contact-row { font-size: 11.5px; color: var(--fg-secondary); line-height: 1.6; }
.eml__cta { display: inline-block; margin: 4px 0 16px; padding: 10px 18px; background: var(--accent); color: #fff; font-size: 12.5px; font-weight: 600; border-radius: var(--radius-1); }
.eml__footer { font-size: 10.5px; color: var(--fg-tertiary); line-height: 1.6; border-top: 1px solid var(--border-rule); padding-top: 12px; }

/* section 4 — sms preview */
.sms-preview { display: flex; align-items: flex-start; gap: 10px; margin-top: 12px; padding: 13px 15px; max-width: 360px; background: #F4FBF7; border: 1px solid #CDE8D9; border-radius: 14px 14px 14px 4px; font-size: 12.5px; line-height: 1.5; color: var(--fg-secondary); }
.sms-preview i { font-size: 16px; color: var(--accent); flex: none; margin-top: 1px; }

/* request-shape preview medium tag (R5 · B4) */
.pv-medium { display: flex; align-items: center; gap: 9px; font-size: 12px; color: var(--fg-tertiary); margin-bottom: 12px; }
.pv-medium__tag { font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-secondary); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 2px 9px; }
.pv-medium__tag--req { color: #2c6b49; background: #F1F9F4; border-color: #CDE8D9; }

/* Review (R5) — visual recap tiles, chips, totals, acknowledge */
.rv-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rv-tile { display: flex; gap: 12px; background: var(--bg-surface-alt); border-radius: var(--radius-2); padding: 14px 16px; box-shadow: inset 0 0 0 1px rgba(65,64,66,0.04); }
.rv-tile__ic { width: 38px; height: 38px; border-radius: var(--radius-2); background: #E8F4ED; border: 1px solid #CDE8D9; display: flex; align-items: center; justify-content: center; flex: none; }
.rv-tile__ic i { font-size: 19px; color: var(--accent); }
.rv-tile__k { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.rv-tile__v { font-size: 17px; font-weight: 600; color: var(--fg-primary); margin-top: 2px; letter-spacing: -0.01em; }
.rv-tile__sub { font-size: 12px; color: var(--fg-secondary); margin-top: 2px; line-height: 1.45; }
.rv-tile__muted { font-size: 11.5px; color: var(--fg-tertiary); font-style: italic; margin-top: 3px; }
.rv-pill { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: 11.5px; font-weight: 600; color: #2c6b49; background: #F1F9F4; border: 1px solid #CDE8D9; border-radius: var(--radius-pill); padding: 3px 10px; }
.rv-pill i { font-size: 13px; }
.rv-delivers { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.rv-delivers__lbl { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.rv-delivers__note { font-size: 11.5px; color: var(--fg-tertiary); }
.rv-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.rv-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-pill); padding: 5px 11px; font-size: 12.5px; font-weight: 600; color: var(--fg-primary); }
.rv-chip i { font-size: 14px; color: var(--accent); }
.rv-total { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--border-rule); font-size: 13px; color: var(--fg-secondary); text-align: right; }
.rv-total b { font-size: 16px; color: var(--fg-primary); font-weight: 600; font-variant-numeric: tabular-nums; }
.rv-purpose { display: flex; gap: 12px; background: var(--bg-surface-alt); border-radius: var(--radius-2); padding: 14px 16px; box-shadow: inset 0 0 0 1px rgba(65,64,66,0.04); font-size: 13.5px; line-height: 1.55; color: var(--fg-primary); }
.rv-purpose i { font-size: 18px; color: var(--accent); flex: none; margin-top: 1px; }
.rv-purpose b { font-weight: 600; }
.rv-reliance { display: flex; align-items: flex-start; gap: 9px; margin-top: 10px; font-size: 12.5px; line-height: 1.55; color: var(--fg-tertiary); }
.rv-reliance i { font-size: 15px; color: var(--fg-secondary); flex: none; margin-top: 1px; }

/* =====================================================================
   TRACK LIST  (T1)  — request rows
   ===================================================================== */
.req-list { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.req-list__head { width: 100%; display: grid; grid-template-columns: minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1.3fr) 22px; gap: 14px; padding: 10px 18px; background: var(--bg-surface-alt); border-bottom: 1px solid var(--border-rule); font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.req-row { width: 100%; display: grid; grid-template-columns: minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1.3fr) 22px; gap: 14px; align-items: center; padding: 16px 18px; border-bottom: 1px solid var(--border-rule); background: var(--bg-surface); cursor: pointer; text-align: left; }
.req-row:last-child { border-bottom: 0; }
.req-row:hover { background: var(--bg-surface-alt); }
.req-row__title { font-size: 14px; font-weight: 600; color: var(--fg-primary); display: flex; align-items: center; gap: 9px; }
.req-row__prodicon { font-size: 16px; color: var(--fg-tertiary); flex: none; }
.req-row__prodtag { font-size: 10px; font-weight: 700; letter-spacing: 0.04em; padding: 2px 7px; border-radius: var(--radius-1); background: var(--bg-surface-alt); color: var(--fg-secondary); box-shadow: inset 0 0 0 1px var(--border-rule); white-space: nowrap; flex: none; }
.req-row__scope { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 4px; }
.req-row__growers { font-size: 12.5px; color: var(--fg-secondary); font-variant-numeric: tabular-nums; }
.req-row__cov { min-width: 0; }
.req-row__covpct { font-size: 14px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; }
.req-row__covbar { margin-top: 6px; height: 5px; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: 3px; overflow: hidden; position: relative; }
.req-row__covbar > i { display: block; height: 100%; background: var(--fg-secondary); }
.req-row__covbar > .tgt { position: absolute; top: -2px; bottom: -2px; width: 0; border-left: 1.5px dashed var(--accent); }
.req-row__go { color: var(--fg-tertiary); font-size: 18px; justify-self: end; }
.req-row:hover .req-row__go { color: var(--accent); }
/* request time-window timeline (companion to coverage bar) */
.req-row__time { min-width: 0; }
.req-row__timetop { font-size: 12.5px; font-weight: 600; color: var(--fg-secondary); font-variant-numeric: tabular-nums; }
.req-row__timebar { margin-top: 6px; height: 5px; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: 3px; overflow: hidden; position: relative; }
.req-row__timebar > i { display: block; height: 100%; background: var(--fg-secondary); }
.req-row__timebar > .now { position: absolute; top: -2px; bottom: -2px; width: 0; border-left: 1.5px solid var(--accent); }
.req-row__timeends { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: var(--fg-tertiary); margin-top: 5px; font-variant-numeric: tabular-nums; }
.req-row__timeends span { white-space: nowrap; }
/* parent action-state row accent (review / decision) */
.req-row--action { box-shadow: inset 3px 0 0 var(--accent); }
/* two-segment phase timeline */
.req-row__timewin { display: flex; gap: 5px; margin-top: 6px; }
.tlseg { flex: 1; height: 5px; border-radius: 3px; position: relative; background: var(--bg-surface-alt); border: 1px solid var(--border-rule); overflow: hidden; }
.tlseg > i { display: block; height: 100%; background: var(--fg-secondary); }
.tlseg > .now { position: absolute; top: -2px; bottom: -2px; width: 0; border-left: 1.5px solid var(--accent); }
.tlseg--ghost { border-style: dashed; }
.tlseg--ghost > i { background: transparent; }
.tlseg--done > i { background: var(--fg-tertiary); }
.tlseg--lapsed > i { background: var(--fg-tertiary); }
.tlseg--over > i { background: var(--status-critical); }
.tlseg--active.tl-amber > i { background: var(--status-attention); }
.tlseg--active.tl-red > i { background: var(--status-critical); }
.req-row__timetop.tl-amber { color: var(--status-attention); }
.req-row__timetop.tl-red { color: var(--status-critical); }
.req-row__timetop.tl-action { color: var(--accent); }
.req-row__timetop.tl-muted { color: var(--fg-tertiary); }
/* StateMachine gate marks */
.sp-gatemark { display: inline-flex; align-items: center; padding: 0 2px; }
.sp-gatemark span { font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent); border: 1px dashed var(--accent); border-radius: var(--radius-pill); padding: 2px 7px; white-space: nowrap; }
.sp-gatemark--end span { color: var(--fg-tertiary); border-color: var(--border-strong); border-style: solid; }
/* coverage caption (two readouts, one per gate) */
.cv-cap { font-size: 11px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-secondary); margin-bottom: 7px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.cv-cap span { font-size: 10.5px; font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--fg-tertiary); }
/* buyer-review seam (the Gate 1→2 action) */
.gate-action { display: flex; align-items: flex-start; gap: 14px; background: #F1F9F4; border: 1px solid #CDE8D9; border-radius: var(--radius-3); padding: 16px 18px; }
.gate-action__ic { width: 36px; height: 36px; border-radius: var(--radius-2); background: #fff; border: 1px solid #CDE8D9; display: flex; align-items: center; justify-content: center; flex: none; }
.gate-action__ic i { font-size: 19px; color: var(--accent); }
.gate-action__t { font-size: 14px; font-weight: 600; color: var(--fg-primary); }
.gate-action__s { font-size: 12.5px; line-height: 1.55; color: var(--fg-secondary); margin-top: 4px; max-width: 64ch; }
.gate-action__btns { display: flex; flex-direction: column; gap: 8px; flex: none; }
/* Gate-2 product-governed menu */
.gate-menu { border: 1px solid var(--border-rule); border-radius: var(--radius-3); background: var(--bg-surface); padding: 16px 18px; }
.gate-menu__lead { font-size: 12.5px; line-height: 1.55; color: var(--fg-secondary); margin-bottom: 14px; }
.gate-menu__opts { display: grid; gap: 8px; }
.gate-opt { display: flex; align-items: center; gap: 10px; text-align: left; padding: 12px 14px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); cursor: pointer; font-size: 13px; font-weight: 500; color: var(--fg-primary); font-family: var(--font-sans); }
.gate-opt:hover { background: var(--bg-hover-neutral); }
.gate-opt.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
.gate-opt__rb { display: flex; flex: none; }
.gate-opt__rb i { font-size: 17px; color: var(--fg-tertiary); display: block; }
.gate-opt.on .gate-opt__rb i { color: var(--accent); }
/* ExplainedSelect — option list with a reason per option */
.exsel { display: grid; gap: 8px; }
.exsel__opt { display: flex; align-items: flex-start; gap: 10px; text-align: left; padding: 11px 13px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); cursor: pointer; font-family: var(--font-sans); }
.exsel__opt:hover { background: var(--bg-hover-neutral); }
.exsel__opt.on { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); background: var(--bg-surface); }
.exsel__rb { display: flex; flex: none; margin-top: 1px; }
.exsel__rb i { font-size: 17px; color: var(--fg-tertiary); display: block; }
.exsel__opt.on .exsel__rb i { color: var(--accent); }
.exsel__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.exsel__label { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.exsel__explain { font-size: 11.5px; line-height: 1.45; color: var(--fg-tertiary); }

/* filter bar */
.filterbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.filterbar__k { font-size: 10.5px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-tertiary); margin-right: 2px; }

/* =====================================================================
   TRACK DETAIL  (T2)  — per-grower workflow table
   ===================================================================== */
.wf-group { margin-top: 20px; }
.wf-group__h { display: flex; align-items: center; gap: 12px; padding: 0 2px 10px; }
.wf-group__title { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.wf-group__sub { font-size: 11.5px; color: var(--fg-tertiary); }
.wf-group__tot { margin-left: auto; font-size: 11.5px; color: var(--fg-secondary); font-variant-numeric: tabular-nums; }
.wf-table { border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
.wf-head { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,0.8fr) minmax(0,1.1fr) minmax(0,1.3fr) 180px; gap: 12px; padding: 9px 16px; background: var(--bg-surface-alt); border-bottom: 1px solid var(--border-rule); font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.wf-head span:nth-child(2) { text-align: right; }
.wf-row { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,0.8fr) minmax(0,1.1fr) minmax(0,1.3fr) 180px; gap: 12px; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--border-rule); background: var(--bg-surface); }
.wf-row:last-child { border-bottom: 0; }
.wf-row__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.wf-row__name { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.wf-row__loc { font-size: 11px; color: var(--fg-tertiary); margin-top: 1px; }
.wf-row__vol { font-size: 13px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; text-align: right; }
.wf-row__vol small { font-size: 11px; font-weight: 500; color: var(--fg-tertiary); }
.wf-row__ts { font-size: 11px; color: var(--fg-tertiary); line-height: 1.5; }
.wf-row__ts b { color: var(--fg-secondary); font-weight: 600; }
.wf-row__figure { font-size: 13px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; text-align: right; }
.wf-row__figure small { font-size: 10.5px; font-weight: 500; color: var(--fg-tertiary); display: block; }
.wf-row__adv { display: flex; justify-content: flex-end; }
.adv-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; color: var(--fg-secondary); background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-2); padding: 6px 10px; cursor: pointer; white-space: nowrap; }
.adv-btn:hover { background: var(--bg-hover-neutral); color: var(--fg-primary); border-color: var(--border-strong); }
.adv-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.adv-btn i { font-size: 13px; }

/* founder-advance callout banner */
.founder { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border: 1px dashed var(--hm-charcoal); border-radius: var(--radius-2); background: var(--bg-surface); }
.founder__ic { width: 32px; height: 32px; border-radius: var(--radius-2); background: var(--bg-surface-alt); display: flex; align-items: center; justify-content: center; flex: none; }
.founder__ic i { font-size: 17px; color: var(--fg-secondary); }
.founder__t { font-size: 12.5px; font-weight: 600; color: var(--fg-primary); }
.founder__s { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 1px; }

/* notifications config/log */
.notif { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-rule); }
.notif:last-child { border-bottom: 0; }
.notif__ic { width: 30px; height: 30px; border-radius: var(--radius-1); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; flex: none; }
.notif__ic i { font-size: 15px; color: var(--fg-secondary); }
.notif__t { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.notif__s { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 2px; line-height: 1.5; }
.notif__state { margin-left: auto; flex: none; }

/* =====================================================================
   RECEIVE  (Rc1)  — typed placeholder output cards
   ===================================================================== */
.out-grid { display: flex; flex-direction: column; gap: 12px; }
.outcard { display: grid; grid-template-columns: 46px 1fr auto; gap: 16px; align-items: center; padding: 18px 20px; border: 1px solid var(--border-rule); border-radius: var(--radius-2); background: var(--bg-surface); }
.outcard__ic { width: 46px; height: 46px; border-radius: var(--radius-2); background: var(--bg-surface-alt); border: 1px solid var(--border-rule); display: flex; align-items: center; justify-content: center; flex: none; }
.outcard__ic i { font-size: 22px; color: var(--fg-secondary); }
.outcard__prod { font-size: 10.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--accent); }
.outcard__title { font-size: 15px; font-weight: 600; color: var(--fg-primary); margin-top: 3px; }
.outcard__fmt { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.fmt-label { font-size: 10.5px; font-weight: 600; letter-spacing: 0.02em; padding: 3px 9px; border-radius: var(--radius-1); background: var(--bg-surface-alt); color: var(--fg-secondary); box-shadow: inset 0 0 0 1px var(--border-rule); display: inline-flex; align-items: center; gap: 6px; }
.fmt-label i { font-size: 12px; color: var(--fg-tertiary); }
.outcard__right { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.outcard__blocks { font-size: 11px; color: var(--fg-tertiary); margin-top: 8px; }
.shell-note { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--fg-tertiary); }

/* =====================================================================
   STATE-FRAMES BOARD  (px-board)
   ===================================================================== */
.px-board { padding: 34px 30px 120px; max-width: 1480px; margin: 0 auto; }
.px-board__intro { max-width: 80ch; font-size: 14px; line-height: 1.6; color: var(--fg-secondary); margin-bottom: 8px; }
.px-board__intro b { color: var(--fg-primary); font-weight: 600; }
.px-grp { margin-top: 44px; }
.px-grp__h { display: flex; align-items: baseline; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--fg-primary); margin-bottom: 26px; }
.px-grp__n { font-size: 20px; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; }
.px-grp__d { font-size: 12.5px; color: var(--fg-tertiary); }
.px-row { display: flex; flex-wrap: wrap; gap: 30px 26px; align-items: flex-start; }
.px-frame { display: flex; flex-direction: column; }
.px-frame__label { font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-tertiary); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.px-frame__label .n { color: var(--accent); font-variant-numeric: tabular-nums; }
.px-frame__label .pin { font-size: 9px; font-weight: 700; padding: 2px 6px; border-radius: 3px; letter-spacing: 0.05em; }
.px-frame__label .pin.teal { background: #E8F4ED; color: #2E8055; }
.px-frame__label .pin.ochre { background: #F5EFE0; color: #806721; }
.px-frame__label .pin.crit { background: #FBEDED; color: #8a2f2f; }
.px-frame__win { background: var(--bg-surface); border-radius: 10px; box-shadow: var(--shadow-modal); overflow: hidden; border: 1px solid #d7d7d4; }
.px-frame__cap { font-size: 12px; line-height: 1.5; color: var(--fg-tertiary); margin-top: 11px; max-width: 44ch; }
.px-frame__cap b { color: var(--fg-secondary); font-weight: 600; }
.px-mini { width: 660px; height: 460px; overflow: hidden; background: var(--bg-page); position: relative; }
.px-mini--tall { height: 540px; }
.px-mini .fr-ctx { position: absolute; inset: 0; }
.px-mini .ck { height: 100%; }

/* standalone component spotlight cards (the two hero components) */
.spotlight { display: grid; grid-template-columns: 1fr; gap: 0; }
.spot-card { background: var(--bg-surface); border: 1px solid var(--border-rule); border-radius: var(--radius-3); box-shadow: var(--shadow-card); padding: 26px; }
.spot-card + .spot-card { margin-top: 22px; }
.spot-card__eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); }
.spot-card__title { font-size: 19px; font-weight: 600; letter-spacing: -0.01em; margin: 6px 0 0; }
.spot-card__desc { font-size: 13px; line-height: 1.6; color: var(--fg-secondary); margin: 8px 0 0; max-width: 70ch; }
.spot-card__demo { margin-top: 22px; }
.spot-legend-row { display: flex; flex-wrap: wrap; gap: 10px 14px; margin-top: 18px; }
.spot-pill-cell { display: flex; flex-direction: column; gap: 7px; align-items: flex-start; }
.spot-pill-cell .cap { font-size: 10.5px; color: var(--fg-tertiary); }

.util-foot { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--border-rule); font-size: 12px; color: var(--fg-tertiary); display: flex; gap: 10px; align-items: center; }
.util-foot i { font-size: 16px; color: var(--accent); }

/* viewport fit — Track fills one screen, only the Growers list scrolls */
.ck-main--fit { overflow: hidden; }
.ck-wrap--fit { height: 100%; display: flex; flex-direction: column; min-height: 0; padding-bottom: 22px; }
.trk-page { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.trk-page .ck-pagehead { flex: none; display: block; }
.trk-page .ck-lede { white-space: nowrap; }
.trk-block { flex: 1; min-height: 0; display: flex; flex-direction: column; margin-top: 20px; }
.trk-block .filterbar { flex: none; margin-bottom: 14px; }

/* =====================================================================
   TRACK  — single-detail switcher (selected bar + dropdown + detail)
   ===================================================================== */
.trk-switch { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 12px; }
.trk-parent { overflow: hidden; flex: none; }
.trk-detailpanel { overflow: hidden; flex: 1 1 auto; min-height: 240px; display: flex; flex-direction: column; }
/* Coverage tab — chart scrolls in-box (fills the fixed tab height) */
.trk-cov-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.trk-cov-scroll .cg { display: flex; flex-direction: column; }
/* hover — elevation lift only (no colour) on the selectable bars */
.trk-parent, .trk-option { transition: transform 0.15s ease, box-shadow 0.15s ease; }
.trk-parent:hover, .trk-option:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(65,64,66,0.11), 0 0 0 1px rgba(65,64,66,0.06); }
/* dropdown picker — slide-down reveal beneath the selected bar */
.trk-dropdown { overflow-y: auto; overflow-x: hidden; transition: max-height 0.20s ease; flex: none; }
.trk-dropdown__inner { display: flex; flex-direction: column; gap: 10px; padding-top: 12px; transform: translateY(-8px); opacity: 0; transition: transform 0.20s ease, opacity 0.20s ease; }
.trk-dropdown.open .trk-dropdown__inner { transform: translateY(0); opacity: 1; }
.trk-dropdown__lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: var(--fg-tertiary); padding: 2px 2px 4px; }
.trk-dropdown__empty { font-size: 12.5px; color: var(--fg-tertiary); padding: 14px 2px; }
.trk-option { overflow: hidden; cursor: pointer; }
.trk-option.is-sel { box-shadow: inset 0 0 0 1px var(--accent), var(--shadow-card); }
.trk-bar__mark { flex: none; width: 20px; display: flex; align-items: center; justify-content: center; color: var(--accent); }
.trk-bar__mark i { font-size: 18px; }

/* the bar (selected parent + dropdown option) — identity / coverage / time zones */
.trk-bar { width: 100%; display: flex; align-items: center; gap: 26px; padding: 16px 22px; background: transparent; cursor: pointer; text-align: left; border: 0; appearance: none; -webkit-appearance: none; font: inherit; color: inherit; }
.trk-bar:hover { background: transparent; }
.trk-bar__id { flex: 1 1 auto; min-width: 0; }
.trk-bar__title { font-size: 14.5px; font-weight: 600; color: var(--fg-primary); display: flex; align-items: center; gap: 9px; }
.trk-bar__title .ic { font-size: 17px; color: var(--fg-tertiary); flex: none; }
.trk-bar__cta { margin-top: 9px; }
.trk-stage__lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.trk-stage__sep { color: var(--hm-light-grey); }
.trk-bar__chev { font-size: 18px; color: var(--fg-tertiary); flex: none; transition: transform 0.20s ease, color 0.20s ease; }
.trk-bar__chev.open { transform: rotate(180deg); color: var(--accent); }
/* coverage zone (centre) — hurdle inlined on the percent line */
.trk-cov { flex: none; width: 232px; }
.trk-cov__pct { font-size: 16px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.trk-cov__pct small { font-size: 11px; font-weight: 600; color: var(--fg-tertiary); letter-spacing: 0.02em; }
.trk-cov__hurdle { font-size: 11px; font-weight: 500; color: var(--fg-tertiary); }
.trk-cov__sub { font-size: 11.5px; color: var(--fg-tertiary); margin-top: 3px; }
/* time zone (right) — stage label left, days-left right, segmented day bars below */
.stl { flex: none; width: 288px; }
.stl__over { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.stl__stage { font-size: 11.5px; color: var(--fg-tertiary); display: flex; align-items: center; gap: 7px; min-width: 0; }
.stl__stage span { white-space: nowrap; }
.stl__time { color: var(--fg-secondary); white-space: nowrap; }
.stl__track--seg { display: flex; gap: 2px; align-items: stretch; }
.stl__day { flex: 1 1 0; min-width: 0; height: 4px; border-radius: 1px; background: var(--border-rule); }
.stl__day.filled { background: var(--fg-tertiary); }
.stl__time .stl__big { font-size: 16px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; }
.stl__time small { font-size: 11px; font-weight: 600; color: var(--fg-tertiary); letter-spacing: 0.02em; }
.stl__track { position: relative; height: 4px; background: var(--border-rule); border-radius: 2px; margin: 0 5px; }
.stl__active { position: absolute; left: 0; top: 0; height: 100%; background: var(--fg-tertiary); border-radius: 2px; }
.stl__node { position: absolute; top: 50%; width: 9px; height: 9px; border-radius: 50%; background: var(--bg-surface); border: 2px solid var(--fg-tertiary); transform: translate(-50%, -50%); z-index: 2; }
.stl__node--l { left: 0; }
.stl__today { position: absolute; top: 50%; width: 2px; height: 14px; background: var(--fg-secondary); transform: translate(-50%, -50%); border-radius: 1px; z-index: 3; }
.trk-bar__chev { font-size: 18px; color: var(--fg-tertiary); flex: none; transition: transform 0.20s ease, color 0.20s ease; }

/* expanded drawer — Conditions tabbed-card grammar (.condcard .condtabs .condcard__body) */
.trk-drawerbody { flex: 1; min-height: 0; padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.trk-detail { display: flex; flex-direction: column; gap: 14px; }
/* inner detail = soft recessed grey boxes on the white drawer body */
.trk-card { background: var(--bg-surface-alt); border: 1px solid var(--border-rule); border-radius: var(--radius-2); overflow: hidden; }
/* Growers tab fills the fixed drawer height; controls pinned, rows scroll */
.trk-growers { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.trk-growers .ex-controls { flex: none; }
.trk-grower-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.trk-card__h { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--border-rule); }
.trk-card__hicon { font-size: 16px; color: var(--accent); }
.trk-card__htitle { font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--fg-secondary); }
.trk-card__hsub { margin-left: auto; font-size: 11px; color: var(--fg-tertiary); }
.trk-card__body { padding: 16px; }
.ck-inlink { color: var(--accent); font-weight: 600; cursor: pointer; white-space: nowrap; }
.ck-inlink:hover { text-decoration: underline; }

/* exception-surface controls */
.ex-controls { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding: 11px 16px; border-bottom: 1px solid var(--border-rule); background: transparent; }
.ex-rollup { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--fg-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; flex: 1 1 100%; }
.ex-rollup b { color: var(--fg-primary); font-weight: 600; }
.ex-rollup span { white-space: nowrap; }
.ex-rollup .sep { color: var(--hm-light-grey); }
.ex-ctrlspacer { display: none; }
.ex-lbl { font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--fg-tertiary); }
.ex-seg { display: inline-flex; border: 1px solid var(--border-rule); border-radius: var(--radius-1); overflow: hidden; }
.ex-seg button { font-size: 11px; font-weight: 600; padding: 5px 10px; background: var(--bg-surface); color: var(--fg-tertiary); cursor: pointer; border: 0; border-right: 1px solid var(--border-rule); font-family: var(--font-sans); }
.ex-seg button:last-child { border-right: 0; }
.ex-seg button:hover { color: var(--fg-secondary); }
.ex-seg button.on { background: var(--fg-primary); color: #fff; }

/* exception rows */
.exrow { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,0.7fr) minmax(0,1fr) minmax(0,1.7fr); gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--border-rule); }
.exrow:last-child { border-bottom: 0; }
.exrow--out { background: #FFFCF5; }
.exrow__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.exrow__name { font-size: 13px; font-weight: 600; color: var(--fg-primary); }
.exrow__meta { font-size: 11px; color: var(--fg-tertiary); margin-top: 2px; display: flex; align-items: center; gap: 8px; }
.exrow__line { padding: 1px 6px; border-radius: var(--radius-1); background: var(--bg-surface-alt); box-shadow: inset 0 0 0 1px var(--border-rule); font-weight: 600; color: var(--fg-secondary); white-space: nowrap; }
.exrow__vol { font-size: 13px; font-weight: 600; color: var(--fg-primary); font-variant-numeric: tabular-nums; text-align: right; }
.exrow__vol small { font-size: 11px; font-weight: 500; color: var(--fg-tertiary); }
.exrow__state { display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.exrow__age { font-size: 10.5px; color: var(--status-attention); font-weight: 600; font-variant-numeric: tabular-nums; }
.exrow__act { display: flex; justify-content: flex-end; align-items: center; gap: 8px; flex-wrap: wrap; }
.exrow__reason { display: flex; align-items: flex-start; gap: 7px; font-size: 11.5px; color: var(--fg-secondary); line-height: 1.45; text-align: left; }
.exrow__reason i { font-size: 14px; color: var(--status-critical); flex: none; margin-top: 1px; }
.exrow__done { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; color: var(--fg-tertiary); }
.exrow__done i { color: var(--accent); font-size: 13px; }
.exrow__sent { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--accent); font-weight: 600; }
.exrow__sent i { font-size: 13px; }
.ex-more { width: 100%; text-align: center; padding: 10px; font-size: 11.5px; font-weight: 600; color: var(--fg-secondary); background: var(--bg-surface-alt); border: 0; border-top: 1px solid var(--border-rule); cursor: pointer; font-family: var(--font-sans); }
.ex-more:hover { color: var(--accent); }

/* metadata KV */
.trk-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.trk-meta__row { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid var(--border-rule); font-size: 12.5px; }
.trk-meta__k { color: var(--fg-tertiary); white-space: nowrap; }
.trk-meta__v { color: var(--fg-primary); font-weight: 600; text-align: right; }