/* apps/patient/src/styles.css */
/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties;
@layer base {
  :root,
  :host {
    --font-sans:
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
    --font-heading:
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-gray-50: var(--bds-neutral-50);
    --color-gray-100: var(--bds-neutral-100);
    --color-gray-200: var(--bds-neutral-200);
    --color-gray-300: var(--bds-neutral-300);
    --color-gray-400: var(--bds-neutral-400);
    --color-gray-500: var(--bds-neutral-500);
    --color-gray-600: var(--bds-neutral-600);
    --color-gray-700: var(--bds-neutral-700);
    --color-gray-800: var(--bds-neutral-800);
    --color-gray-900: var(--bds-neutral-900);
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-2xl: 96rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary-50: var(--bds-brand-50);
    --color-primary-100: var(--bds-brand-100);
    --color-primary-200: var(--bds-brand-200);
    --color-primary-300: var(--bds-brand-300);
    --color-primary-400: var(--bds-brand-400);
    --color-primary-500: var(--bds-brand-500);
    --color-primary-600: var(--bds-brand-600);
    --color-primary-700: var(--bds-brand-700);
    --color-primary-800: var(--bds-brand-800);
    --color-primary-900: var(--bds-brand-900);
    --color-primary-950: var(--bds-brand-950);
    --color-accent-100: var(--bds-color-error);
    --color-accent-400: var(--bds-red-400);
    --color-accent-600: var(--bds-color-error);
    --color-accent-700: var(--bds-red-700);
    --color-success-300: var(--bds-green-300);
    --color-success-500: var(--bds-color-success);
    --color-success-600: var(--bds-color-success);
    --color-info-300: var(--bds-color-info-container);
    --color-info-500: var(--bds-color-info);
    --color-warning-500: var(--bds-color-warning);
    --color-danger-500: var(--bds-color-error);
    --color-primary: var(--bds-color-primary);
    --color-accent: var(--bds-color-error);
    --color-danger: var(--bds-color-error);
    --color-surface-canvas: var(--bds-skin-bg);
    --color-surface-card: var(--bds-skin-surface);
    --color-surface-inset: var(--bds-skin-surface-sunken);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :root,
    :host {
      --color-accent-100: color-mix( in oklab, var(--bds-color-error) 17%, transparent );
    }
  }
  :root:lang(fa) {
    --font-sans:
      "Vazirmatn FaNum",
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
    --font-heading:
      "Vazirmatn FaNum",
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
  }
  :root:lang(fa) :is(.latin-digits, [lang]:not(:lang(fa)), input[type=email], input[type=url], a[href^="mailto:"]) {
    --font-sans:
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
    --font-heading:
      "Vazirmatn",
      "Segoe UI",
      system-ui,
      -apple-system,
      sans-serif;
    font-family: var(--font-sans);
  }
  :root {
    --font-family-mono:
      "Consolas",
      "Monaco",
      "Courier New",
      monospace;
    --font-family-serif:
      "Georgia",
      "Times New Roman",
      serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;
    --line-height-tight: 1.25;
    --line-height-snug: 1.4;
    --line-height-normal: 1.7;
    --line-height-relaxed: 1.8;
  }
  .spinner {
    animation: spin 1s linear infinite;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .card-panel {
    display: block;
    min-width: 0;
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--p-radius-small);
    background: var(--p-white);
  }
  .card-panel--flush {
    padding: 0;
    overflow: hidden;
  }
  .card-panel--inert {
    border-color: transparent;
  }
  .card-record {
    display: block;
    min-width: 0;
    padding: var(--p-spacing-2);
    padding-inline-start: var(--p-spacing-4);
    border-block-end: 1px solid var(--color-gray-200);
    border-inline-start: 2px solid var(--color-gray-200);
    border-radius: 0;
    background: transparent;
    transition: background-color 0.1s, border-color 0.1s;
  }
  .card-record:hover {
    background: var(--color-primary-50);
    border-inline-start-color: var(--color-primary-800);
  }
  .card-record:focus-within {
    outline: 2px solid var(--color-primary-800);
    outline-offset: -2px;
  }
  .card-notice {
    --card-notice-hue: var(--color-primary-800);
    display: block;
    min-width: 0;
    padding: var(--p-spacing-4);
    border: 1px solid var(--card-notice-hue);
    border-radius: var(--p-radius-xsmall);
    background: var(--card-notice-hue);
    color: var(--color-primary-900);
    text-align: start;
  }
  @supports (color: color-mix(in lab, red, red)) {
    .card-notice {
      border: 1px solid color-mix(in oklab, var(--card-notice-hue) 30%, white);
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    .card-notice {
      background: color-mix(in oklab, var(--card-notice-hue) 8%, white);
    }
  }
  .card-notice--brand {
    --card-notice-hue: var(--color-primary-800);
    color: var(--color-primary-900);
  }
  .card-notice--danger {
    --card-notice-hue: var(--color-danger-500);
    color: var(--color-accent-700);
  }
  .card-notice--warning {
    --card-notice-hue: var(--color-warning-500);
    border-color: var(--color-warning-500);
    color: var(--color-gray-900);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .card-notice--warning {
      border-color: color-mix(in oklab, var(--color-warning-500) 55%, white);
    }
  }
  .card-notice--success {
    --card-notice-hue: var(--color-success-600);
    color: var(--color-primary-900);
  }
  .card-notice--info {
    --card-notice-hue: var(--color-info-500);
    color: var(--color-primary-950);
  }
  .card-notice--neutral {
    --card-notice-hue: var(--color-gray-500);
    border-color: var(--color-gray-200);
    background: var(--color-gray-100);
    color: var(--color-gray-800);
  }
  .card-title {
    margin: 0 0 var(--p-spacing-2);
    font-family: var(--font-heading);
    font-size: 1.0625rem;
    font-weight: var(--p-font-weight-semibold);
    line-height: 1.7;
    color: inherit;
  }
  .card-subtitle {
    margin: 0 0 var(--p-spacing-1);
    font-size: 0.8125rem;
    font-weight: var(--p-font-weight-semibold);
    line-height: 1.7;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: inherit;
  }
  .card-body {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: inherit;
    text-align: start;
    text-wrap: pretty;
  }
  .card-body--small {
    font-size: 0.875rem;
  }
  .card-list {
    margin: var(--p-spacing-2) 0 0;
    padding-inline-start: var(--p-spacing-5);
    list-style: disc;
    color: inherit;
  }
  @layer base {
    .signin-brand,
    .signup-brand {
      box-shadow: var(--p-shadow-primary);
    }
    .brand-logo {
      width: var(--p-size-7);
      height: var(--p-size-7);
      border-radius: var(--p-radius-small);
      border-width: var(--border-1);
      border-style: solid;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--color-primary-600);
      border-color: var(--color-primary-300);
      box-shadow: 0 10px 15px -3px var(--color-primary-600), 0 4px 6px -4px var(--color-primary-600);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .brand-logo {
        box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--color-primary-600) 30%, transparent), 0 4px 6px -4px color-mix(in srgb, var(--color-primary-600) 20%, transparent);
      }
    }
    @media (min-width: 640px) {
      .brand-logo {
        width: var(--p-size-8);
        height: var(--p-size-8);
        border-radius: var(--radius-3xl);
      }
    }
    .brand-text {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      gap: var(--p-spacing-1);
      padding: 0 var(--p-spacing-2);
    }
    .brand-name {
      font-size: var(--font-size-lg);
      font-weight: var(--p-font-weight-bold);
      line-height: var(--line-height-tight);
      color: var(--color-primary-900);
    }
    @media (min-width: 640px) {
      .brand-name {
        font-size: var(--font-size-xl);
      }
    }
    .brand-subtitle {
      font-size: var(--font-size-sm);
      line-height: var(--line-height-snug);
      color: var(--color-primary-700);
    }
    @media (min-width: 640px) {
      .brand-subtitle {
        font-size: var(--font-size-base);
      }
    }
    .brand-icon {
      font-size: var(--font-size-xl);
      color: white;
    }
    @media (min-width: 640px) {
      .brand-icon {
        font-size: var(--font-size-2xl);
      }
    }
    .signin-footer,
    .signup-footer {
      margin-top: var(--spacing-5);
      text-align: center;
    }
    @media (min-width: 640px) {
      .signin-footer,
      .signup-footer {
        margin-top: var(--p-spacing-6);
      }
    }
    .footer-divider {
      height: var(--border-1);
      margin: var(--p-spacing-4) 0;
      border-radius: 999px;
      background: var(--bds-color-outline-variant);
    }
    @media (min-width: 640px) {
      .footer-divider {
        margin: var(--spacing-5) 0;
      }
    }
    .footer-text {
      margin: 0 0 var(--p-spacing-3);
      font-size: var(--font-size-sm);
      line-height: var(--line-height-relaxed);
      color: var(--color-primary-700);
    }
    @media (min-width: 640px) {
      .footer-text {
        font-size: var(--font-size-base);
      }
    }
    .signin-footer p-button.footer-button,
    .signup-footer p-button.footer-button {
      display: block;
      width: 100%;
    }
    :is(.signin-footer p-button.footer-button, .signup-footer p-button.footer-button) ::ng-deep .p-button {
      width: 100%;
      padding: var(--p-spacing-3) var(--p-spacing-4) !important;
      background: var(--bds-color-primary-container) !important;
      border-color: transparent !important;
      color: var(--bds-color-on-primary-container) !important;
      font-weight: var(--p-font-weight-semibold) !important;
      font-size: var(--font-size-sm) !important;
      min-height: var(--spacing-11) !important;
      transition: all var(--transition-base) !important;
      text-decoration: none;
    }
    :is():hover {
      background: var(--bds-color-primary-container) !important;
      border-color: transparent !important;
      box-shadow: none !important;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :is():hover {
        background: color-mix(in oklab, var(--bds-color-primary-container) 88%, var(--bds-color-primary)) !important;
      }
    }
    :is():active {
      transform: scale(0.98);
    }
    @media (min-width: 640px) {
       {
        font-size: var(--font-size-base) !important;
      }
    }
  }
  @layer base {
    @font-face {
      font-family: "Phosphor";
      src:
        url("./media/Phosphor.woff2") format("woff2"),
        url("./media/Phosphor.woff") format("woff"),
        url("./media/Phosphor.ttf") format("truetype"),
        url("./media/Phosphor.svg#Phosphor") format("svg");
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    .ph {
      font-family: "Phosphor", sans-serif !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      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;
      -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";
    }
  }
  @layer base {
    @font-face {
      font-family: "Phosphor-Bold";
      src:
        url("./media/Phosphor-Bold.woff2") format("woff2"),
        url("./media/Phosphor-Bold.woff") format("woff"),
        url("./media/Phosphor-Bold.ttf") format("truetype"),
        url("./media/Phosphor-Bold.svg#Phosphor-Bold") format("svg");
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    .ph-bold {
      font-family: "Phosphor-Bold", sans-serif !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      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;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .ph-bold.ph-acorn:before {
      content: "\eb9a";
    }
    .ph-bold.ph-address-book:before {
      content: "\e6f8";
    }
    .ph-bold.ph-address-book-tabs:before {
      content: "\ee4e";
    }
    .ph-bold.ph-air-traffic-control:before {
      content: "\ecd8";
    }
    .ph-bold.ph-airplane:before {
      content: "\e002";
    }
    .ph-bold.ph-airplane-in-flight:before {
      content: "\e4fe";
    }
    .ph-bold.ph-airplane-landing:before {
      content: "\e502";
    }
    .ph-bold.ph-airplane-takeoff:before {
      content: "\e504";
    }
    .ph-bold.ph-airplane-taxiing:before {
      content: "\e500";
    }
    .ph-bold.ph-airplane-tilt:before {
      content: "\e5d6";
    }
    .ph-bold.ph-airplay:before {
      content: "\e004";
    }
    .ph-bold.ph-alarm:before {
      content: "\e006";
    }
    .ph-bold.ph-alien:before {
      content: "\e8a6";
    }
    .ph-bold.ph-align-bottom:before {
      content: "\e506";
    }
    .ph-bold.ph-align-bottom-simple:before {
      content: "\eb0c";
    }
    .ph-bold.ph-align-center-horizontal:before {
      content: "\e50a";
    }
    .ph-bold.ph-align-center-horizontal-simple:before {
      content: "\eb0e";
    }
    .ph-bold.ph-align-center-vertical:before {
      content: "\e50c";
    }
    .ph-bold.ph-align-center-vertical-simple:before {
      content: "\eb10";
    }
    .ph-bold.ph-align-left:before {
      content: "\e50e";
    }
    .ph-bold.ph-align-left-simple:before {
      content: "\eaee";
    }
    .ph-bold.ph-align-right:before {
      content: "\e510";
    }
    .ph-bold.ph-align-right-simple:before {
      content: "\eb12";
    }
    .ph-bold.ph-align-top:before {
      content: "\e512";
    }
    .ph-bold.ph-align-top-simple:before {
      content: "\eb14";
    }
    .ph-bold.ph-amazon-logo:before {
      content: "\e96c";
    }
    .ph-bold.ph-ambulance:before {
      content: "\e572";
    }
    .ph-bold.ph-anchor:before {
      content: "\e514";
    }
    .ph-bold.ph-anchor-simple:before {
      content: "\e5d8";
    }
    .ph-bold.ph-android-logo:before {
      content: "\e008";
    }
    .ph-bold.ph-angle:before {
      content: "\e7bc";
    }
    .ph-bold.ph-angular-logo:before {
      content: "\eb80";
    }
    .ph-bold.ph-aperture:before {
      content: "\e00a";
    }
    .ph-bold.ph-app-store-logo:before {
      content: "\e974";
    }
    .ph-bold.ph-app-window:before {
      content: "\e5da";
    }
    .ph-bold.ph-apple-logo:before {
      content: "\e516";
    }
    .ph-bold.ph-apple-podcasts-logo:before {
      content: "\eb96";
    }
    .ph-bold.ph-approximate-equals:before {
      content: "\edaa";
    }
    .ph-bold.ph-archive:before {
      content: "\e00c";
    }
    .ph-bold.ph-armchair:before {
      content: "\e012";
    }
    .ph-bold.ph-arrow-arc-left:before {
      content: "\e014";
    }
    .ph-bold.ph-arrow-arc-right:before {
      content: "\e016";
    }
    .ph-bold.ph-arrow-bend-double-up-left:before {
      content: "\e03a";
    }
    .ph-bold.ph-arrow-bend-double-up-right:before {
      content: "\e03c";
    }
    .ph-bold.ph-arrow-bend-down-left:before {
      content: "\e018";
    }
    .ph-bold.ph-arrow-bend-down-right:before {
      content: "\e01a";
    }
    .ph-bold.ph-arrow-bend-left-down:before {
      content: "\e01c";
    }
    .ph-bold.ph-arrow-bend-left-up:before {
      content: "\e01e";
    }
    .ph-bold.ph-arrow-bend-right-down:before {
      content: "\e020";
    }
    .ph-bold.ph-arrow-bend-right-up:before {
      content: "\e022";
    }
    .ph-bold.ph-arrow-bend-up-left:before {
      content: "\e024";
    }
    .ph-bold.ph-arrow-bend-up-right:before {
      content: "\e026";
    }
    .ph-bold.ph-arrow-circle-down:before {
      content: "\e028";
    }
    .ph-bold.ph-arrow-circle-down-left:before {
      content: "\e02a";
    }
    .ph-bold.ph-arrow-circle-down-right:before {
      content: "\e02c";
    }
    .ph-bold.ph-arrow-circle-left:before {
      content: "\e05a";
    }
    .ph-bold.ph-arrow-circle-right:before {
      content: "\e02e";
    }
    .ph-bold.ph-arrow-circle-up:before {
      content: "\e030";
    }
    .ph-bold.ph-arrow-circle-up-left:before {
      content: "\e032";
    }
    .ph-bold.ph-arrow-circle-up-right:before {
      content: "\e034";
    }
    .ph-bold.ph-arrow-clockwise:before {
      content: "\e036";
    }
    .ph-bold.ph-arrow-counter-clockwise:before {
      content: "\e038";
    }
    .ph-bold.ph-arrow-down:before {
      content: "\e03e";
    }
    .ph-bold.ph-arrow-down-left:before {
      content: "\e040";
    }
    .ph-bold.ph-arrow-down-right:before {
      content: "\e042";
    }
    .ph-bold.ph-arrow-elbow-down-left:before {
      content: "\e044";
    }
    .ph-bold.ph-arrow-elbow-down-right:before {
      content: "\e046";
    }
    .ph-bold.ph-arrow-elbow-left:before {
      content: "\e048";
    }
    .ph-bold.ph-arrow-elbow-left-down:before {
      content: "\e04a";
    }
    .ph-bold.ph-arrow-elbow-left-up:before {
      content: "\e04c";
    }
    .ph-bold.ph-arrow-elbow-right:before {
      content: "\e04e";
    }
    .ph-bold.ph-arrow-elbow-right-down:before {
      content: "\e050";
    }
    .ph-bold.ph-arrow-elbow-right-up:before {
      content: "\e052";
    }
    .ph-bold.ph-arrow-elbow-up-left:before {
      content: "\e054";
    }
    .ph-bold.ph-arrow-elbow-up-right:before {
      content: "\e056";
    }
    .ph-bold.ph-arrow-fat-down:before {
      content: "\e518";
    }
    .ph-bold.ph-arrow-fat-left:before {
      content: "\e51a";
    }
    .ph-bold.ph-arrow-fat-line-down:before {
      content: "\e51c";
    }
    .ph-bold.ph-arrow-fat-line-left:before {
      content: "\e51e";
    }
    .ph-bold.ph-arrow-fat-line-right:before {
      content: "\e520";
    }
    .ph-bold.ph-arrow-fat-line-up:before {
      content: "\e522";
    }
    .ph-bold.ph-arrow-fat-lines-down:before {
      content: "\e524";
    }
    .ph-bold.ph-arrow-fat-lines-left:before {
      content: "\e526";
    }
    .ph-bold.ph-arrow-fat-lines-right:before {
      content: "\e528";
    }
    .ph-bold.ph-arrow-fat-lines-up:before {
      content: "\e52a";
    }
    .ph-bold.ph-arrow-fat-right:before {
      content: "\e52c";
    }
    .ph-bold.ph-arrow-fat-up:before {
      content: "\e52e";
    }
    .ph-bold.ph-arrow-left:before {
      content: "\e058";
    }
    .ph-bold.ph-arrow-line-down:before {
      content: "\e05c";
    }
    .ph-bold.ph-arrow-line-down-left:before {
      content: "\e05e";
    }
    .ph-bold.ph-arrow-line-down-right:before {
      content: "\e060";
    }
    .ph-bold.ph-arrow-line-left:before {
      content: "\e062";
    }
    .ph-bold.ph-arrow-line-right:before {
      content: "\e064";
    }
    .ph-bold.ph-arrow-line-up:before {
      content: "\e066";
    }
    .ph-bold.ph-arrow-line-up-left:before {
      content: "\e068";
    }
    .ph-bold.ph-arrow-line-up-right:before {
      content: "\e06a";
    }
    .ph-bold.ph-arrow-right:before {
      content: "\e06c";
    }
    .ph-bold.ph-arrow-square-down:before {
      content: "\e06e";
    }
    .ph-bold.ph-arrow-square-down-left:before {
      content: "\e070";
    }
    .ph-bold.ph-arrow-square-down-right:before {
      content: "\e072";
    }
    .ph-bold.ph-arrow-square-in:before {
      content: "\e5dc";
    }
    .ph-bold.ph-arrow-square-left:before {
      content: "\e074";
    }
    .ph-bold.ph-arrow-square-out:before {
      content: "\e5de";
    }
    .ph-bold.ph-arrow-square-right:before {
      content: "\e076";
    }
    .ph-bold.ph-arrow-square-up:before {
      content: "\e078";
    }
    .ph-bold.ph-arrow-square-up-left:before {
      content: "\e07a";
    }
    .ph-bold.ph-arrow-square-up-right:before {
      content: "\e07c";
    }
    .ph-bold.ph-arrow-u-down-left:before {
      content: "\e07e";
    }
    .ph-bold.ph-arrow-u-down-right:before {
      content: "\e080";
    }
    .ph-bold.ph-arrow-u-left-down:before {
      content: "\e082";
    }
    .ph-bold.ph-arrow-u-left-up:before {
      content: "\e084";
    }
    .ph-bold.ph-arrow-u-right-down:before {
      content: "\e086";
    }
    .ph-bold.ph-arrow-u-right-up:before {
      content: "\e088";
    }
    .ph-bold.ph-arrow-u-up-left:before {
      content: "\e08a";
    }
    .ph-bold.ph-arrow-u-up-right:before {
      content: "\e08c";
    }
    .ph-bold.ph-arrow-up:before {
      content: "\e08e";
    }
    .ph-bold.ph-arrow-up-left:before {
      content: "\e090";
    }
    .ph-bold.ph-arrow-up-right:before {
      content: "\e092";
    }
    .ph-bold.ph-arrows-clockwise:before {
      content: "\e094";
    }
    .ph-bold.ph-arrows-counter-clockwise:before {
      content: "\e096";
    }
    .ph-bold.ph-arrows-down-up:before {
      content: "\e098";
    }
    .ph-bold.ph-arrows-horizontal:before {
      content: "\eb06";
    }
    .ph-bold.ph-arrows-in:before {
      content: "\e09a";
    }
    .ph-bold.ph-arrows-in-cardinal:before {
      content: "\e09c";
    }
    .ph-bold.ph-arrows-in-line-horizontal:before {
      content: "\e530";
    }
    .ph-bold.ph-arrows-in-line-vertical:before {
      content: "\e532";
    }
    .ph-bold.ph-arrows-in-simple:before {
      content: "\e09e";
    }
    .ph-bold.ph-arrows-left-right:before {
      content: "\e0a0";
    }
    .ph-bold.ph-arrows-merge:before {
      content: "\ed3e";
    }
    .ph-bold.ph-arrows-out:before {
      content: "\e0a2";
    }
    .ph-bold.ph-arrows-out-cardinal:before {
      content: "\e0a4";
    }
    .ph-bold.ph-arrows-out-line-horizontal:before {
      content: "\e534";
    }
    .ph-bold.ph-arrows-out-line-vertical:before {
      content: "\e536";
    }
    .ph-bold.ph-arrows-out-simple:before {
      content: "\e0a6";
    }
    .ph-bold.ph-arrows-split:before {
      content: "\ed3c";
    }
    .ph-bold.ph-arrows-vertical:before {
      content: "\eb04";
    }
    .ph-bold.ph-article:before {
      content: "\e0a8";
    }
    .ph-bold.ph-article-medium:before {
      content: "\e5e0";
    }
    .ph-bold.ph-article-ny-times:before {
      content: "\e5e2";
    }
    .ph-bold.ph-asclepius:before {
      content: "\ee34";
    }
    .ph-bold.ph-caduceus:before {
      content: "\ee34";
    }
    .ph-bold.ph-asterisk:before {
      content: "\e0aa";
    }
    .ph-bold.ph-asterisk-simple:before {
      content: "\e832";
    }
    .ph-bold.ph-at:before {
      content: "\e0ac";
    }
    .ph-bold.ph-atom:before {
      content: "\e5e4";
    }
    .ph-bold.ph-avocado:before {
      content: "\ee04";
    }
    .ph-bold.ph-axe:before {
      content: "\e9fc";
    }
    .ph-bold.ph-baby:before {
      content: "\e774";
    }
    .ph-bold.ph-baby-carriage:before {
      content: "\e818";
    }
    .ph-bold.ph-backpack:before {
      content: "\e922";
    }
    .ph-bold.ph-backspace:before {
      content: "\e0ae";
    }
    .ph-bold.ph-bag:before {
      content: "\e0b0";
    }
    .ph-bold.ph-bag-simple:before {
      content: "\e5e6";
    }
    .ph-bold.ph-balloon:before {
      content: "\e76c";
    }
    .ph-bold.ph-bandaids:before {
      content: "\e0b2";
    }
    .ph-bold.ph-bank:before {
      content: "\e0b4";
    }
    .ph-bold.ph-barbell:before {
      content: "\e0b6";
    }
    .ph-bold.ph-barcode:before {
      content: "\e0b8";
    }
    .ph-bold.ph-barn:before {
      content: "\ec72";
    }
    .ph-bold.ph-barricade:before {
      content: "\e948";
    }
    .ph-bold.ph-baseball:before {
      content: "\e71a";
    }
    .ph-bold.ph-baseball-cap:before {
      content: "\ea28";
    }
    .ph-bold.ph-baseball-helmet:before {
      content: "\ee4a";
    }
    .ph-bold.ph-basket:before {
      content: "\e964";
    }
    .ph-bold.ph-basketball:before {
      content: "\e724";
    }
    .ph-bold.ph-bathtub:before {
      content: "\e81e";
    }
    .ph-bold.ph-battery-charging:before {
      content: "\e0ba";
    }
    .ph-bold.ph-battery-charging-vertical:before {
      content: "\e0bc";
    }
    .ph-bold.ph-battery-empty:before {
      content: "\e0be";
    }
    .ph-bold.ph-battery-full:before {
      content: "\e0c0";
    }
    .ph-bold.ph-battery-high:before {
      content: "\e0c2";
    }
    .ph-bold.ph-battery-low:before {
      content: "\e0c4";
    }
    .ph-bold.ph-battery-medium:before {
      content: "\e0c6";
    }
    .ph-bold.ph-battery-plus:before {
      content: "\e808";
    }
    .ph-bold.ph-battery-plus-vertical:before {
      content: "\ec50";
    }
    .ph-bold.ph-battery-vertical-empty:before {
      content: "\e7c6";
    }
    .ph-bold.ph-battery-vertical-full:before {
      content: "\e7c4";
    }
    .ph-bold.ph-battery-vertical-high:before {
      content: "\e7c2";
    }
    .ph-bold.ph-battery-vertical-low:before {
      content: "\e7be";
    }
    .ph-bold.ph-battery-vertical-medium:before {
      content: "\e7c0";
    }
    .ph-bold.ph-battery-warning:before {
      content: "\e0c8";
    }
    .ph-bold.ph-battery-warning-vertical:before {
      content: "\e0ca";
    }
    .ph-bold.ph-beach-ball:before {
      content: "\ed24";
    }
    .ph-bold.ph-beanie:before {
      content: "\ea2a";
    }
    .ph-bold.ph-bed:before {
      content: "\e0cc";
    }
    .ph-bold.ph-beer-bottle:before {
      content: "\e7b0";
    }
    .ph-bold.ph-beer-stein:before {
      content: "\eb62";
    }
    .ph-bold.ph-behance-logo:before {
      content: "\e7f4";
    }
    .ph-bold.ph-bell:before {
      content: "\e0ce";
    }
    .ph-bold.ph-bell-ringing:before {
      content: "\e5e8";
    }
    .ph-bold.ph-bell-simple:before {
      content: "\e0d0";
    }
    .ph-bold.ph-bell-simple-ringing:before {
      content: "\e5ea";
    }
    .ph-bold.ph-bell-simple-slash:before {
      content: "\e0d2";
    }
    .ph-bold.ph-bell-simple-z:before {
      content: "\e5ec";
    }
    .ph-bold.ph-bell-slash:before {
      content: "\e0d4";
    }
    .ph-bold.ph-bell-z:before {
      content: "\e5ee";
    }
    .ph-bold.ph-belt:before {
      content: "\ea2c";
    }
    .ph-bold.ph-bezier-curve:before {
      content: "\eb00";
    }
    .ph-bold.ph-bicycle:before {
      content: "\e0d6";
    }
    .ph-bold.ph-binary:before {
      content: "\ee60";
    }
    .ph-bold.ph-binoculars:before {
      content: "\ea64";
    }
    .ph-bold.ph-biohazard:before {
      content: "\e9e0";
    }
    .ph-bold.ph-bird:before {
      content: "\e72c";
    }
    .ph-bold.ph-blueprint:before {
      content: "\eda0";
    }
    .ph-bold.ph-bluetooth:before {
      content: "\e0da";
    }
    .ph-bold.ph-bluetooth-connected:before {
      content: "\e0dc";
    }
    .ph-bold.ph-bluetooth-slash:before {
      content: "\e0de";
    }
    .ph-bold.ph-bluetooth-x:before {
      content: "\e0e0";
    }
    .ph-bold.ph-boat:before {
      content: "\e786";
    }
    .ph-bold.ph-bomb:before {
      content: "\ee0a";
    }
    .ph-bold.ph-bone:before {
      content: "\e7f2";
    }
    .ph-bold.ph-book:before {
      content: "\e0e2";
    }
    .ph-bold.ph-book-bookmark:before {
      content: "\e0e4";
    }
    .ph-bold.ph-book-open:before {
      content: "\e0e6";
    }
    .ph-bold.ph-book-open-text:before {
      content: "\e8f2";
    }
    .ph-bold.ph-book-open-user:before {
      content: "\ede0";
    }
    .ph-bold.ph-bookmark:before {
      content: "\e0e8";
    }
    .ph-bold.ph-bookmark-simple:before {
      content: "\e0ea";
    }
    .ph-bold.ph-bookmarks:before {
      content: "\e0ec";
    }
    .ph-bold.ph-bookmarks-simple:before {
      content: "\e5f0";
    }
    .ph-bold.ph-books:before {
      content: "\e758";
    }
    .ph-bold.ph-boot:before {
      content: "\ecca";
    }
    .ph-bold.ph-boules:before {
      content: "\e722";
    }
    .ph-bold.ph-bounding-box:before {
      content: "\e6ce";
    }
    .ph-bold.ph-bowl-food:before {
      content: "\eaa4";
    }
    .ph-bold.ph-bowl-steam:before {
      content: "\e8e4";
    }
    .ph-bold.ph-bowling-ball:before {
      content: "\ea34";
    }
    .ph-bold.ph-box-arrow-down:before {
      content: "\e00e";
    }
    .ph-bold.ph-archive-box:before {
      content: "\e00e";
    }
    .ph-bold.ph-box-arrow-up:before {
      content: "\ee54";
    }
    .ph-bold.ph-boxing-glove:before {
      content: "\ea36";
    }
    .ph-bold.ph-brackets-angle:before {
      content: "\e862";
    }
    .ph-bold.ph-brackets-curly:before {
      content: "\e860";
    }
    .ph-bold.ph-brackets-round:before {
      content: "\e864";
    }
    .ph-bold.ph-brackets-square:before {
      content: "\e85e";
    }
    .ph-bold.ph-brain:before {
      content: "\e74e";
    }
    .ph-bold.ph-brandy:before {
      content: "\e6b4";
    }
    .ph-bold.ph-bread:before {
      content: "\e81c";
    }
    .ph-bold.ph-bridge:before {
      content: "\ea68";
    }
    .ph-bold.ph-briefcase:before {
      content: "\e0ee";
    }
    .ph-bold.ph-briefcase-metal:before {
      content: "\e5f2";
    }
    .ph-bold.ph-broadcast:before {
      content: "\e0f2";
    }
    .ph-bold.ph-broom:before {
      content: "\ec54";
    }
    .ph-bold.ph-browser:before {
      content: "\e0f4";
    }
    .ph-bold.ph-browsers:before {
      content: "\e0f6";
    }
    .ph-bold.ph-bug:before {
      content: "\e5f4";
    }
    .ph-bold.ph-bug-beetle:before {
      content: "\e5f6";
    }
    .ph-bold.ph-bug-droid:before {
      content: "\e5f8";
    }
    .ph-bold.ph-building:before {
      content: "\e100";
    }
    .ph-bold.ph-building-apartment:before {
      content: "\e0fe";
    }
    .ph-bold.ph-building-office:before {
      content: "\e0ff";
    }
    .ph-bold.ph-buildings:before {
      content: "\e102";
    }
    .ph-bold.ph-bulldozer:before {
      content: "\ec6c";
    }
    .ph-bold.ph-bus:before {
      content: "\e106";
    }
    .ph-bold.ph-butterfly:before {
      content: "\ea6e";
    }
    .ph-bold.ph-cable-car:before {
      content: "\e49c";
    }
    .ph-bold.ph-cactus:before {
      content: "\e918";
    }
    .ph-bold.ph-cake:before {
      content: "\e780";
    }
    .ph-bold.ph-calculator:before {
      content: "\e538";
    }
    .ph-bold.ph-calendar:before {
      content: "\e108";
    }
    .ph-bold.ph-calendar-blank:before {
      content: "\e10a";
    }
    .ph-bold.ph-calendar-check:before {
      content: "\e712";
    }
    .ph-bold.ph-calendar-dot:before {
      content: "\e7b2";
    }
    .ph-bold.ph-calendar-dots:before {
      content: "\e7b4";
    }
    .ph-bold.ph-calendar-heart:before {
      content: "\e8b0";
    }
    .ph-bold.ph-calendar-minus:before {
      content: "\ea14";
    }
    .ph-bold.ph-calendar-plus:before {
      content: "\e714";
    }
    .ph-bold.ph-calendar-slash:before {
      content: "\ea12";
    }
    .ph-bold.ph-calendar-star:before {
      content: "\e8b2";
    }
    .ph-bold.ph-calendar-x:before {
      content: "\e10c";
    }
    .ph-bold.ph-call-bell:before {
      content: "\e7de";
    }
    .ph-bold.ph-camera:before {
      content: "\e10e";
    }
    .ph-bold.ph-camera-plus:before {
      content: "\ec58";
    }
    .ph-bold.ph-camera-rotate:before {
      content: "\e7a4";
    }
    .ph-bold.ph-camera-slash:before {
      content: "\e110";
    }
    .ph-bold.ph-campfire:before {
      content: "\e9d8";
    }
    .ph-bold.ph-car:before {
      content: "\e112";
    }
    .ph-bold.ph-car-battery:before {
      content: "\ee30";
    }
    .ph-bold.ph-car-profile:before {
      content: "\e8cc";
    }
    .ph-bold.ph-car-simple:before {
      content: "\e114";
    }
    .ph-bold.ph-cardholder:before {
      content: "\e5fa";
    }
    .ph-bold.ph-cards:before {
      content: "\e0f8";
    }
    .ph-bold.ph-cards-three:before {
      content: "\ee50";
    }
    .ph-bold.ph-caret-circle-double-down:before {
      content: "\e116";
    }
    .ph-bold.ph-caret-circle-double-left:before {
      content: "\e118";
    }
    .ph-bold.ph-caret-circle-double-right:before {
      content: "\e11a";
    }
    .ph-bold.ph-caret-circle-double-up:before {
      content: "\e11c";
    }
    .ph-bold.ph-caret-circle-down:before {
      content: "\e11e";
    }
    .ph-bold.ph-caret-circle-left:before {
      content: "\e120";
    }
    .ph-bold.ph-caret-circle-right:before {
      content: "\e122";
    }
    .ph-bold.ph-caret-circle-up:before {
      content: "\e124";
    }
    .ph-bold.ph-caret-circle-up-down:before {
      content: "\e13e";
    }
    .ph-bold.ph-caret-double-down:before {
      content: "\e126";
    }
    .ph-bold.ph-caret-double-left:before {
      content: "\e128";
    }
    .ph-bold.ph-caret-double-right:before {
      content: "\e12a";
    }
    .ph-bold.ph-caret-double-up:before {
      content: "\e12c";
    }
    .ph-bold.ph-caret-down:before {
      content: "\e136";
    }
    .ph-bold.ph-caret-left:before {
      content: "\e138";
    }
    .ph-bold.ph-caret-line-down:before {
      content: "\e134";
    }
    .ph-bold.ph-caret-line-left:before {
      content: "\e132";
    }
    .ph-bold.ph-caret-line-right:before {
      content: "\e130";
    }
    .ph-bold.ph-caret-line-up:before {
      content: "\e12e";
    }
    .ph-bold.ph-caret-right:before {
      content: "\e13a";
    }
    .ph-bold.ph-caret-up:before {
      content: "\e13c";
    }
    .ph-bold.ph-caret-up-down:before {
      content: "\e140";
    }
    .ph-bold.ph-carrot:before {
      content: "\ed38";
    }
    .ph-bold.ph-cash-register:before {
      content: "\ed80";
    }
    .ph-bold.ph-cassette-tape:before {
      content: "\ed2e";
    }
    .ph-bold.ph-castle-turret:before {
      content: "\e9d0";
    }
    .ph-bold.ph-cat:before {
      content: "\e748";
    }
    .ph-bold.ph-cell-signal-full:before {
      content: "\e142";
    }
    .ph-bold.ph-cell-signal-high:before {
      content: "\e144";
    }
    .ph-bold.ph-cell-signal-low:before {
      content: "\e146";
    }
    .ph-bold.ph-cell-signal-medium:before {
      content: "\e148";
    }
    .ph-bold.ph-cell-signal-none:before {
      content: "\e14a";
    }
    .ph-bold.ph-cell-signal-slash:before {
      content: "\e14c";
    }
    .ph-bold.ph-cell-signal-x:before {
      content: "\e14e";
    }
    .ph-bold.ph-cell-tower:before {
      content: "\ebaa";
    }
    .ph-bold.ph-certificate:before {
      content: "\e766";
    }
    .ph-bold.ph-chair:before {
      content: "\e950";
    }
    .ph-bold.ph-chalkboard:before {
      content: "\e5fc";
    }
    .ph-bold.ph-chalkboard-simple:before {
      content: "\e5fe";
    }
    .ph-bold.ph-chalkboard-teacher:before {
      content: "\e600";
    }
    .ph-bold.ph-champagne:before {
      content: "\eaca";
    }
    .ph-bold.ph-charging-station:before {
      content: "\e8d0";
    }
    .ph-bold.ph-chart-bar:before {
      content: "\e150";
    }
    .ph-bold.ph-chart-bar-horizontal:before {
      content: "\e152";
    }
    .ph-bold.ph-chart-donut:before {
      content: "\eaa6";
    }
    .ph-bold.ph-chart-line:before {
      content: "\e154";
    }
    .ph-bold.ph-chart-line-down:before {
      content: "\e8b6";
    }
    .ph-bold.ph-chart-line-up:before {
      content: "\e156";
    }
    .ph-bold.ph-chart-pie:before {
      content: "\e158";
    }
    .ph-bold.ph-chart-pie-slice:before {
      content: "\e15a";
    }
    .ph-bold.ph-chart-polar:before {
      content: "\eaa8";
    }
    .ph-bold.ph-chart-scatter:before {
      content: "\eaac";
    }
    .ph-bold.ph-chat:before {
      content: "\e15c";
    }
    .ph-bold.ph-chat-centered:before {
      content: "\e160";
    }
    .ph-bold.ph-chat-centered-dots:before {
      content: "\e164";
    }
    .ph-bold.ph-chat-centered-slash:before {
      content: "\e162";
    }
    .ph-bold.ph-chat-centered-text:before {
      content: "\e166";
    }
    .ph-bold.ph-chat-circle:before {
      content: "\e168";
    }
    .ph-bold.ph-chat-circle-dots:before {
      content: "\e16c";
    }
    .ph-bold.ph-chat-circle-slash:before {
      content: "\e16a";
    }
    .ph-bold.ph-chat-circle-text:before {
      content: "\e16e";
    }
    .ph-bold.ph-chat-dots:before {
      content: "\e170";
    }
    .ph-bold.ph-chat-slash:before {
      content: "\e15e";
    }
    .ph-bold.ph-chat-teardrop:before {
      content: "\e172";
    }
    .ph-bold.ph-chat-teardrop-dots:before {
      content: "\e176";
    }
    .ph-bold.ph-chat-teardrop-slash:before {
      content: "\e174";
    }
    .ph-bold.ph-chat-teardrop-text:before {
      content: "\e178";
    }
    .ph-bold.ph-chat-text:before {
      content: "\e17a";
    }
    .ph-bold.ph-chats:before {
      content: "\e17c";
    }
    .ph-bold.ph-chats-circle:before {
      content: "\e17e";
    }
    .ph-bold.ph-chats-teardrop:before {
      content: "\e180";
    }
    .ph-bold.ph-check:before {
      content: "\e182";
    }
    .ph-bold.ph-check-circle:before {
      content: "\e184";
    }
    .ph-bold.ph-check-fat:before {
      content: "\eba6";
    }
    .ph-bold.ph-check-square:before {
      content: "\e186";
    }
    .ph-bold.ph-check-square-offset:before {
      content: "\e188";
    }
    .ph-bold.ph-checkerboard:before {
      content: "\e8c4";
    }
    .ph-bold.ph-checks:before {
      content: "\e53a";
    }
    .ph-bold.ph-cheers:before {
      content: "\ea4a";
    }
    .ph-bold.ph-cheese:before {
      content: "\e9fe";
    }
    .ph-bold.ph-chef-hat:before {
      content: "\ed8e";
    }
    .ph-bold.ph-cherries:before {
      content: "\e830";
    }
    .ph-bold.ph-church:before {
      content: "\ecea";
    }
    .ph-bold.ph-cigarette:before {
      content: "\ed90";
    }
    .ph-bold.ph-cigarette-slash:before {
      content: "\ed92";
    }
    .ph-bold.ph-circle:before {
      content: "\e18a";
    }
    .ph-bold.ph-circle-dashed:before {
      content: "\e602";
    }
    .ph-bold.ph-circle-half:before {
      content: "\e18c";
    }
    .ph-bold.ph-circle-half-tilt:before {
      content: "\e18e";
    }
    .ph-bold.ph-circle-notch:before {
      content: "\eb44";
    }
    .ph-bold.ph-circles-four:before {
      content: "\e190";
    }
    .ph-bold.ph-circles-three:before {
      content: "\e192";
    }
    .ph-bold.ph-circles-three-plus:before {
      content: "\e194";
    }
    .ph-bold.ph-circuitry:before {
      content: "\e9c2";
    }
    .ph-bold.ph-city:before {
      content: "\ea6a";
    }
    .ph-bold.ph-clipboard:before {
      content: "\e196";
    }
    .ph-bold.ph-clipboard-text:before {
      content: "\e198";
    }
    .ph-bold.ph-clock:before {
      content: "\e19a";
    }
    .ph-bold.ph-clock-afternoon:before {
      content: "\e19c";
    }
    .ph-bold.ph-clock-clockwise:before {
      content: "\e19e";
    }
    .ph-bold.ph-clock-countdown:before {
      content: "\ed2c";
    }
    .ph-bold.ph-clock-counter-clockwise:before {
      content: "\e1a0";
    }
    .ph-bold.ph-clock-user:before {
      content: "\edec";
    }
    .ph-bold.ph-closed-captioning:before {
      content: "\e1a4";
    }
    .ph-bold.ph-cloud:before {
      content: "\e1aa";
    }
    .ph-bold.ph-cloud-arrow-down:before {
      content: "\e1ac";
    }
    .ph-bold.ph-cloud-arrow-up:before {
      content: "\e1ae";
    }
    .ph-bold.ph-cloud-check:before {
      content: "\e1b0";
    }
    .ph-bold.ph-cloud-fog:before {
      content: "\e53c";
    }
    .ph-bold.ph-cloud-lightning:before {
      content: "\e1b2";
    }
    .ph-bold.ph-cloud-moon:before {
      content: "\e53e";
    }
    .ph-bold.ph-cloud-rain:before {
      content: "\e1b4";
    }
    .ph-bold.ph-cloud-slash:before {
      content: "\e1b6";
    }
    .ph-bold.ph-cloud-snow:before {
      content: "\e1b8";
    }
    .ph-bold.ph-cloud-sun:before {
      content: "\e540";
    }
    .ph-bold.ph-cloud-warning:before {
      content: "\ea98";
    }
    .ph-bold.ph-cloud-x:before {
      content: "\ea96";
    }
    .ph-bold.ph-clover:before {
      content: "\edc8";
    }
    .ph-bold.ph-club:before {
      content: "\e1ba";
    }
    .ph-bold.ph-coat-hanger:before {
      content: "\e7fe";
    }
    .ph-bold.ph-coda-logo:before {
      content: "\e7ce";
    }
    .ph-bold.ph-code:before {
      content: "\e1bc";
    }
    .ph-bold.ph-code-block:before {
      content: "\eafe";
    }
    .ph-bold.ph-code-simple:before {
      content: "\e1be";
    }
    .ph-bold.ph-codepen-logo:before {
      content: "\e978";
    }
    .ph-bold.ph-codesandbox-logo:before {
      content: "\ea06";
    }
    .ph-bold.ph-coffee:before {
      content: "\e1c2";
    }
    .ph-bold.ph-coffee-bean:before {
      content: "\e1c0";
    }
    .ph-bold.ph-coin:before {
      content: "\e60e";
    }
    .ph-bold.ph-coin-vertical:before {
      content: "\eb48";
    }
    .ph-bold.ph-coins:before {
      content: "\e78e";
    }
    .ph-bold.ph-columns:before {
      content: "\e546";
    }
    .ph-bold.ph-columns-plus-left:before {
      content: "\e544";
    }
    .ph-bold.ph-columns-plus-right:before {
      content: "\e542";
    }
    .ph-bold.ph-command:before {
      content: "\e1c4";
    }
    .ph-bold.ph-compass:before {
      content: "\e1c8";
    }
    .ph-bold.ph-compass-rose:before {
      content: "\e1c6";
    }
    .ph-bold.ph-compass-tool:before {
      content: "\ea0e";
    }
    .ph-bold.ph-computer-tower:before {
      content: "\e548";
    }
    .ph-bold.ph-confetti:before {
      content: "\e81a";
    }
    .ph-bold.ph-contactless-payment:before {
      content: "\ed42";
    }
    .ph-bold.ph-control:before {
      content: "\eca6";
    }
    .ph-bold.ph-cookie:before {
      content: "\e6ca";
    }
    .ph-bold.ph-cooking-pot:before {
      content: "\e764";
    }
    .ph-bold.ph-copy:before {
      content: "\e1ca";
    }
    .ph-bold.ph-copy-simple:before {
      content: "\e1cc";
    }
    .ph-bold.ph-copyleft:before {
      content: "\e86a";
    }
    .ph-bold.ph-copyright:before {
      content: "\e54a";
    }
    .ph-bold.ph-corners-in:before {
      content: "\e1ce";
    }
    .ph-bold.ph-corners-out:before {
      content: "\e1d0";
    }
    .ph-bold.ph-couch:before {
      content: "\e7f6";
    }
    .ph-bold.ph-court-basketball:before {
      content: "\ee36";
    }
    .ph-bold.ph-cow:before {
      content: "\eabe";
    }
    .ph-bold.ph-cowboy-hat:before {
      content: "\ed12";
    }
    .ph-bold.ph-cpu:before {
      content: "\e610";
    }
    .ph-bold.ph-crane:before {
      content: "\ed48";
    }
    .ph-bold.ph-crane-tower:before {
      content: "\ed49";
    }
    .ph-bold.ph-credit-card:before {
      content: "\e1d2";
    }
    .ph-bold.ph-cricket:before {
      content: "\ee12";
    }
    .ph-bold.ph-crop:before {
      content: "\e1d4";
    }
    .ph-bold.ph-cross:before {
      content: "\e8a0";
    }
    .ph-bold.ph-crosshair:before {
      content: "\e1d6";
    }
    .ph-bold.ph-crosshair-simple:before {
      content: "\e1d8";
    }
    .ph-bold.ph-crown:before {
      content: "\e614";
    }
    .ph-bold.ph-crown-cross:before {
      content: "\ee5e";
    }
    .ph-bold.ph-crown-simple:before {
      content: "\e616";
    }
    .ph-bold.ph-cube:before {
      content: "\e1da";
    }
    .ph-bold.ph-cube-focus:before {
      content: "\ed0a";
    }
    .ph-bold.ph-cube-transparent:before {
      content: "\ec7c";
    }
    .ph-bold.ph-currency-btc:before {
      content: "\e618";
    }
    .ph-bold.ph-currency-circle-dollar:before {
      content: "\e54c";
    }
    .ph-bold.ph-currency-cny:before {
      content: "\e54e";
    }
    .ph-bold.ph-currency-dollar:before {
      content: "\e550";
    }
    .ph-bold.ph-currency-dollar-simple:before {
      content: "\e552";
    }
    .ph-bold.ph-currency-eth:before {
      content: "\eada";
    }
    .ph-bold.ph-currency-eur:before {
      content: "\e554";
    }
    .ph-bold.ph-currency-gbp:before {
      content: "\e556";
    }
    .ph-bold.ph-currency-inr:before {
      content: "\e558";
    }
    .ph-bold.ph-currency-jpy:before {
      content: "\e55a";
    }
    .ph-bold.ph-currency-krw:before {
      content: "\e55c";
    }
    .ph-bold.ph-currency-kzt:before {
      content: "\ec4c";
    }
    .ph-bold.ph-currency-ngn:before {
      content: "\eb52";
    }
    .ph-bold.ph-currency-rub:before {
      content: "\e55e";
    }
    .ph-bold.ph-cursor:before {
      content: "\e1dc";
    }
    .ph-bold.ph-cursor-click:before {
      content: "\e7c8";
    }
    .ph-bold.ph-cursor-text:before {
      content: "\e7d8";
    }
    .ph-bold.ph-cylinder:before {
      content: "\e8fc";
    }
    .ph-bold.ph-database:before {
      content: "\e1de";
    }
    .ph-bold.ph-desk:before {
      content: "\ed16";
    }
    .ph-bold.ph-desktop:before {
      content: "\e560";
    }
    .ph-bold.ph-desktop-tower:before {
      content: "\e562";
    }
    .ph-bold.ph-detective:before {
      content: "\e83e";
    }
    .ph-bold.ph-dev-to-logo:before {
      content: "\ed0e";
    }
    .ph-bold.ph-device-mobile:before {
      content: "\e1e0";
    }
    .ph-bold.ph-device-mobile-camera:before {
      content: "\e1e2";
    }
    .ph-bold.ph-device-mobile-slash:before {
      content: "\ee46";
    }
    .ph-bold.ph-device-mobile-speaker:before {
      content: "\e1e4";
    }
    .ph-bold.ph-device-rotate:before {
      content: "\edf2";
    }
    .ph-bold.ph-device-tablet:before {
      content: "\e1e6";
    }
    .ph-bold.ph-device-tablet-camera:before {
      content: "\e1e8";
    }
    .ph-bold.ph-device-tablet-speaker:before {
      content: "\e1ea";
    }
    .ph-bold.ph-devices:before {
      content: "\eba4";
    }
    .ph-bold.ph-diamond:before {
      content: "\e1ec";
    }
    .ph-bold.ph-diamonds-four:before {
      content: "\e8f4";
    }
    .ph-bold.ph-dice-five:before {
      content: "\e1ee";
    }
    .ph-bold.ph-dice-four:before {
      content: "\e1f0";
    }
    .ph-bold.ph-dice-one:before {
      content: "\e1f2";
    }
    .ph-bold.ph-dice-six:before {
      content: "\e1f4";
    }
    .ph-bold.ph-dice-three:before {
      content: "\e1f6";
    }
    .ph-bold.ph-dice-two:before {
      content: "\e1f8";
    }
    .ph-bold.ph-disc:before {
      content: "\e564";
    }
    .ph-bold.ph-disco-ball:before {
      content: "\ed98";
    }
    .ph-bold.ph-discord-logo:before {
      content: "\e61a";
    }
    .ph-bold.ph-divide:before {
      content: "\e1fa";
    }
    .ph-bold.ph-dna:before {
      content: "\e924";
    }
    .ph-bold.ph-dog:before {
      content: "\e74a";
    }
    .ph-bold.ph-door:before {
      content: "\e61c";
    }
    .ph-bold.ph-door-open:before {
      content: "\e7e6";
    }
    .ph-bold.ph-dot:before {
      content: "\ecde";
    }
    .ph-bold.ph-dot-outline:before {
      content: "\ece0";
    }
    .ph-bold.ph-dots-nine:before {
      content: "\e1fc";
    }
    .ph-bold.ph-dots-six:before {
      content: "\e794";
    }
    .ph-bold.ph-dots-six-vertical:before {
      content: "\eae2";
    }
    .ph-bold.ph-dots-three:before {
      content: "\e1fe";
    }
    .ph-bold.ph-dots-three-circle:before {
      content: "\e200";
    }
    .ph-bold.ph-dots-three-circle-vertical:before {
      content: "\e202";
    }
    .ph-bold.ph-dots-three-outline:before {
      content: "\e204";
    }
    .ph-bold.ph-dots-three-outline-vertical:before {
      content: "\e206";
    }
    .ph-bold.ph-dots-three-vertical:before {
      content: "\e208";
    }
    .ph-bold.ph-download:before {
      content: "\e20a";
    }
    .ph-bold.ph-download-simple:before {
      content: "\e20c";
    }
    .ph-bold.ph-dress:before {
      content: "\ea7e";
    }
    .ph-bold.ph-dresser:before {
      content: "\e94e";
    }
    .ph-bold.ph-dribbble-logo:before {
      content: "\e20e";
    }
    .ph-bold.ph-drone:before {
      content: "\ed74";
    }
    .ph-bold.ph-drop:before {
      content: "\e210";
    }
    .ph-bold.ph-drop-half:before {
      content: "\e566";
    }
    .ph-bold.ph-drop-half-bottom:before {
      content: "\eb40";
    }
    .ph-bold.ph-drop-simple:before {
      content: "\ee32";
    }
    .ph-bold.ph-drop-slash:before {
      content: "\e954";
    }
    .ph-bold.ph-dropbox-logo:before {
      content: "\e7d0";
    }
    .ph-bold.ph-ear:before {
      content: "\e70c";
    }
    .ph-bold.ph-ear-slash:before {
      content: "\e70e";
    }
    .ph-bold.ph-egg:before {
      content: "\e812";
    }
    .ph-bold.ph-egg-crack:before {
      content: "\eb64";
    }
    .ph-bold.ph-eject:before {
      content: "\e212";
    }
    .ph-bold.ph-eject-simple:before {
      content: "\e6ae";
    }
    .ph-bold.ph-elevator:before {
      content: "\ecc0";
    }
    .ph-bold.ph-empty:before {
      content: "\edbc";
    }
    .ph-bold.ph-engine:before {
      content: "\ea80";
    }
    .ph-bold.ph-envelope:before {
      content: "\e214";
    }
    .ph-bold.ph-envelope-open:before {
      content: "\e216";
    }
    .ph-bold.ph-envelope-simple:before {
      content: "\e218";
    }
    .ph-bold.ph-envelope-simple-open:before {
      content: "\e21a";
    }
    .ph-bold.ph-equalizer:before {
      content: "\ebbc";
    }
    .ph-bold.ph-equals:before {
      content: "\e21c";
    }
    .ph-bold.ph-eraser:before {
      content: "\e21e";
    }
    .ph-bold.ph-escalator-down:before {
      content: "\ecba";
    }
    .ph-bold.ph-escalator-up:before {
      content: "\ecbc";
    }
    .ph-bold.ph-exam:before {
      content: "\e742";
    }
    .ph-bold.ph-exclamation-mark:before {
      content: "\ee44";
    }
    .ph-bold.ph-exclude:before {
      content: "\e882";
    }
    .ph-bold.ph-exclude-square:before {
      content: "\e880";
    }
    .ph-bold.ph-export:before {
      content: "\eaf0";
    }
    .ph-bold.ph-eye:before {
      content: "\e220";
    }
    .ph-bold.ph-eye-closed:before {
      content: "\e222";
    }
    .ph-bold.ph-eye-slash:before {
      content: "\e224";
    }
    .ph-bold.ph-eyedropper:before {
      content: "\e568";
    }
    .ph-bold.ph-eyedropper-sample:before {
      content: "\eac4";
    }
    .ph-bold.ph-eyeglasses:before {
      content: "\e7ba";
    }
    .ph-bold.ph-eyes:before {
      content: "\ee5c";
    }
    .ph-bold.ph-face-mask:before {
      content: "\e56a";
    }
    .ph-bold.ph-facebook-logo:before {
      content: "\e226";
    }
    .ph-bold.ph-factory:before {
      content: "\e760";
    }
    .ph-bold.ph-faders:before {
      content: "\e228";
    }
    .ph-bold.ph-faders-horizontal:before {
      content: "\e22a";
    }
    .ph-bold.ph-fallout-shelter:before {
      content: "\e9de";
    }
    .ph-bold.ph-fan:before {
      content: "\e9f2";
    }
    .ph-bold.ph-farm:before {
      content: "\ec70";
    }
    .ph-bold.ph-fast-forward:before {
      content: "\e6a6";
    }
    .ph-bold.ph-fast-forward-circle:before {
      content: "\e22c";
    }
    .ph-bold.ph-feather:before {
      content: "\e9c0";
    }
    .ph-bold.ph-fediverse-logo:before {
      content: "\ed66";
    }
    .ph-bold.ph-figma-logo:before {
      content: "\e22e";
    }
    .ph-bold.ph-file:before {
      content: "\e230";
    }
    .ph-bold.ph-file-archive:before {
      content: "\eb2a";
    }
    .ph-bold.ph-file-arrow-down:before {
      content: "\e232";
    }
    .ph-bold.ph-file-arrow-up:before {
      content: "\e61e";
    }
    .ph-bold.ph-file-audio:before {
      content: "\ea20";
    }
    .ph-bold.ph-file-c:before {
      content: "\eb32";
    }
    .ph-bold.ph-file-c-sharp:before {
      content: "\eb30";
    }
    .ph-bold.ph-file-cloud:before {
      content: "\e95e";
    }
    .ph-bold.ph-file-code:before {
      content: "\e914";
    }
    .ph-bold.ph-file-cpp:before {
      content: "\eb2e";
    }
    .ph-bold.ph-file-css:before {
      content: "\eb34";
    }
    .ph-bold.ph-file-csv:before {
      content: "\eb1c";
    }
    .ph-bold.ph-file-dashed:before {
      content: "\e704";
    }
    .ph-bold.ph-file-dotted:before {
      content: "\e704";
    }
    .ph-bold.ph-file-doc:before {
      content: "\eb1e";
    }
    .ph-bold.ph-file-html:before {
      content: "\eb38";
    }
    .ph-bold.ph-file-image:before {
      content: "\ea24";
    }
    .ph-bold.ph-file-ini:before {
      content: "\eb33";
    }
    .ph-bold.ph-file-jpg:before {
      content: "\eb1a";
    }
    .ph-bold.ph-file-js:before {
      content: "\eb24";
    }
    .ph-bold.ph-file-jsx:before {
      content: "\eb3a";
    }
    .ph-bold.ph-file-lock:before {
      content: "\e95c";
    }
    .ph-bold.ph-file-magnifying-glass:before {
      content: "\e238";
    }
    .ph-bold.ph-file-search:before {
      content: "\e238";
    }
    .ph-bold.ph-file-md:before {
      content: "\ed50";
    }
    .ph-bold.ph-file-minus:before {
      content: "\e234";
    }
    .ph-bold.ph-file-pdf:before {
      content: "\e702";
    }
    .ph-bold.ph-file-plus:before {
      content: "\e236";
    }
    .ph-bold.ph-file-png:before {
      content: "\eb18";
    }
    .ph-bold.ph-file-ppt:before {
      content: "\eb20";
    }
    .ph-bold.ph-file-py:before {
      content: "\eb2c";
    }
    .ph-bold.ph-file-rs:before {
      content: "\eb28";
    }
    .ph-bold.ph-file-sql:before {
      content: "\ed4e";
    }
    .ph-bold.ph-file-svg:before {
      content: "\ed08";
    }
    .ph-bold.ph-file-text:before {
      content: "\e23a";
    }
    .ph-bold.ph-file-ts:before {
      content: "\eb26";
    }
    .ph-bold.ph-file-tsx:before {
      content: "\eb3c";
    }
    .ph-bold.ph-file-txt:before {
      content: "\eb35";
    }
    .ph-bold.ph-file-video:before {
      content: "\ea22";
    }
    .ph-bold.ph-file-vue:before {
      content: "\eb3e";
    }
    .ph-bold.ph-file-x:before {
      content: "\e23c";
    }
    .ph-bold.ph-file-xls:before {
      content: "\eb22";
    }
    .ph-bold.ph-file-zip:before {
      content: "\e958";
    }
    .ph-bold.ph-files:before {
      content: "\e710";
    }
    .ph-bold.ph-film-reel:before {
      content: "\e8c0";
    }
    .ph-bold.ph-film-script:before {
      content: "\eb50";
    }
    .ph-bold.ph-film-slate:before {
      content: "\e8c2";
    }
    .ph-bold.ph-film-strip:before {
      content: "\e792";
    }
    .ph-bold.ph-fingerprint:before {
      content: "\e23e";
    }
    .ph-bold.ph-fingerprint-simple:before {
      content: "\e240";
    }
    .ph-bold.ph-finn-the-human:before {
      content: "\e56c";
    }
    .ph-bold.ph-fire:before {
      content: "\e242";
    }
    .ph-bold.ph-fire-extinguisher:before {
      content: "\e9e8";
    }
    .ph-bold.ph-fire-simple:before {
      content: "\e620";
    }
    .ph-bold.ph-fire-truck:before {
      content: "\e574";
    }
    .ph-bold.ph-first-aid:before {
      content: "\e56e";
    }
    .ph-bold.ph-first-aid-kit:before {
      content: "\e570";
    }
    .ph-bold.ph-fish:before {
      content: "\e728";
    }
    .ph-bold.ph-fish-simple:before {
      content: "\e72a";
    }
    .ph-bold.ph-flag:before {
      content: "\e244";
    }
    .ph-bold.ph-flag-banner:before {
      content: "\e622";
    }
    .ph-bold.ph-flag-banner-fold:before {
      content: "\ecf2";
    }
    .ph-bold.ph-flag-checkered:before {
      content: "\ea38";
    }
    .ph-bold.ph-flag-pennant:before {
      content: "\ecf0";
    }
    .ph-bold.ph-flame:before {
      content: "\e624";
    }
    .ph-bold.ph-flashlight:before {
      content: "\e246";
    }
    .ph-bold.ph-flask:before {
      content: "\e79e";
    }
    .ph-bold.ph-flip-horizontal:before {
      content: "\ed6a";
    }
    .ph-bold.ph-flip-vertical:before {
      content: "\ed6c";
    }
    .ph-bold.ph-floppy-disk:before {
      content: "\e248";
    }
    .ph-bold.ph-floppy-disk-back:before {
      content: "\eaf4";
    }
    .ph-bold.ph-flow-arrow:before {
      content: "\e6ec";
    }
    .ph-bold.ph-flower:before {
      content: "\e75e";
    }
    .ph-bold.ph-flower-lotus:before {
      content: "\e6cc";
    }
    .ph-bold.ph-flower-tulip:before {
      content: "\eacc";
    }
    .ph-bold.ph-flying-saucer:before {
      content: "\eb4a";
    }
    .ph-bold.ph-folder:before {
      content: "\e24a";
    }
    .ph-bold.ph-folder-notch:before {
      content: "\e24a";
    }
    .ph-bold.ph-folder-dashed:before {
      content: "\e8f8";
    }
    .ph-bold.ph-folder-dotted:before {
      content: "\e8f8";
    }
    .ph-bold.ph-folder-lock:before {
      content: "\ea3c";
    }
    .ph-bold.ph-folder-minus:before {
      content: "\e254";
    }
    .ph-bold.ph-folder-notch-minus:before {
      content: "\e254";
    }
    .ph-bold.ph-folder-open:before {
      content: "\e256";
    }
    .ph-bold.ph-folder-notch-open:before {
      content: "\e256";
    }
    .ph-bold.ph-folder-plus:before {
      content: "\e258";
    }
    .ph-bold.ph-folder-notch-plus:before {
      content: "\e258";
    }
    .ph-bold.ph-folder-simple:before {
      content: "\e25a";
    }
    .ph-bold.ph-folder-simple-dashed:before {
      content: "\ec2a";
    }
    .ph-bold.ph-folder-simple-dotted:before {
      content: "\ec2a";
    }
    .ph-bold.ph-folder-simple-lock:before {
      content: "\eb5e";
    }
    .ph-bold.ph-folder-simple-minus:before {
      content: "\e25c";
    }
    .ph-bold.ph-folder-simple-plus:before {
      content: "\e25e";
    }
    .ph-bold.ph-folder-simple-star:before {
      content: "\ec2e";
    }
    .ph-bold.ph-folder-simple-user:before {
      content: "\eb60";
    }
    .ph-bold.ph-folder-star:before {
      content: "\ea86";
    }
    .ph-bold.ph-folder-user:before {
      content: "\eb46";
    }
    .ph-bold.ph-folders:before {
      content: "\e260";
    }
    .ph-bold.ph-football:before {
      content: "\e718";
    }
    .ph-bold.ph-football-helmet:before {
      content: "\ee4c";
    }
    .ph-bold.ph-footprints:before {
      content: "\ea88";
    }
    .ph-bold.ph-fork-knife:before {
      content: "\e262";
    }
    .ph-bold.ph-four-k:before {
      content: "\ea5c";
    }
    .ph-bold.ph-frame-corners:before {
      content: "\e626";
    }
    .ph-bold.ph-framer-logo:before {
      content: "\e264";
    }
    .ph-bold.ph-function:before {
      content: "\ebe4";
    }
    .ph-bold.ph-funnel:before {
      content: "\e266";
    }
    .ph-bold.ph-funnel-simple:before {
      content: "\e268";
    }
    .ph-bold.ph-funnel-simple-x:before {
      content: "\e26a";
    }
    .ph-bold.ph-funnel-x:before {
      content: "\e26c";
    }
    .ph-bold.ph-game-controller:before {
      content: "\e26e";
    }
    .ph-bold.ph-garage:before {
      content: "\ecd6";
    }
    .ph-bold.ph-gas-can:before {
      content: "\e8ce";
    }
    .ph-bold.ph-gas-pump:before {
      content: "\e768";
    }
    .ph-bold.ph-gauge:before {
      content: "\e628";
    }
    .ph-bold.ph-gavel:before {
      content: "\ea32";
    }
    .ph-bold.ph-gear:before {
      content: "\e270";
    }
    .ph-bold.ph-gear-fine:before {
      content: "\e87c";
    }
    .ph-bold.ph-gear-six:before {
      content: "\e272";
    }
    .ph-bold.ph-gender-female:before {
      content: "\e6e0";
    }
    .ph-bold.ph-gender-intersex:before {
      content: "\e6e6";
    }
    .ph-bold.ph-gender-male:before {
      content: "\e6e2";
    }
    .ph-bold.ph-gender-neuter:before {
      content: "\e6ea";
    }
    .ph-bold.ph-gender-nonbinary:before {
      content: "\e6e4";
    }
    .ph-bold.ph-gender-transgender:before {
      content: "\e6e8";
    }
    .ph-bold.ph-ghost:before {
      content: "\e62a";
    }
    .ph-bold.ph-gif:before {
      content: "\e274";
    }
    .ph-bold.ph-gift:before {
      content: "\e276";
    }
    .ph-bold.ph-git-branch:before {
      content: "\e278";
    }
    .ph-bold.ph-git-commit:before {
      content: "\e27a";
    }
    .ph-bold.ph-git-diff:before {
      content: "\e27c";
    }
    .ph-bold.ph-git-fork:before {
      content: "\e27e";
    }
    .ph-bold.ph-git-merge:before {
      content: "\e280";
    }
    .ph-bold.ph-git-pull-request:before {
      content: "\e282";
    }
    .ph-bold.ph-github-logo:before {
      content: "\e576";
    }
    .ph-bold.ph-gitlab-logo:before {
      content: "\e694";
    }
    .ph-bold.ph-gitlab-logo-simple:before {
      content: "\e696";
    }
    .ph-bold.ph-globe:before {
      content: "\e288";
    }
    .ph-bold.ph-globe-hemisphere-east:before {
      content: "\e28a";
    }
    .ph-bold.ph-globe-hemisphere-west:before {
      content: "\e28c";
    }
    .ph-bold.ph-globe-simple:before {
      content: "\e28e";
    }
    .ph-bold.ph-globe-simple-x:before {
      content: "\e284";
    }
    .ph-bold.ph-globe-stand:before {
      content: "\e290";
    }
    .ph-bold.ph-globe-x:before {
      content: "\e286";
    }
    .ph-bold.ph-goggles:before {
      content: "\ecb4";
    }
    .ph-bold.ph-golf:before {
      content: "\ea3e";
    }
    .ph-bold.ph-goodreads-logo:before {
      content: "\ed10";
    }
    .ph-bold.ph-google-cardboard-logo:before {
      content: "\e7b6";
    }
    .ph-bold.ph-google-chrome-logo:before {
      content: "\e976";
    }
    .ph-bold.ph-google-drive-logo:before {
      content: "\e8f6";
    }
    .ph-bold.ph-google-logo:before {
      content: "\e292";
    }
    .ph-bold.ph-google-photos-logo:before {
      content: "\eb92";
    }
    .ph-bold.ph-google-play-logo:before {
      content: "\e294";
    }
    .ph-bold.ph-google-podcasts-logo:before {
      content: "\eb94";
    }
    .ph-bold.ph-gps:before {
      content: "\edd8";
    }
    .ph-bold.ph-gps-fix:before {
      content: "\edd6";
    }
    .ph-bold.ph-gps-slash:before {
      content: "\edd4";
    }
    .ph-bold.ph-gradient:before {
      content: "\eb42";
    }
    .ph-bold.ph-graduation-cap:before {
      content: "\e62c";
    }
    .ph-bold.ph-grains:before {
      content: "\ec68";
    }
    .ph-bold.ph-grains-slash:before {
      content: "\ec6a";
    }
    .ph-bold.ph-graph:before {
      content: "\eb58";
    }
    .ph-bold.ph-graphics-card:before {
      content: "\e612";
    }
    .ph-bold.ph-greater-than:before {
      content: "\edc4";
    }
    .ph-bold.ph-greater-than-or-equal:before {
      content: "\eda2";
    }
    .ph-bold.ph-grid-four:before {
      content: "\e296";
    }
    .ph-bold.ph-grid-nine:before {
      content: "\ec8c";
    }
    .ph-bold.ph-guitar:before {
      content: "\ea8a";
    }
    .ph-bold.ph-hair-dryer:before {
      content: "\ea66";
    }
    .ph-bold.ph-hamburger:before {
      content: "\e790";
    }
    .ph-bold.ph-hammer:before {
      content: "\e80e";
    }
    .ph-bold.ph-hand:before {
      content: "\e298";
    }
    .ph-bold.ph-hand-arrow-down:before {
      content: "\ea4e";
    }
    .ph-bold.ph-hand-arrow-up:before {
      content: "\ee5a";
    }
    .ph-bold.ph-hand-coins:before {
      content: "\ea8c";
    }
    .ph-bold.ph-hand-deposit:before {
      content: "\ee82";
    }
    .ph-bold.ph-hand-eye:before {
      content: "\ea4c";
    }
    .ph-bold.ph-hand-fist:before {
      content: "\e57a";
    }
    .ph-bold.ph-hand-grabbing:before {
      content: "\e57c";
    }
    .ph-bold.ph-hand-heart:before {
      content: "\e810";
    }
    .ph-bold.ph-hand-palm:before {
      content: "\e57e";
    }
    .ph-bold.ph-hand-peace:before {
      content: "\e7cc";
    }
    .ph-bold.ph-hand-pointing:before {
      content: "\e29a";
    }
    .ph-bold.ph-hand-soap:before {
      content: "\e630";
    }
    .ph-bold.ph-hand-swipe-left:before {
      content: "\ec94";
    }
    .ph-bold.ph-hand-swipe-right:before {
      content: "\ec92";
    }
    .ph-bold.ph-hand-tap:before {
      content: "\ec90";
    }
    .ph-bold.ph-hand-waving:before {
      content: "\e580";
    }
    .ph-bold.ph-hand-withdraw:before {
      content: "\ee80";
    }
    .ph-bold.ph-handbag:before {
      content: "\e29c";
    }
    .ph-bold.ph-handbag-simple:before {
      content: "\e62e";
    }
    .ph-bold.ph-hands-clapping:before {
      content: "\e6a0";
    }
    .ph-bold.ph-hands-praying:before {
      content: "\ecc8";
    }
    .ph-bold.ph-handshake:before {
      content: "\e582";
    }
    .ph-bold.ph-hard-drive:before {
      content: "\e29e";
    }
    .ph-bold.ph-hard-drives:before {
      content: "\e2a0";
    }
    .ph-bold.ph-hard-hat:before {
      content: "\ed46";
    }
    .ph-bold.ph-hash:before {
      content: "\e2a2";
    }
    .ph-bold.ph-hash-straight:before {
      content: "\e2a4";
    }
    .ph-bold.ph-head-circuit:before {
      content: "\e7d4";
    }
    .ph-bold.ph-headlights:before {
      content: "\e6fe";
    }
    .ph-bold.ph-headphones:before {
      content: "\e2a6";
    }
    .ph-bold.ph-headset:before {
      content: "\e584";
    }
    .ph-bold.ph-heart:before {
      content: "\e2a8";
    }
    .ph-bold.ph-heart-break:before {
      content: "\ebe8";
    }
    .ph-bold.ph-heart-half:before {
      content: "\ec48";
    }
    .ph-bold.ph-heart-straight:before {
      content: "\e2aa";
    }
    .ph-bold.ph-heart-straight-break:before {
      content: "\eb98";
    }
    .ph-bold.ph-heartbeat:before {
      content: "\e2ac";
    }
    .ph-bold.ph-hexagon:before {
      content: "\e2ae";
    }
    .ph-bold.ph-high-definition:before {
      content: "\ea8e";
    }
    .ph-bold.ph-high-heel:before {
      content: "\e8e8";
    }
    .ph-bold.ph-highlighter:before {
      content: "\ec76";
    }
    .ph-bold.ph-highlighter-circle:before {
      content: "\e632";
    }
    .ph-bold.ph-hockey:before {
      content: "\ec86";
    }
    .ph-bold.ph-hoodie:before {
      content: "\ecd0";
    }
    .ph-bold.ph-horse:before {
      content: "\e2b0";
    }
    .ph-bold.ph-hospital:before {
      content: "\e844";
    }
    .ph-bold.ph-hourglass:before {
      content: "\e2b2";
    }
    .ph-bold.ph-hourglass-high:before {
      content: "\e2b4";
    }
    .ph-bold.ph-hourglass-low:before {
      content: "\e2b6";
    }
    .ph-bold.ph-hourglass-medium:before {
      content: "\e2b8";
    }
    .ph-bold.ph-hourglass-simple:before {
      content: "\e2ba";
    }
    .ph-bold.ph-hourglass-simple-high:before {
      content: "\e2bc";
    }
    .ph-bold.ph-hourglass-simple-low:before {
      content: "\e2be";
    }
    .ph-bold.ph-hourglass-simple-medium:before {
      content: "\e2c0";
    }
    .ph-bold.ph-house:before {
      content: "\e2c2";
    }
    .ph-bold.ph-house-line:before {
      content: "\e2c4";
    }
    .ph-bold.ph-house-simple:before {
      content: "\e2c6";
    }
    .ph-bold.ph-hurricane:before {
      content: "\e88e";
    }
    .ph-bold.ph-ice-cream:before {
      content: "\e804";
    }
    .ph-bold.ph-identification-badge:before {
      content: "\e6f6";
    }
    .ph-bold.ph-identification-card:before {
      content: "\e2c8";
    }
    .ph-bold.ph-image:before {
      content: "\e2ca";
    }
    .ph-bold.ph-image-broken:before {
      content: "\e7a8";
    }
    .ph-bold.ph-image-square:before {
      content: "\e2cc";
    }
    .ph-bold.ph-images:before {
      content: "\e836";
    }
    .ph-bold.ph-images-square:before {
      content: "\e834";
    }
    .ph-bold.ph-infinity:before {
      content: "\e634";
    }
    .ph-bold.ph-lemniscate:before {
      content: "\e634";
    }
    .ph-bold.ph-info:before {
      content: "\e2ce";
    }
    .ph-bold.ph-instagram-logo:before {
      content: "\e2d0";
    }
    .ph-bold.ph-intersect:before {
      content: "\e2d2";
    }
    .ph-bold.ph-intersect-square:before {
      content: "\e87a";
    }
    .ph-bold.ph-intersect-three:before {
      content: "\ecc4";
    }
    .ph-bold.ph-intersection:before {
      content: "\edba";
    }
    .ph-bold.ph-invoice:before {
      content: "\ee42";
    }
    .ph-bold.ph-island:before {
      content: "\ee06";
    }
    .ph-bold.ph-jar:before {
      content: "\e7e0";
    }
    .ph-bold.ph-jar-label:before {
      content: "\e7e1";
    }
    .ph-bold.ph-jeep:before {
      content: "\e2d4";
    }
    .ph-bold.ph-joystick:before {
      content: "\ea5e";
    }
    .ph-bold.ph-kanban:before {
      content: "\eb54";
    }
    .ph-bold.ph-key:before {
      content: "\e2d6";
    }
    .ph-bold.ph-key-return:before {
      content: "\e782";
    }
    .ph-bold.ph-keyboard:before {
      content: "\e2d8";
    }
    .ph-bold.ph-keyhole:before {
      content: "\ea78";
    }
    .ph-bold.ph-knife:before {
      content: "\e636";
    }
    .ph-bold.ph-ladder:before {
      content: "\e9e4";
    }
    .ph-bold.ph-ladder-simple:before {
      content: "\ec26";
    }
    .ph-bold.ph-lamp:before {
      content: "\e638";
    }
    .ph-bold.ph-lamp-pendant:before {
      content: "\ee2e";
    }
    .ph-bold.ph-laptop:before {
      content: "\e586";
    }
    .ph-bold.ph-lasso:before {
      content: "\edc6";
    }
    .ph-bold.ph-lastfm-logo:before {
      content: "\e842";
    }
    .ph-bold.ph-layout:before {
      content: "\e6d6";
    }
    .ph-bold.ph-leaf:before {
      content: "\e2da";
    }
    .ph-bold.ph-lectern:before {
      content: "\e95a";
    }
    .ph-bold.ph-lego:before {
      content: "\e8c6";
    }
    .ph-bold.ph-lego-smiley:before {
      content: "\e8c7";
    }
    .ph-bold.ph-less-than:before {
      content: "\edac";
    }
    .ph-bold.ph-less-than-or-equal:before {
      content: "\eda4";
    }
    .ph-bold.ph-letter-circle-h:before {
      content: "\ebf8";
    }
    .ph-bold.ph-letter-circle-p:before {
      content: "\ec08";
    }
    .ph-bold.ph-letter-circle-v:before {
      content: "\ec14";
    }
    .ph-bold.ph-lifebuoy:before {
      content: "\e63a";
    }
    .ph-bold.ph-lightbulb:before {
      content: "\e2dc";
    }
    .ph-bold.ph-lightbulb-filament:before {
      content: "\e63c";
    }
    .ph-bold.ph-lighthouse:before {
      content: "\e9f6";
    }
    .ph-bold.ph-lightning:before {
      content: "\e2de";
    }
    .ph-bold.ph-lightning-a:before {
      content: "\ea84";
    }
    .ph-bold.ph-lightning-slash:before {
      content: "\e2e0";
    }
    .ph-bold.ph-line-segment:before {
      content: "\e6d2";
    }
    .ph-bold.ph-line-segments:before {
      content: "\e6d4";
    }
    .ph-bold.ph-line-vertical:before {
      content: "\ed70";
    }
    .ph-bold.ph-link:before {
      content: "\e2e2";
    }
    .ph-bold.ph-link-break:before {
      content: "\e2e4";
    }
    .ph-bold.ph-link-simple:before {
      content: "\e2e6";
    }
    .ph-bold.ph-link-simple-break:before {
      content: "\e2e8";
    }
    .ph-bold.ph-link-simple-horizontal:before {
      content: "\e2ea";
    }
    .ph-bold.ph-link-simple-horizontal-break:before {
      content: "\e2ec";
    }
    .ph-bold.ph-linkedin-logo:before {
      content: "\e2ee";
    }
    .ph-bold.ph-linktree-logo:before {
      content: "\edee";
    }
    .ph-bold.ph-linux-logo:before {
      content: "\eb02";
    }
    .ph-bold.ph-list:before {
      content: "\e2f0";
    }
    .ph-bold.ph-list-bullets:before {
      content: "\e2f2";
    }
    .ph-bold.ph-list-checks:before {
      content: "\eadc";
    }
    .ph-bold.ph-list-dashes:before {
      content: "\e2f4";
    }
    .ph-bold.ph-list-heart:before {
      content: "\ebde";
    }
    .ph-bold.ph-list-magnifying-glass:before {
      content: "\ebe0";
    }
    .ph-bold.ph-list-numbers:before {
      content: "\e2f6";
    }
    .ph-bold.ph-list-plus:before {
      content: "\e2f8";
    }
    .ph-bold.ph-list-star:before {
      content: "\ebdc";
    }
    .ph-bold.ph-lock:before {
      content: "\e2fa";
    }
    .ph-bold.ph-lock-key:before {
      content: "\e2fe";
    }
    .ph-bold.ph-lock-key-open:before {
      content: "\e300";
    }
    .ph-bold.ph-lock-laminated:before {
      content: "\e302";
    }
    .ph-bold.ph-lock-laminated-open:before {
      content: "\e304";
    }
    .ph-bold.ph-lock-open:before {
      content: "\e306";
    }
    .ph-bold.ph-lock-simple:before {
      content: "\e308";
    }
    .ph-bold.ph-lock-simple-open:before {
      content: "\e30a";
    }
    .ph-bold.ph-lockers:before {
      content: "\ecb8";
    }
    .ph-bold.ph-log:before {
      content: "\ed82";
    }
    .ph-bold.ph-magic-wand:before {
      content: "\e6b6";
    }
    .ph-bold.ph-magnet:before {
      content: "\e680";
    }
    .ph-bold.ph-magnet-straight:before {
      content: "\e682";
    }
    .ph-bold.ph-magnifying-glass:before {
      content: "\e30c";
    }
    .ph-bold.ph-magnifying-glass-minus:before {
      content: "\e30e";
    }
    .ph-bold.ph-magnifying-glass-plus:before {
      content: "\e310";
    }
    .ph-bold.ph-mailbox:before {
      content: "\ec1e";
    }
    .ph-bold.ph-map-pin:before {
      content: "\e316";
    }
    .ph-bold.ph-map-pin-area:before {
      content: "\ee3a";
    }
    .ph-bold.ph-map-pin-line:before {
      content: "\e318";
    }
    .ph-bold.ph-map-pin-plus:before {
      content: "\e314";
    }
    .ph-bold.ph-map-pin-simple:before {
      content: "\ee3e";
    }
    .ph-bold.ph-map-pin-simple-area:before {
      content: "\ee3c";
    }
    .ph-bold.ph-map-pin-simple-line:before {
      content: "\ee38";
    }
    .ph-bold.ph-map-trifold:before {
      content: "\e31a";
    }
    .ph-bold.ph-markdown-logo:before {
      content: "\e508";
    }
    .ph-bold.ph-marker-circle:before {
      content: "\e640";
    }
    .ph-bold.ph-martini:before {
      content: "\e31c";
    }
    .ph-bold.ph-mask-happy:before {
      content: "\e9f4";
    }
    .ph-bold.ph-mask-sad:before {
      content: "\eb9e";
    }
    .ph-bold.ph-mastodon-logo:before {
      content: "\ed68";
    }
    .ph-bold.ph-math-operations:before {
      content: "\e31e";
    }
    .ph-bold.ph-matrix-logo:before {
      content: "\ed64";
    }
    .ph-bold.ph-medal:before {
      content: "\e320";
    }
    .ph-bold.ph-medal-military:before {
      content: "\ecfc";
    }
    .ph-bold.ph-medium-logo:before {
      content: "\e322";
    }
    .ph-bold.ph-megaphone:before {
      content: "\e324";
    }
    .ph-bold.ph-megaphone-simple:before {
      content: "\e642";
    }
    .ph-bold.ph-member-of:before {
      content: "\edc2";
    }
    .ph-bold.ph-memory:before {
      content: "\e9c4";
    }
    .ph-bold.ph-messenger-logo:before {
      content: "\e6d8";
    }
    .ph-bold.ph-meta-logo:before {
      content: "\ed02";
    }
    .ph-bold.ph-meteor:before {
      content: "\e9ba";
    }
    .ph-bold.ph-metronome:before {
      content: "\ec8e";
    }
    .ph-bold.ph-microphone:before {
      content: "\e326";
    }
    .ph-bold.ph-microphone-slash:before {
      content: "\e328";
    }
    .ph-bold.ph-microphone-stage:before {
      content: "\e75c";
    }
    .ph-bold.ph-microscope:before {
      content: "\ec7a";
    }
    .ph-bold.ph-microsoft-excel-logo:before {
      content: "\eb6c";
    }
    .ph-bold.ph-microsoft-outlook-logo:before {
      content: "\eb70";
    }
    .ph-bold.ph-microsoft-powerpoint-logo:before {
      content: "\eace";
    }
    .ph-bold.ph-microsoft-teams-logo:before {
      content: "\eb66";
    }
    .ph-bold.ph-microsoft-word-logo:before {
      content: "\eb6a";
    }
    .ph-bold.ph-minus:before {
      content: "\e32a";
    }
    .ph-bold.ph-minus-circle:before {
      content: "\e32c";
    }
    .ph-bold.ph-minus-square:before {
      content: "\ed4c";
    }
    .ph-bold.ph-money:before {
      content: "\e588";
    }
    .ph-bold.ph-money-wavy:before {
      content: "\ee68";
    }
    .ph-bold.ph-monitor:before {
      content: "\e32e";
    }
    .ph-bold.ph-monitor-arrow-up:before {
      content: "\e58a";
    }
    .ph-bold.ph-monitor-play:before {
      content: "\e58c";
    }
    .ph-bold.ph-moon:before {
      content: "\e330";
    }
    .ph-bold.ph-moon-stars:before {
      content: "\e58e";
    }
    .ph-bold.ph-moped:before {
      content: "\e824";
    }
    .ph-bold.ph-moped-front:before {
      content: "\e822";
    }
    .ph-bold.ph-mosque:before {
      content: "\ecee";
    }
    .ph-bold.ph-motorcycle:before {
      content: "\e80a";
    }
    .ph-bold.ph-mountains:before {
      content: "\e7ae";
    }
    .ph-bold.ph-mouse:before {
      content: "\e33a";
    }
    .ph-bold.ph-mouse-left-click:before {
      content: "\e334";
    }
    .ph-bold.ph-mouse-middle-click:before {
      content: "\e338";
    }
    .ph-bold.ph-mouse-right-click:before {
      content: "\e336";
    }
    .ph-bold.ph-mouse-scroll:before {
      content: "\e332";
    }
    .ph-bold.ph-mouse-simple:before {
      content: "\e644";
    }
    .ph-bold.ph-music-note:before {
      content: "\e33c";
    }
    .ph-bold.ph-music-note-simple:before {
      content: "\e33e";
    }
    .ph-bold.ph-music-notes:before {
      content: "\e340";
    }
    .ph-bold.ph-music-notes-minus:before {
      content: "\ee0c";
    }
    .ph-bold.ph-music-notes-plus:before {
      content: "\eb7c";
    }
    .ph-bold.ph-music-notes-simple:before {
      content: "\e342";
    }
    .ph-bold.ph-navigation-arrow:before {
      content: "\eade";
    }
    .ph-bold.ph-needle:before {
      content: "\e82e";
    }
    .ph-bold.ph-network:before {
      content: "\edde";
    }
    .ph-bold.ph-network-slash:before {
      content: "\eddc";
    }
    .ph-bold.ph-network-x:before {
      content: "\edda";
    }
    .ph-bold.ph-newspaper:before {
      content: "\e344";
    }
    .ph-bold.ph-newspaper-clipping:before {
      content: "\e346";
    }
    .ph-bold.ph-not-equals:before {
      content: "\eda6";
    }
    .ph-bold.ph-not-member-of:before {
      content: "\edae";
    }
    .ph-bold.ph-not-subset-of:before {
      content: "\edb0";
    }
    .ph-bold.ph-not-superset-of:before {
      content: "\edb2";
    }
    .ph-bold.ph-notches:before {
      content: "\ed3a";
    }
    .ph-bold.ph-note:before {
      content: "\e348";
    }
    .ph-bold.ph-note-blank:before {
      content: "\e34a";
    }
    .ph-bold.ph-note-pencil:before {
      content: "\e34c";
    }
    .ph-bold.ph-notebook:before {
      content: "\e34e";
    }
    .ph-bold.ph-notepad:before {
      content: "\e63e";
    }
    .ph-bold.ph-notification:before {
      content: "\e6fa";
    }
    .ph-bold.ph-notion-logo:before {
      content: "\e9a0";
    }
    .ph-bold.ph-nuclear-plant:before {
      content: "\ed7c";
    }
    .ph-bold.ph-number-circle-eight:before {
      content: "\e352";
    }
    .ph-bold.ph-number-circle-five:before {
      content: "\e358";
    }
    .ph-bold.ph-number-circle-four:before {
      content: "\e35e";
    }
    .ph-bold.ph-number-circle-nine:before {
      content: "\e364";
    }
    .ph-bold.ph-number-circle-one:before {
      content: "\e36a";
    }
    .ph-bold.ph-number-circle-seven:before {
      content: "\e370";
    }
    .ph-bold.ph-number-circle-six:before {
      content: "\e376";
    }
    .ph-bold.ph-number-circle-three:before {
      content: "\e37c";
    }
    .ph-bold.ph-number-circle-two:before {
      content: "\e382";
    }
    .ph-bold.ph-number-circle-zero:before {
      content: "\e388";
    }
    .ph-bold.ph-number-eight:before {
      content: "\e350";
    }
    .ph-bold.ph-number-five:before {
      content: "\e356";
    }
    .ph-bold.ph-number-four:before {
      content: "\e35c";
    }
    .ph-bold.ph-number-nine:before {
      content: "\e362";
    }
    .ph-bold.ph-number-one:before {
      content: "\e368";
    }
    .ph-bold.ph-number-seven:before {
      content: "\e36e";
    }
    .ph-bold.ph-number-six:before {
      content: "\e374";
    }
    .ph-bold.ph-number-square-eight:before {
      content: "\e354";
    }
    .ph-bold.ph-number-square-five:before {
      content: "\e35a";
    }
    .ph-bold.ph-number-square-four:before {
      content: "\e360";
    }
    .ph-bold.ph-number-square-nine:before {
      content: "\e366";
    }
    .ph-bold.ph-number-square-one:before {
      content: "\e36c";
    }
    .ph-bold.ph-number-square-seven:before {
      content: "\e372";
    }
    .ph-bold.ph-number-square-six:before {
      content: "\e378";
    }
    .ph-bold.ph-number-square-three:before {
      content: "\e37e";
    }
    .ph-bold.ph-number-square-two:before {
      content: "\e384";
    }
    .ph-bold.ph-number-square-zero:before {
      content: "\e38a";
    }
    .ph-bold.ph-number-three:before {
      content: "\e37a";
    }
    .ph-bold.ph-number-two:before {
      content: "\e380";
    }
    .ph-bold.ph-number-zero:before {
      content: "\e386";
    }
    .ph-bold.ph-numpad:before {
      content: "\e3c8";
    }
    .ph-bold.ph-nut:before {
      content: "\e38c";
    }
    .ph-bold.ph-ny-times-logo:before {
      content: "\e646";
    }
    .ph-bold.ph-octagon:before {
      content: "\e38e";
    }
    .ph-bold.ph-office-chair:before {
      content: "\ea46";
    }
    .ph-bold.ph-onigiri:before {
      content: "\ee2c";
    }
    .ph-bold.ph-open-ai-logo:before {
      content: "\e7d2";
    }
    .ph-bold.ph-option:before {
      content: "\e8a8";
    }
    .ph-bold.ph-orange:before {
      content: "\ee40";
    }
    .ph-bold.ph-orange-slice:before {
      content: "\ed36";
    }
    .ph-bold.ph-oven:before {
      content: "\ed8c";
    }
    .ph-bold.ph-package:before {
      content: "\e390";
    }
    .ph-bold.ph-paint-brush:before {
      content: "\e6f0";
    }
    .ph-bold.ph-paint-brush-broad:before {
      content: "\e590";
    }
    .ph-bold.ph-paint-brush-household:before {
      content: "\e6f2";
    }
    .ph-bold.ph-paint-bucket:before {
      content: "\e392";
    }
    .ph-bold.ph-paint-roller:before {
      content: "\e6f4";
    }
    .ph-bold.ph-palette:before {
      content: "\e6c8";
    }
    .ph-bold.ph-panorama:before {
      content: "\eaa2";
    }
    .ph-bold.ph-pants:before {
      content: "\ec88";
    }
    .ph-bold.ph-paper-plane:before {
      content: "\e394";
    }
    .ph-bold.ph-paper-plane-right:before {
      content: "\e396";
    }
    .ph-bold.ph-paper-plane-tilt:before {
      content: "\e398";
    }
    .ph-bold.ph-paperclip:before {
      content: "\e39a";
    }
    .ph-bold.ph-paperclip-horizontal:before {
      content: "\e592";
    }
    .ph-bold.ph-parachute:before {
      content: "\ea7c";
    }
    .ph-bold.ph-paragraph:before {
      content: "\e960";
    }
    .ph-bold.ph-parallelogram:before {
      content: "\ecc6";
    }
    .ph-bold.ph-park:before {
      content: "\ecb2";
    }
    .ph-bold.ph-password:before {
      content: "\e752";
    }
    .ph-bold.ph-path:before {
      content: "\e39c";
    }
    .ph-bold.ph-patreon-logo:before {
      content: "\e98a";
    }
    .ph-bold.ph-pause:before {
      content: "\e39e";
    }
    .ph-bold.ph-pause-circle:before {
      content: "\e3a0";
    }
    .ph-bold.ph-paw-print:before {
      content: "\e648";
    }
    .ph-bold.ph-paypal-logo:before {
      content: "\e98c";
    }
    .ph-bold.ph-peace:before {
      content: "\e3a2";
    }
    .ph-bold.ph-pen:before {
      content: "\e3aa";
    }
    .ph-bold.ph-pen-nib:before {
      content: "\e3ac";
    }
    .ph-bold.ph-pen-nib-straight:before {
      content: "\e64a";
    }
    .ph-bold.ph-pencil:before {
      content: "\e3ae";
    }
    .ph-bold.ph-pencil-circle:before {
      content: "\e3b0";
    }
    .ph-bold.ph-pencil-line:before {
      content: "\e3b2";
    }
    .ph-bold.ph-pencil-ruler:before {
      content: "\e906";
    }
    .ph-bold.ph-pencil-simple:before {
      content: "\e3b4";
    }
    .ph-bold.ph-pencil-simple-line:before {
      content: "\ebc6";
    }
    .ph-bold.ph-pencil-simple-slash:before {
      content: "\ecf6";
    }
    .ph-bold.ph-pencil-slash:before {
      content: "\ecf8";
    }
    .ph-bold.ph-pentagon:before {
      content: "\ec7e";
    }
    .ph-bold.ph-pentagram:before {
      content: "\ec5c";
    }
    .ph-bold.ph-pepper:before {
      content: "\e94a";
    }
    .ph-bold.ph-percent:before {
      content: "\e3b6";
    }
    .ph-bold.ph-person:before {
      content: "\e3a8";
    }
    .ph-bold.ph-person-arms-spread:before {
      content: "\ecfe";
    }
    .ph-bold.ph-person-simple:before {
      content: "\e72e";
    }
    .ph-bold.ph-person-simple-bike:before {
      content: "\e734";
    }
    .ph-bold.ph-person-simple-circle:before {
      content: "\ee58";
    }
    .ph-bold.ph-person-simple-hike:before {
      content: "\ed54";
    }
    .ph-bold.ph-person-simple-run:before {
      content: "\e730";
    }
    .ph-bold.ph-person-simple-ski:before {
      content: "\e71c";
    }
    .ph-bold.ph-person-simple-snowboard:before {
      content: "\e71e";
    }
    .ph-bold.ph-person-simple-swim:before {
      content: "\e736";
    }
    .ph-bold.ph-person-simple-tai-chi:before {
      content: "\ed5c";
    }
    .ph-bold.ph-person-simple-throw:before {
      content: "\e732";
    }
    .ph-bold.ph-person-simple-walk:before {
      content: "\e73a";
    }
    .ph-bold.ph-perspective:before {
      content: "\ebe6";
    }
    .ph-bold.ph-phone:before {
      content: "\e3b8";
    }
    .ph-bold.ph-phone-call:before {
      content: "\e3ba";
    }
    .ph-bold.ph-phone-disconnect:before {
      content: "\e3bc";
    }
    .ph-bold.ph-phone-incoming:before {
      content: "\e3be";
    }
    .ph-bold.ph-phone-list:before {
      content: "\e3cc";
    }
    .ph-bold.ph-phone-outgoing:before {
      content: "\e3c0";
    }
    .ph-bold.ph-phone-pause:before {
      content: "\e3ca";
    }
    .ph-bold.ph-phone-plus:before {
      content: "\ec56";
    }
    .ph-bold.ph-phone-slash:before {
      content: "\e3c2";
    }
    .ph-bold.ph-phone-transfer:before {
      content: "\e3c6";
    }
    .ph-bold.ph-phone-x:before {
      content: "\e3c4";
    }
    .ph-bold.ph-phosphor-logo:before {
      content: "\e3ce";
    }
    .ph-bold.ph-pi:before {
      content: "\ec80";
    }
    .ph-bold.ph-piano-keys:before {
      content: "\e9c8";
    }
    .ph-bold.ph-picnic-table:before {
      content: "\ee26";
    }
    .ph-bold.ph-picture-in-picture:before {
      content: "\e64c";
    }
    .ph-bold.ph-piggy-bank:before {
      content: "\ea04";
    }
    .ph-bold.ph-pill:before {
      content: "\e700";
    }
    .ph-bold.ph-ping-pong:before {
      content: "\ea42";
    }
    .ph-bold.ph-pint-glass:before {
      content: "\edd0";
    }
    .ph-bold.ph-pinterest-logo:before {
      content: "\e64e";
    }
    .ph-bold.ph-pinwheel:before {
      content: "\eb9c";
    }
    .ph-bold.ph-pipe:before {
      content: "\ed86";
    }
    .ph-bold.ph-pipe-wrench:before {
      content: "\ed88";
    }
    .ph-bold.ph-pix-logo:before {
      content: "\ecc2";
    }
    .ph-bold.ph-pizza:before {
      content: "\e796";
    }
    .ph-bold.ph-placeholder:before {
      content: "\e650";
    }
    .ph-bold.ph-planet:before {
      content: "\e652";
    }
    .ph-bold.ph-plant:before {
      content: "\ebae";
    }
    .ph-bold.ph-play:before {
      content: "\e3d0";
    }
    .ph-bold.ph-play-circle:before {
      content: "\e3d2";
    }
    .ph-bold.ph-play-pause:before {
      content: "\e8be";
    }
    .ph-bold.ph-playlist:before {
      content: "\e6aa";
    }
    .ph-bold.ph-plug:before {
      content: "\e946";
    }
    .ph-bold.ph-plug-charging:before {
      content: "\eb5c";
    }
    .ph-bold.ph-plugs:before {
      content: "\eb56";
    }
    .ph-bold.ph-plugs-connected:before {
      content: "\eb5a";
    }
    .ph-bold.ph-plus:before {
      content: "\e3d4";
    }
    .ph-bold.ph-plus-circle:before {
      content: "\e3d6";
    }
    .ph-bold.ph-plus-minus:before {
      content: "\e3d8";
    }
    .ph-bold.ph-plus-square:before {
      content: "\ed4a";
    }
    .ph-bold.ph-poker-chip:before {
      content: "\e594";
    }
    .ph-bold.ph-police-car:before {
      content: "\ec4a";
    }
    .ph-bold.ph-polygon:before {
      content: "\e6d0";
    }
    .ph-bold.ph-popcorn:before {
      content: "\eb4e";
    }
    .ph-bold.ph-popsicle:before {
      content: "\ebbe";
    }
    .ph-bold.ph-potted-plant:before {
      content: "\ec22";
    }
    .ph-bold.ph-power:before {
      content: "\e3da";
    }
    .ph-bold.ph-prescription:before {
      content: "\e7a2";
    }
    .ph-bold.ph-presentation:before {
      content: "\e654";
    }
    .ph-bold.ph-presentation-chart:before {
      content: "\e656";
    }
    .ph-bold.ph-printer:before {
      content: "\e3dc";
    }
    .ph-bold.ph-prohibit:before {
      content: "\e3de";
    }
    .ph-bold.ph-prohibit-inset:before {
      content: "\e3e0";
    }
    .ph-bold.ph-projector-screen:before {
      content: "\e658";
    }
    .ph-bold.ph-projector-screen-chart:before {
      content: "\e65a";
    }
    .ph-bold.ph-pulse:before {
      content: "\e000";
    }
    .ph-bold.ph-activity:before {
      content: "\e000";
    }
    .ph-bold.ph-push-pin:before {
      content: "\e3e2";
    }
    .ph-bold.ph-push-pin-simple:before {
      content: "\e65c";
    }
    .ph-bold.ph-push-pin-simple-slash:before {
      content: "\e65e";
    }
    .ph-bold.ph-push-pin-slash:before {
      content: "\e3e4";
    }
    .ph-bold.ph-puzzle-piece:before {
      content: "\e596";
    }
    .ph-bold.ph-qr-code:before {
      content: "\e3e6";
    }
    .ph-bold.ph-question:before {
      content: "\e3e8";
    }
    .ph-bold.ph-question-mark:before {
      content: "\e3e9";
    }
    .ph-bold.ph-queue:before {
      content: "\e6ac";
    }
    .ph-bold.ph-quotes:before {
      content: "\e660";
    }
    .ph-bold.ph-rabbit:before {
      content: "\eac2";
    }
    .ph-bold.ph-racquet:before {
      content: "\ee02";
    }
    .ph-bold.ph-radical:before {
      content: "\e3ea";
    }
    .ph-bold.ph-radio:before {
      content: "\e77e";
    }
    .ph-bold.ph-radio-button:before {
      content: "\eb08";
    }
    .ph-bold.ph-radioactive:before {
      content: "\e9dc";
    }
    .ph-bold.ph-rainbow:before {
      content: "\e598";
    }
    .ph-bold.ph-rainbow-cloud:before {
      content: "\e59a";
    }
    .ph-bold.ph-ranking:before {
      content: "\ed62";
    }
    .ph-bold.ph-read-cv-logo:before {
      content: "\ed0c";
    }
    .ph-bold.ph-receipt:before {
      content: "\e3ec";
    }
    .ph-bold.ph-receipt-x:before {
      content: "\ed40";
    }
    .ph-bold.ph-record:before {
      content: "\e3ee";
    }
    .ph-bold.ph-rectangle:before {
      content: "\e3f0";
    }
    .ph-bold.ph-rectangle-dashed:before {
      content: "\e3f2";
    }
    .ph-bold.ph-recycle:before {
      content: "\e75a";
    }
    .ph-bold.ph-reddit-logo:before {
      content: "\e59c";
    }
    .ph-bold.ph-repeat:before {
      content: "\e3f6";
    }
    .ph-bold.ph-repeat-once:before {
      content: "\e3f8";
    }
    .ph-bold.ph-replit-logo:before {
      content: "\eb8a";
    }
    .ph-bold.ph-resize:before {
      content: "\ed6e";
    }
    .ph-bold.ph-rewind:before {
      content: "\e6a8";
    }
    .ph-bold.ph-rewind-circle:before {
      content: "\e3fa";
    }
    .ph-bold.ph-road-horizon:before {
      content: "\e838";
    }
    .ph-bold.ph-robot:before {
      content: "\e762";
    }
    .ph-bold.ph-rocket:before {
      content: "\e3fc";
    }
    .ph-bold.ph-rocket-launch:before {
      content: "\e3fe";
    }
    .ph-bold.ph-rows:before {
      content: "\e5a2";
    }
    .ph-bold.ph-rows-plus-bottom:before {
      content: "\e59e";
    }
    .ph-bold.ph-rows-plus-top:before {
      content: "\e5a0";
    }
    .ph-bold.ph-rss:before {
      content: "\e400";
    }
    .ph-bold.ph-rss-simple:before {
      content: "\e402";
    }
    .ph-bold.ph-rug:before {
      content: "\ea1a";
    }
    .ph-bold.ph-ruler:before {
      content: "\e6b8";
    }
    .ph-bold.ph-sailboat:before {
      content: "\e78a";
    }
    .ph-bold.ph-scales:before {
      content: "\e750";
    }
    .ph-bold.ph-scan:before {
      content: "\ebb6";
    }
    .ph-bold.ph-scan-smiley:before {
      content: "\ebb4";
    }
    .ph-bold.ph-scissors:before {
      content: "\eae0";
    }
    .ph-bold.ph-scooter:before {
      content: "\e820";
    }
    .ph-bold.ph-screencast:before {
      content: "\e404";
    }
    .ph-bold.ph-screwdriver:before {
      content: "\e86e";
    }
    .ph-bold.ph-scribble:before {
      content: "\e806";
    }
    .ph-bold.ph-scribble-loop:before {
      content: "\e662";
    }
    .ph-bold.ph-scroll:before {
      content: "\eb7a";
    }
    .ph-bold.ph-seal:before {
      content: "\e604";
    }
    .ph-bold.ph-circle-wavy:before {
      content: "\e604";
    }
    .ph-bold.ph-seal-check:before {
      content: "\e606";
    }
    .ph-bold.ph-circle-wavy-check:before {
      content: "\e606";
    }
    .ph-bold.ph-seal-percent:before {
      content: "\e60a";
    }
    .ph-bold.ph-seal-question:before {
      content: "\e608";
    }
    .ph-bold.ph-circle-wavy-question:before {
      content: "\e608";
    }
    .ph-bold.ph-seal-warning:before {
      content: "\e60c";
    }
    .ph-bold.ph-circle-wavy-warning:before {
      content: "\e60c";
    }
    .ph-bold.ph-seat:before {
      content: "\eb8e";
    }
    .ph-bold.ph-seatbelt:before {
      content: "\edfe";
    }
    .ph-bold.ph-security-camera:before {
      content: "\eca4";
    }
    .ph-bold.ph-selection:before {
      content: "\e69a";
    }
    .ph-bold.ph-selection-all:before {
      content: "\e746";
    }
    .ph-bold.ph-selection-background:before {
      content: "\eaf8";
    }
    .ph-bold.ph-selection-foreground:before {
      content: "\eaf6";
    }
    .ph-bold.ph-selection-inverse:before {
      content: "\e744";
    }
    .ph-bold.ph-selection-plus:before {
      content: "\e69c";
    }
    .ph-bold.ph-selection-slash:before {
      content: "\e69e";
    }
    .ph-bold.ph-shapes:before {
      content: "\ec5e";
    }
    .ph-bold.ph-share:before {
      content: "\e406";
    }
    .ph-bold.ph-share-fat:before {
      content: "\ed52";
    }
    .ph-bold.ph-share-network:before {
      content: "\e408";
    }
    .ph-bold.ph-shield:before {
      content: "\e40a";
    }
    .ph-bold.ph-shield-check:before {
      content: "\e40c";
    }
    .ph-bold.ph-shield-checkered:before {
      content: "\e708";
    }
    .ph-bold.ph-shield-chevron:before {
      content: "\e40e";
    }
    .ph-bold.ph-shield-plus:before {
      content: "\e706";
    }
    .ph-bold.ph-shield-slash:before {
      content: "\e410";
    }
    .ph-bold.ph-shield-star:before {
      content: "\ec34";
    }
    .ph-bold.ph-shield-warning:before {
      content: "\e412";
    }
    .ph-bold.ph-shipping-container:before {
      content: "\e78c";
    }
    .ph-bold.ph-shirt-folded:before {
      content: "\ea92";
    }
    .ph-bold.ph-shooting-star:before {
      content: "\ecfa";
    }
    .ph-bold.ph-shopping-bag:before {
      content: "\e416";
    }
    .ph-bold.ph-shopping-bag-open:before {
      content: "\e418";
    }
    .ph-bold.ph-shopping-cart:before {
      content: "\e41e";
    }
    .ph-bold.ph-shopping-cart-simple:before {
      content: "\e420";
    }
    .ph-bold.ph-shovel:before {
      content: "\e9e6";
    }
    .ph-bold.ph-shower:before {
      content: "\e776";
    }
    .ph-bold.ph-shrimp:before {
      content: "\eab4";
    }
    .ph-bold.ph-shuffle:before {
      content: "\e422";
    }
    .ph-bold.ph-shuffle-angular:before {
      content: "\e424";
    }
    .ph-bold.ph-shuffle-simple:before {
      content: "\e426";
    }
    .ph-bold.ph-sidebar:before {
      content: "\eab6";
    }
    .ph-bold.ph-sidebar-simple:before {
      content: "\ec24";
    }
    .ph-bold.ph-sigma:before {
      content: "\eab8";
    }
    .ph-bold.ph-sign-in:before {
      content: "\e428";
    }
    .ph-bold.ph-sign-out:before {
      content: "\e42a";
    }
    .ph-bold.ph-signature:before {
      content: "\ebac";
    }
    .ph-bold.ph-signpost:before {
      content: "\e89c";
    }
    .ph-bold.ph-sim-card:before {
      content: "\e664";
    }
    .ph-bold.ph-siren:before {
      content: "\e9b8";
    }
    .ph-bold.ph-sketch-logo:before {
      content: "\e42c";
    }
    .ph-bold.ph-skip-back:before {
      content: "\e5a4";
    }
    .ph-bold.ph-skip-back-circle:before {
      content: "\e42e";
    }
    .ph-bold.ph-skip-forward:before {
      content: "\e5a6";
    }
    .ph-bold.ph-skip-forward-circle:before {
      content: "\e430";
    }
    .ph-bold.ph-skull:before {
      content: "\e916";
    }
    .ph-bold.ph-skype-logo:before {
      content: "\e8dc";
    }
    .ph-bold.ph-slack-logo:before {
      content: "\e5a8";
    }
    .ph-bold.ph-sliders:before {
      content: "\e432";
    }
    .ph-bold.ph-sliders-horizontal:before {
      content: "\e434";
    }
    .ph-bold.ph-slideshow:before {
      content: "\ed32";
    }
    .ph-bold.ph-smiley:before {
      content: "\e436";
    }
    .ph-bold.ph-smiley-angry:before {
      content: "\ec62";
    }
    .ph-bold.ph-smiley-blank:before {
      content: "\e438";
    }
    .ph-bold.ph-smiley-meh:before {
      content: "\e43a";
    }
    .ph-bold.ph-smiley-melting:before {
      content: "\ee56";
    }
    .ph-bold.ph-smiley-nervous:before {
      content: "\e43c";
    }
    .ph-bold.ph-smiley-sad:before {
      content: "\e43e";
    }
    .ph-bold.ph-smiley-sticker:before {
      content: "\e440";
    }
    .ph-bold.ph-smiley-wink:before {
      content: "\e666";
    }
    .ph-bold.ph-smiley-x-eyes:before {
      content: "\e442";
    }
    .ph-bold.ph-snapchat-logo:before {
      content: "\e668";
    }
    .ph-bold.ph-sneaker:before {
      content: "\e80c";
    }
    .ph-bold.ph-sneaker-move:before {
      content: "\ed60";
    }
    .ph-bold.ph-snowflake:before {
      content: "\e5aa";
    }
    .ph-bold.ph-soccer-ball:before {
      content: "\e716";
    }
    .ph-bold.ph-sock:before {
      content: "\ecce";
    }
    .ph-bold.ph-solar-panel:before {
      content: "\ed7a";
    }
    .ph-bold.ph-solar-roof:before {
      content: "\ed7b";
    }
    .ph-bold.ph-sort-ascending:before {
      content: "\e444";
    }
    .ph-bold.ph-sort-descending:before {
      content: "\e446";
    }
    .ph-bold.ph-soundcloud-logo:before {
      content: "\e8de";
    }
    .ph-bold.ph-spade:before {
      content: "\e448";
    }
    .ph-bold.ph-sparkle:before {
      content: "\e6a2";
    }
    .ph-bold.ph-speaker-hifi:before {
      content: "\ea08";
    }
    .ph-bold.ph-speaker-high:before {
      content: "\e44a";
    }
    .ph-bold.ph-speaker-low:before {
      content: "\e44c";
    }
    .ph-bold.ph-speaker-none:before {
      content: "\e44e";
    }
    .ph-bold.ph-speaker-simple-high:before {
      content: "\e450";
    }
    .ph-bold.ph-speaker-simple-low:before {
      content: "\e452";
    }
    .ph-bold.ph-speaker-simple-none:before {
      content: "\e454";
    }
    .ph-bold.ph-speaker-simple-slash:before {
      content: "\e456";
    }
    .ph-bold.ph-speaker-simple-x:before {
      content: "\e458";
    }
    .ph-bold.ph-speaker-slash:before {
      content: "\e45a";
    }
    .ph-bold.ph-speaker-x:before {
      content: "\e45c";
    }
    .ph-bold.ph-speedometer:before {
      content: "\ee74";
    }
    .ph-bold.ph-sphere:before {
      content: "\ee66";
    }
    .ph-bold.ph-spinner:before {
      content: "\e66a";
    }
    .ph-bold.ph-spinner-ball:before {
      content: "\ee28";
    }
    .ph-bold.ph-spinner-gap:before {
      content: "\e66c";
    }
    .ph-bold.ph-spiral:before {
      content: "\e9fa";
    }
    .ph-bold.ph-split-horizontal:before {
      content: "\e872";
    }
    .ph-bold.ph-split-vertical:before {
      content: "\e876";
    }
    .ph-bold.ph-spotify-logo:before {
      content: "\e66e";
    }
    .ph-bold.ph-spray-bottle:before {
      content: "\e7e4";
    }
    .ph-bold.ph-square:before {
      content: "\e45e";
    }
    .ph-bold.ph-square-half:before {
      content: "\e462";
    }
    .ph-bold.ph-square-half-bottom:before {
      content: "\eb16";
    }
    .ph-bold.ph-square-logo:before {
      content: "\e690";
    }
    .ph-bold.ph-square-split-horizontal:before {
      content: "\e870";
    }
    .ph-bold.ph-square-split-vertical:before {
      content: "\e874";
    }
    .ph-bold.ph-squares-four:before {
      content: "\e464";
    }
    .ph-bold.ph-stack:before {
      content: "\e466";
    }
    .ph-bold.ph-stack-minus:before {
      content: "\edf4";
    }
    .ph-bold.ph-stack-overflow-logo:before {
      content: "\eb78";
    }
    .ph-bold.ph-stack-plus:before {
      content: "\edf6";
    }
    .ph-bold.ph-stack-simple:before {
      content: "\e468";
    }
    .ph-bold.ph-stairs:before {
      content: "\e8ec";
    }
    .ph-bold.ph-stamp:before {
      content: "\ea48";
    }
    .ph-bold.ph-standard-definition:before {
      content: "\ea90";
    }
    .ph-bold.ph-star:before {
      content: "\e46a";
    }
    .ph-bold.ph-star-and-crescent:before {
      content: "\ecf4";
    }
    .ph-bold.ph-star-four:before {
      content: "\e6a4";
    }
    .ph-bold.ph-star-half:before {
      content: "\e70a";
    }
    .ph-bold.ph-star-of-david:before {
      content: "\e89e";
    }
    .ph-bold.ph-steam-logo:before {
      content: "\ead4";
    }
    .ph-bold.ph-steering-wheel:before {
      content: "\e9ac";
    }
    .ph-bold.ph-steps:before {
      content: "\ecbe";
    }
    .ph-bold.ph-stethoscope:before {
      content: "\e7ea";
    }
    .ph-bold.ph-sticker:before {
      content: "\e5ac";
    }
    .ph-bold.ph-stool:before {
      content: "\ea44";
    }
    .ph-bold.ph-stop:before {
      content: "\e46c";
    }
    .ph-bold.ph-stop-circle:before {
      content: "\e46e";
    }
    .ph-bold.ph-storefront:before {
      content: "\e470";
    }
    .ph-bold.ph-strategy:before {
      content: "\ea3a";
    }
    .ph-bold.ph-stripe-logo:before {
      content: "\e698";
    }
    .ph-bold.ph-student:before {
      content: "\e73e";
    }
    .ph-bold.ph-subset-of:before {
      content: "\edc0";
    }
    .ph-bold.ph-subset-proper-of:before {
      content: "\edb6";
    }
    .ph-bold.ph-subtitles:before {
      content: "\e1a8";
    }
    .ph-bold.ph-subtitles-slash:before {
      content: "\e1a6";
    }
    .ph-bold.ph-subtract:before {
      content: "\ebd6";
    }
    .ph-bold.ph-subtract-square:before {
      content: "\ebd4";
    }
    .ph-bold.ph-subway:before {
      content: "\e498";
    }
    .ph-bold.ph-suitcase:before {
      content: "\e5ae";
    }
    .ph-bold.ph-suitcase-rolling:before {
      content: "\e9b0";
    }
    .ph-bold.ph-suitcase-simple:before {
      content: "\e5b0";
    }
    .ph-bold.ph-sun:before {
      content: "\e472";
    }
    .ph-bold.ph-sun-dim:before {
      content: "\e474";
    }
    .ph-bold.ph-sun-horizon:before {
      content: "\e5b6";
    }
    .ph-bold.ph-sunglasses:before {
      content: "\e816";
    }
    .ph-bold.ph-superset-of:before {
      content: "\edb8";
    }
    .ph-bold.ph-superset-proper-of:before {
      content: "\edb4";
    }
    .ph-bold.ph-swap:before {
      content: "\e83c";
    }
    .ph-bold.ph-swatches:before {
      content: "\e5b8";
    }
    .ph-bold.ph-swimming-pool:before {
      content: "\ecb6";
    }
    .ph-bold.ph-sword:before {
      content: "\e5ba";
    }
    .ph-bold.ph-synagogue:before {
      content: "\ecec";
    }
    .ph-bold.ph-syringe:before {
      content: "\e968";
    }
    .ph-bold.ph-t-shirt:before {
      content: "\e670";
    }
    .ph-bold.ph-table:before {
      content: "\e476";
    }
    .ph-bold.ph-tabs:before {
      content: "\e778";
    }
    .ph-bold.ph-tag:before {
      content: "\e478";
    }
    .ph-bold.ph-tag-chevron:before {
      content: "\e672";
    }
    .ph-bold.ph-tag-simple:before {
      content: "\e47a";
    }
    .ph-bold.ph-target:before {
      content: "\e47c";
    }
    .ph-bold.ph-taxi:before {
      content: "\e902";
    }
    .ph-bold.ph-tea-bag:before {
      content: "\e8e6";
    }
    .ph-bold.ph-telegram-logo:before {
      content: "\e5bc";
    }
    .ph-bold.ph-television:before {
      content: "\e754";
    }
    .ph-bold.ph-television-simple:before {
      content: "\eae6";
    }
    .ph-bold.ph-tennis-ball:before {
      content: "\e720";
    }
    .ph-bold.ph-tent:before {
      content: "\e8ba";
    }
    .ph-bold.ph-terminal:before {
      content: "\e47e";
    }
    .ph-bold.ph-terminal-window:before {
      content: "\eae8";
    }
    .ph-bold.ph-test-tube:before {
      content: "\e7a0";
    }
    .ph-bold.ph-text-a-underline:before {
      content: "\ed34";
    }
    .ph-bold.ph-text-aa:before {
      content: "\e6ee";
    }
    .ph-bold.ph-text-align-center:before {
      content: "\e480";
    }
    .ph-bold.ph-text-align-justify:before {
      content: "\e482";
    }
    .ph-bold.ph-text-align-left:before {
      content: "\e484";
    }
    .ph-bold.ph-text-align-right:before {
      content: "\e486";
    }
    .ph-bold.ph-text-b:before {
      content: "\e5be";
    }
    .ph-bold.ph-text-bolder:before {
      content: "\e5be";
    }
    .ph-bold.ph-text-columns:before {
      content: "\ec96";
    }
    .ph-bold.ph-text-h:before {
      content: "\e6ba";
    }
    .ph-bold.ph-text-h-five:before {
      content: "\e6c4";
    }
    .ph-bold.ph-text-h-four:before {
      content: "\e6c2";
    }
    .ph-bold.ph-text-h-one:before {
      content: "\e6bc";
    }
    .ph-bold.ph-text-h-six:before {
      content: "\e6c6";
    }
    .ph-bold.ph-text-h-three:before {
      content: "\e6c0";
    }
    .ph-bold.ph-text-h-two:before {
      content: "\e6be";
    }
    .ph-bold.ph-text-indent:before {
      content: "\ea1e";
    }
    .ph-bold.ph-text-italic:before {
      content: "\e5c0";
    }
    .ph-bold.ph-text-outdent:before {
      content: "\ea1c";
    }
    .ph-bold.ph-text-strikethrough:before {
      content: "\e5c2";
    }
    .ph-bold.ph-text-subscript:before {
      content: "\ec98";
    }
    .ph-bold.ph-text-superscript:before {
      content: "\ec9a";
    }
    .ph-bold.ph-text-t:before {
      content: "\e48a";
    }
    .ph-bold.ph-text-t-slash:before {
      content: "\e488";
    }
    .ph-bold.ph-text-underline:before {
      content: "\e5c4";
    }
    .ph-bold.ph-textbox:before {
      content: "\eb0a";
    }
    .ph-bold.ph-thermometer:before {
      content: "\e5c6";
    }
    .ph-bold.ph-thermometer-cold:before {
      content: "\e5c8";
    }
    .ph-bold.ph-thermometer-hot:before {
      content: "\e5ca";
    }
    .ph-bold.ph-thermometer-simple:before {
      content: "\e5cc";
    }
    .ph-bold.ph-threads-logo:before {
      content: "\ed9e";
    }
    .ph-bold.ph-three-d:before {
      content: "\ea5a";
    }
    .ph-bold.ph-thumbs-down:before {
      content: "\e48c";
    }
    .ph-bold.ph-thumbs-up:before {
      content: "\e48e";
    }
    .ph-bold.ph-ticket:before {
      content: "\e490";
    }
    .ph-bold.ph-tidal-logo:before {
      content: "\ed1c";
    }
    .ph-bold.ph-tiktok-logo:before {
      content: "\eaf2";
    }
    .ph-bold.ph-tilde:before {
      content: "\eda8";
    }
    .ph-bold.ph-timer:before {
      content: "\e492";
    }
    .ph-bold.ph-tip-jar:before {
      content: "\e7e2";
    }
    .ph-bold.ph-tipi:before {
      content: "\ed30";
    }
    .ph-bold.ph-tire:before {
      content: "\edd2";
    }
    .ph-bold.ph-toggle-left:before {
      content: "\e674";
    }
    .ph-bold.ph-toggle-right:before {
      content: "\e676";
    }
    .ph-bold.ph-toilet:before {
      content: "\e79a";
    }
    .ph-bold.ph-toilet-paper:before {
      content: "\e79c";
    }
    .ph-bold.ph-toolbox:before {
      content: "\eca0";
    }
    .ph-bold.ph-tooth:before {
      content: "\e9cc";
    }
    .ph-bold.ph-tornado:before {
      content: "\e88c";
    }
    .ph-bold.ph-tote:before {
      content: "\e494";
    }
    .ph-bold.ph-tote-simple:before {
      content: "\e678";
    }
    .ph-bold.ph-towel:before {
      content: "\ede6";
    }
    .ph-bold.ph-tractor:before {
      content: "\ec6e";
    }
    .ph-bold.ph-trademark:before {
      content: "\e9f0";
    }
    .ph-bold.ph-trademark-registered:before {
      content: "\e3f4";
    }
    .ph-bold.ph-traffic-cone:before {
      content: "\e9a8";
    }
    .ph-bold.ph-traffic-sign:before {
      content: "\e67a";
    }
    .ph-bold.ph-traffic-signal:before {
      content: "\e9aa";
    }
    .ph-bold.ph-train:before {
      content: "\e496";
    }
    .ph-bold.ph-train-regional:before {
      content: "\e49e";
    }
    .ph-bold.ph-train-simple:before {
      content: "\e4a0";
    }
    .ph-bold.ph-tram:before {
      content: "\e9ec";
    }
    .ph-bold.ph-translate:before {
      content: "\e4a2";
    }
    .ph-bold.ph-trash:before {
      content: "\e4a6";
    }
    .ph-bold.ph-trash-simple:before {
      content: "\e4a8";
    }
    .ph-bold.ph-tray:before {
      content: "\e4aa";
    }
    .ph-bold.ph-tray-arrow-down:before {
      content: "\e010";
    }
    .ph-bold.ph-archive-tray:before {
      content: "\e010";
    }
    .ph-bold.ph-tray-arrow-up:before {
      content: "\ee52";
    }
    .ph-bold.ph-treasure-chest:before {
      content: "\ede2";
    }
    .ph-bold.ph-tree:before {
      content: "\e6da";
    }
    .ph-bold.ph-tree-evergreen:before {
      content: "\e6dc";
    }
    .ph-bold.ph-tree-palm:before {
      content: "\e91a";
    }
    .ph-bold.ph-tree-structure:before {
      content: "\e67c";
    }
    .ph-bold.ph-tree-view:before {
      content: "\ee48";
    }
    .ph-bold.ph-trend-down:before {
      content: "\e4ac";
    }
    .ph-bold.ph-trend-up:before {
      content: "\e4ae";
    }
    .ph-bold.ph-triangle:before {
      content: "\e4b0";
    }
    .ph-bold.ph-triangle-dashed:before {
      content: "\e4b2";
    }
    .ph-bold.ph-trolley:before {
      content: "\e5b2";
    }
    .ph-bold.ph-trolley-suitcase:before {
      content: "\e5b4";
    }
    .ph-bold.ph-trophy:before {
      content: "\e67e";
    }
    .ph-bold.ph-truck:before {
      content: "\e4b4";
    }
    .ph-bold.ph-truck-trailer:before {
      content: "\e4b6";
    }
    .ph-bold.ph-tumblr-logo:before {
      content: "\e8d4";
    }
    .ph-bold.ph-twitch-logo:before {
      content: "\e5ce";
    }
    .ph-bold.ph-twitter-logo:before {
      content: "\e4ba";
    }
    .ph-bold.ph-umbrella:before {
      content: "\e684";
    }
    .ph-bold.ph-umbrella-simple:before {
      content: "\e686";
    }
    .ph-bold.ph-union:before {
      content: "\edbe";
    }
    .ph-bold.ph-unite:before {
      content: "\e87e";
    }
    .ph-bold.ph-unite-square:before {
      content: "\e878";
    }
    .ph-bold.ph-upload:before {
      content: "\e4be";
    }
    .ph-bold.ph-upload-simple:before {
      content: "\e4c0";
    }
    .ph-bold.ph-usb:before {
      content: "\e956";
    }
    .ph-bold.ph-user:before {
      content: "\e4c2";
    }
    .ph-bold.ph-user-check:before {
      content: "\eafa";
    }
    .ph-bold.ph-user-circle:before {
      content: "\e4c4";
    }
    .ph-bold.ph-user-circle-check:before {
      content: "\ec38";
    }
    .ph-bold.ph-user-circle-dashed:before {
      content: "\ec36";
    }
    .ph-bold.ph-user-circle-gear:before {
      content: "\e4c6";
    }
    .ph-bold.ph-user-circle-minus:before {
      content: "\e4c8";
    }
    .ph-bold.ph-user-circle-plus:before {
      content: "\e4ca";
    }
    .ph-bold.ph-user-focus:before {
      content: "\e6fc";
    }
    .ph-bold.ph-user-gear:before {
      content: "\e4cc";
    }
    .ph-bold.ph-user-list:before {
      content: "\e73c";
    }
    .ph-bold.ph-user-minus:before {
      content: "\e4ce";
    }
    .ph-bold.ph-user-plus:before {
      content: "\e4d0";
    }
    .ph-bold.ph-user-rectangle:before {
      content: "\e4d2";
    }
    .ph-bold.ph-user-sound:before {
      content: "\eca8";
    }
    .ph-bold.ph-user-square:before {
      content: "\e4d4";
    }
    .ph-bold.ph-user-switch:before {
      content: "\e756";
    }
    .ph-bold.ph-users:before {
      content: "\e4d6";
    }
    .ph-bold.ph-users-four:before {
      content: "\e68c";
    }
    .ph-bold.ph-users-three:before {
      content: "\e68e";
    }
    .ph-bold.ph-van:before {
      content: "\e826";
    }
    .ph-bold.ph-vault:before {
      content: "\e76e";
    }
    .ph-bold.ph-vector-three:before {
      content: "\ee62";
    }
    .ph-bold.ph-vector-two:before {
      content: "\ee64";
    }
    .ph-bold.ph-vibrate:before {
      content: "\e4d8";
    }
    .ph-bold.ph-video:before {
      content: "\e740";
    }
    .ph-bold.ph-video-camera:before {
      content: "\e4da";
    }
    .ph-bold.ph-video-camera-slash:before {
      content: "\e4dc";
    }
    .ph-bold.ph-video-conference:before {
      content: "\edce";
    }
    .ph-bold.ph-vignette:before {
      content: "\eba2";
    }
    .ph-bold.ph-vinyl-record:before {
      content: "\ecac";
    }
    .ph-bold.ph-virtual-reality:before {
      content: "\e7b8";
    }
    .ph-bold.ph-virus:before {
      content: "\e7d6";
    }
    .ph-bold.ph-visor:before {
      content: "\ee2a";
    }
    .ph-bold.ph-voicemail:before {
      content: "\e4de";
    }
    .ph-bold.ph-volleyball:before {
      content: "\e726";
    }
    .ph-bold.ph-wall:before {
      content: "\e688";
    }
    .ph-bold.ph-wallet:before {
      content: "\e68a";
    }
    .ph-bold.ph-warehouse:before {
      content: "\ecd4";
    }
    .ph-bold.ph-warning:before {
      content: "\e4e0";
    }
    .ph-bold.ph-warning-circle:before {
      content: "\e4e2";
    }
    .ph-bold.ph-warning-diamond:before {
      content: "\e7fc";
    }
    .ph-bold.ph-warning-octagon:before {
      content: "\e4e4";
    }
    .ph-bold.ph-washing-machine:before {
      content: "\ede8";
    }
    .ph-bold.ph-watch:before {
      content: "\e4e6";
    }
    .ph-bold.ph-wave-sawtooth:before {
      content: "\ea9c";
    }
    .ph-bold.ph-wave-sine:before {
      content: "\ea9a";
    }
    .ph-bold.ph-wave-square:before {
      content: "\ea9e";
    }
    .ph-bold.ph-wave-triangle:before {
      content: "\eaa0";
    }
    .ph-bold.ph-waveform:before {
      content: "\e802";
    }
    .ph-bold.ph-waveform-slash:before {
      content: "\e800";
    }
    .ph-bold.ph-waves:before {
      content: "\e6de";
    }
    .ph-bold.ph-webcam:before {
      content: "\e9b2";
    }
    .ph-bold.ph-webcam-slash:before {
      content: "\ecdc";
    }
    .ph-bold.ph-webhooks-logo:before {
      content: "\ecae";
    }
    .ph-bold.ph-wechat-logo:before {
      content: "\e8d2";
    }
    .ph-bold.ph-whatsapp-logo:before {
      content: "\e5d0";
    }
    .ph-bold.ph-wheelchair:before {
      content: "\e4e8";
    }
    .ph-bold.ph-wheelchair-motion:before {
      content: "\e89a";
    }
    .ph-bold.ph-wifi-high:before {
      content: "\e4ea";
    }
    .ph-bold.ph-wifi-low:before {
      content: "\e4ec";
    }
    .ph-bold.ph-wifi-medium:before {
      content: "\e4ee";
    }
    .ph-bold.ph-wifi-none:before {
      content: "\e4f0";
    }
    .ph-bold.ph-wifi-slash:before {
      content: "\e4f2";
    }
    .ph-bold.ph-wifi-x:before {
      content: "\e4f4";
    }
    .ph-bold.ph-wind:before {
      content: "\e5d2";
    }
    .ph-bold.ph-windmill:before {
      content: "\e9f8";
    }
    .ph-bold.ph-windows-logo:before {
      content: "\e692";
    }
    .ph-bold.ph-wine:before {
      content: "\e6b2";
    }
    .ph-bold.ph-wrench:before {
      content: "\e5d4";
    }
    .ph-bold.ph-x:before {
      content: "\e4f6";
    }
    .ph-bold.ph-x-circle:before {
      content: "\e4f8";
    }
    .ph-bold.ph-x-logo:before {
      content: "\e4bc";
    }
    .ph-bold.ph-x-square:before {
      content: "\e4fa";
    }
    .ph-bold.ph-yarn:before {
      content: "\ed9a";
    }
    .ph-bold.ph-yin-yang:before {
      content: "\e92a";
    }
    .ph-bold.ph-youtube-logo:before {
      content: "\e4fc";
    }
  }
  @layer base {
    @font-face {
      font-family: "Phosphor-Fill";
      src:
        url("./media/Phosphor-Fill.woff2") format("woff2"),
        url("./media/Phosphor-Fill.woff") format("woff"),
        url("./media/Phosphor-Fill.ttf") format("truetype"),
        url("./media/Phosphor-Fill.svg#Phosphor-Fill") format("svg");
      font-weight: normal;
      font-style: normal;
      font-display: block;
    }
    .ph-fill {
      font-family: "Phosphor-Fill", sans-serif !important;
      speak: never;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      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;
      -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";
    }
  }
  @layer base {
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 100;
      src: url("./media/Inter-Thin-BETA.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 200;
      src: url("./media/Inter-ExtraLight-BETA.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 300;
      src: url("./media/Inter-Light-BETA.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 400;
      src: url("./media/Inter-Regular.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 500;
      src: url("./media/Inter-Medium.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 600;
      src: url("./media/Inter-SemiBold.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 700;
      src: url("./media/Inter-Bold.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 800;
      src: url("./media/Inter-ExtraBold.woff") format("woff");
    }
    @font-face {
      font-family: inter;
      font-style: normal;
      font-weight: 900;
      src: url("./media/Inter-Black.woff") format("woff");
    }
  }
  @layer base {
    @font-face {
      font-family: Vazirmatn;
      src: url("./media/Vazirmatn-Light.woff2") format("woff2");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: Vazirmatn;
      src: url("./media/Vazirmatn-Regular.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: Vazirmatn;
      src: url("./media/Vazirmatn-Medium.woff2") format("woff2");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: Vazirmatn;
      src: url("./media/Vazirmatn-SemiBold.woff2") format("woff2");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: Vazirmatn;
      src: url("./media/Vazirmatn-Bold.woff2") format("woff2");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: "Vazirmatn FaNum";
      src: url("./media/Vazirmatn-FaNum-Light.woff2") format("woff2");
      font-weight: 300;
      font-style: normal;
      font-display: swap;
      unicode-range: U+0030-0039;
    }
    @font-face {
      font-family: "Vazirmatn FaNum";
      src: url("./media/Vazirmatn-FaNum-Regular.woff2") format("woff2");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
      unicode-range: U+0030-0039;
    }
    @font-face {
      font-family: "Vazirmatn FaNum";
      src: url("./media/Vazirmatn-FaNum-Medium.woff2") format("woff2");
      font-weight: 500;
      font-style: normal;
      font-display: swap;
      unicode-range: U+0030-0039;
    }
    @font-face {
      font-family: "Vazirmatn FaNum";
      src: url("./media/Vazirmatn-FaNum-SemiBold.woff2") format("woff2");
      font-weight: 600;
      font-style: normal;
      font-display: swap;
      unicode-range: U+0030-0039;
    }
    @font-face {
      font-family: "Vazirmatn FaNum";
      src: url("./media/Vazirmatn-FaNum-Bold.woff2") format("woff2");
      font-weight: 700;
      font-style: normal;
      font-display: swap;
      unicode-range: U+0030-0039;
    }
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  html[dir=rtl],
  html[dir=rtl] body {
    direction: rtl;
    text-align: right;
  }
  html[dir=ltr],
  html[dir=ltr] body {
    direction: ltr;
    text-align: left;
  }
  :focus-visible {
    outline: none;
  }
  html {
    scroll-behavior: smooth;
  }
  button {
    font-family: inherit;
    font-size: inherit;
  }
  input,
  textarea,
  select {
    font-family: inherit;
    font-size: inherit;
  }
  .p-inputtext,
  .p-inputgroupaddon {
    background-color: transparent !important;
  }
  .p-floatlabel {
    box-shadow: var(--p-surface-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .p-floatlabel {
      box-shadow: color-mix(in oklab, var(--p-surface-0) 60%, transparent);
    }
  }
  .shadow-primary {
    box-shadow: var(--p-shadow-primary);
  }
  .shadow-accent {
    box-shadow: var(--color-accent-buttonAccent);
  }
  .shadow-glow {
    box-shadow: var(--p-shadow-glow);
  }
  .shadow-glass {
    box-shadow: var(--p-glass-shadow);
  }
  .card-app {
    box-shadow: var(--p-shadow-glow);
  }
  .bg-glass {
    background-color: var(--p-glass-bg);
  }
  .bg-danger-100 {
    background-color: var(--color-accent-100) !important;
  }
  .bg-gradient-cards {
    background:
      linear-gradient(
        135deg,
        var(--bds-color-primary) 0%,
        var(--bds-color-primary) 100%);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-gradient-cards {
      background:
        linear-gradient(
          135deg,
          color-mix(in srgb, var(--bds-color-primary) 8%, transparent) 0%,
          color-mix(in srgb, var(--bds-color-primary) 3%, transparent) 100%);
    }
  }
  .border-b-green {
    border-bottom: 1px solid var(--p-color-indigo600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-b-green {
      border-bottom: 1px solid color-mix(in srgb, var(--p-color-indigo600) 15%, transparent);
    }
  }
  h1 {
    font-family: var(--font-heading);
    font-size: clamp(var(--p-size-4), 5vw, var(--p-size-5)) !important;
    font-weight: var(--p-font-weight-medium);
    line-height: 1.7;
    letter-spacing: -0.02em;
  }
  h2 {
    font-family: var(--font-heading);
    font-size: clamp(var(--p-size-3), 4vw, var(--p-size-4)) !important;
    font-weight: var(--p-font-weight-medium);
    line-height: 1.7;
    letter-spacing: -0.02em;
  }
  h3 {
    font-family: var(--font-heading);
    font-size: clamp(1.125rem, 3vw, var(--p-size-3)) !important;
    font-weight: var(--p-font-weight-medium);
    line-height: 1.7;
    letter-spacing: -0.02em;
  }
  h4 {
    font-family: var(--font-heading);
    font-size: clamp(0.875rem, 2vw, var(--p-size-2)) !important;
    font-weight: var(--p-font-weight-medium);
    line-height: 1.7;
    letter-spacing: -0.02em;
  }
  .light-bg {
    background: var(--bds-skin-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .light-bg {
      background: color-mix(in oklab, var(--bds-skin-surface) 40%, transparent);
    }
  }
  .rounded-small {
    border-radius: var(--p-radius-small) !important;
  }
  .rounded-xsmall {
    border-radius: var(--p-radius-xsmall) !important;
  }
  .bg-glass {
    background: var(--p-glass-overlay) !important;
  }
  .bg-tag {
    background: var(--bds-color-primary-container) !important;
  }
  p-floatlabel:hover {
    background: var(--bds-state-hover);
  }
  p-floatlabel .p-inputgroup {
    overflow: hidden;
  }
  p-floatlabel .p-inputgroup:focus {
    outline: none;
  }
  ng-persian-datepicker input {
    line-height: 1.8;
    width: 100%;
    font-size: var(--font-size-base);
    color: var(--p-inputtext-color);
    padding: var(--p-spacing-3) var(--p-spacing-4) var(--p-spacing-2) !important;
    overflow: hidden;
    border-bottom: 1px solid var(--color-surface-300);
  }
  .bg-btn-primary {
    background: var(--bds-color-primary);
    transition: background 0.2s;
  }
  .bg-btn-primary:hover {
    background: var(--bds-color-primary-hover);
  }
  .outline-secondary-btn-large {
    min-height: var(--p-size-8) !important;
  }
  .border-color-gray-300 {
    border-color: var(--p-color-gray-300) !important;
  }
  .border-color-primary-900 {
    border-color: var(--color-primary-900) !important;
  }
  p-card.bottom-edge-buttons .card-buttons-holder {
    margin: 0 calc(clamp(var(--p-spacing-4), 3vw, var(--p-spacing-8)) * -1) calc(clamp(var(--p-spacing-4), 3vw, var(--p-spacing-8)) * -1);
  }
  p-card.bottom-edge-buttons .card-buttons-holder p-button button {
    border-radius: 0;
  }
  .p-drawer-content {
    padding: 0 !important;
    background: var(--color-primary-600) !important;
  }
  .p-drawer-header {
    display: none !important;
  }
  .indication-report-nav-aside {
    overscroll-behavior: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .indication-report-nav-aside::-webkit-scrollbar {
    display: none;
  }
  .indication-report-nav-aside {
    position: sticky;
    top: var(--p-spacing-4);
    z-index: 1;
    align-self: flex-start;
    max-height: calc(100dvh - var(--p-spacing-12));
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .min-h-textarea-report {
    min-height: calc(var(--p-spacing-4) * 7.5) !important;
  }
  .field-error {
    margin: var(--p-spacing-2) 0 0;
    font-size: var(--font-size-xs);
    font-weight: var(--p-font-weight-normal);
    color: var(--color-danger-600);
    display: block;
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-600) var(--color-surface-100);
  }
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  ::-webkit-scrollbar-track {
    background: var(--color-surface-100);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-primary-600);
    border-radius: 10px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary-800);
  }
  .scrollpanel-within-card .p-card-body,
  .scrollpanel-within-card p-scrollpanel {
    padding-inline-end: calc(var(--p-card-body-padding) / 2);
  }
  .unsaved-mask,
  .p-dialog-mask:has(> .lib-modal) {
    background: var(--color-primary-950);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .unsaved-mask,
    .p-dialog-mask:has(> .lib-modal) {
      background: color-mix(in oklab, var(--color-primary-950) 45%, transparent);
    }
  }
  .lib-modal,
  .unsaved-dialog {
    --p-dialog-background: var(--p-white);
    --p-dialog-border-color: transparent;
    --p-dialog-color: var(--color-gray-900);
    --p-dialog-border-radius: var(--p-radius-medium);
    --p-dialog-shadow: var(--bds-elevation-2);
    --p-dialog-title-font-size: 1.125rem;
    --p-dialog-title-font-weight: var(--p-font-weight-semibold);
    --p-dialog-header-padding: var(--p-spacing-5) var(--p-spacing-6);
    --p-dialog-header-gap: var(--p-spacing-3);
    --p-dialog-content-padding: var(--p-spacing-6);
    --p-dialog-footer-padding: 0 var(--p-spacing-6) var(--p-spacing-6);
    --p-dialog-footer-gap: var(--p-spacing-2);
  }
  .lib-modal .p-dialog-header,
  .unsaved-dialog .p-dialog-header {
    border-block-end: 1px solid var(--color-gray-200);
  }
  .lib-modal .p-dialog-title,
  .unsaved-dialog .p-dialog-title {
    min-width: 0;
    line-height: 1.7;
    color: var(--color-gray-900);
  }
  .lib-modal .p-dialog-close-button,
  .unsaved-dialog .p-dialog-close-button {
    inline-size: 2.25rem;
    block-size: 2.25rem;
    border-radius: var(--p-radius-xxsmall);
    color: var(--color-gray-700);
    flex: none;
  }
  .lib-modal .p-dialog-close-button:hover,
  .unsaved-dialog .p-dialog-close-button:hover {
    background: var(--color-gray-100);
    color: var(--color-gray-900);
  }
  .lib-modal .p-dialog-close-button:focus-visible,
  .unsaved-dialog .p-dialog-close-button:focus-visible {
    outline: 2px solid var(--color-primary-800);
    outline-offset: 2px;
  }
  .unsaved-message {
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-gray-800);
    text-align: start;
    text-wrap: pretty;
  }
  .unsaved-foot {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--p-spacing-2);
    width: 100%;
  }
  .unsaved-btn {
    --p-button-border-radius: var(--p-radius-xxsmall);
    --p-button-padding-y: 0.5625rem;
    --p-button-padding-x: var(--p-spacing-4);
    display: inline-flex;
  }
  .unsaved-cancel {
    --p-button-outlined-secondary-color: var(--color-gray-700);
    --p-button-outlined-secondary-border-color: var(--color-gray-300);
    --p-button-outlined-secondary-hover-background: var(--color-gray-100);
    margin-inline-start: auto;
  }
  .unsaved-discard {
    --p-button-outlined-danger-color: var(--color-accent-600);
    --p-button-outlined-danger-border-color: var(--color-danger-500);
    --p-button-outlined-danger-hover-background: var(--color-danger-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .unsaved-discard {
      --p-button-outlined-danger-border-color: color-mix( in srgb, var(--color-danger-500) 45%, transparent );
    }
  }
  @supports (color: color-mix(in lab, red, red)) {
    .unsaved-discard {
      --p-button-outlined-danger-hover-background: color-mix( in srgb, var(--color-danger-500) 8%, transparent );
    }
  }
  .unsaved-save {
    --p-button-primary-background: var(--color-primary-800);
    --p-button-primary-hover-background: var(--color-primary-900);
    --p-button-primary-border-color: var(--color-primary-800);
    --p-button-primary-hover-border-color: var(--color-primary-900);
    --p-button-primary-color: var(--p-white);
    --p-button-label-font-weight: var(--p-font-weight-medium);
  }
  @media (pointer: coarse) {
    .unsaved-foot {
      gap: var(--p-spacing-3);
    }
    .unsaved-btn {
      --p-button-padding-y: 0.8125rem;
    }
    .unsaved-btn > button {
      min-block-size: 44px;
    }
  }
  @media (pointer: coarse) {
    .p-button,
    .p-inputtext,
    .p-tab,
    .sidebar .menu,
    .card-action-btn {
      min-block-size: 44px;
    }
    .p-button-primary,
    button[type=submit].p-button {
      min-block-size: 48px;
    }
  }
  .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-slider {
    background: var(--p-toggleswitch-checked-background) !important;
  }
  .p-toggleswitch.p-toggleswitch-checked.p-disabled .p-toggleswitch-handle {
    background: var(--p-toggleswitch-handle-checked-background) !important;
    color: var(--p-toggleswitch-handle-checked-color) !important;
  }
}
@layer components {
  /*! Bugloos Design System · tokens.css
  * Generated from Figma file isH1BJL0FPzvX9oTZbBl36 (Bugloos-Design-System) by scripts/build-tokens.mjs. Do not edit by hand.
  * Modes: data-brand = blue | violet | berry | graphite · data-theme = light | dark
  *        data-skin = minimal | soft | neumorph | glass  (defaults: blue / light / minimal)
  * Set all three on the SAME element (usually <html>). A nested region with different modes
  * must also set all three, because aliases resolve where they are declared.
  */
  /*! Bugloos Design System · components.css
  * Framework-agnostic component classes. Uses only tokens from tokens.css (--bds-*).
  * Naming: .bds-<component>, .bds-<component>--<modifier>, .bds-<component>__<part>
  * States: :hover, :focus-visible, :active, :disabled / [aria-disabled="true"],
  *         [aria-invalid="true"], [aria-pressed|selected|current|checked].
  * Logical properties throughout: set dir="rtl" and everything mirrors.
  */
  :root {
    --bds-neutral-0: #ffffff;
    --bds-neutral-50: #f8fafc;
    --bds-neutral-100: #f1f5f9;
    --bds-neutral-200: #e2e8f0;
    --bds-neutral-300: #cbd5e1;
    --bds-neutral-400: #94a3b8;
    --bds-neutral-500: #64748b;
    --bds-neutral-600: #475569;
    --bds-neutral-700: #334155;
    --bds-neutral-800: #1e293b;
    --bds-neutral-850: #172033;
    --bds-neutral-900: #0f172a;
    --bds-neutral-950: #020617;
    --bds-neutral-1000: #000000;
    --bds-blue-50: #eff6ff;
    --bds-blue-100: #dbeafe;
    --bds-blue-200: #bfdbfe;
    --bds-blue-300: #93c5fd;
    --bds-blue-400: #60a5fa;
    --bds-blue-500: #3b82f6;
    --bds-blue-600: #2563eb;
    --bds-blue-700: #1d4ed8;
    --bds-blue-800: #1e40af;
    --bds-blue-900: #1e3a8a;
    --bds-blue-950: #172554;
    --bds-indigo-50: #eef0ff;
    --bds-indigo-100: #e0e3ff;
    --bds-indigo-200: #c7cbfe;
    --bds-indigo-300: #a5a9fc;
    --bds-indigo-400: #8184f5;
    --bds-indigo-500: #6b6be8;
    --bds-indigo-600: #5b5bd6;
    --bds-indigo-700: #4b47bd;
    --bds-indigo-800: #3e3a99;
    --bds-indigo-900: #35337a;
    --bds-indigo-950: #211f48;
    --bds-teal-50: #f0fdfa;
    --bds-teal-100: #ccfbf1;
    --bds-teal-200: #99f6e4;
    --bds-teal-300: #5eead4;
    --bds-teal-400: #2dd4bf;
    --bds-teal-500: #0d9488;
    --bds-teal-600: #0f766e;
    --bds-teal-700: #115e59;
    --bds-teal-800: #134e4a;
    --bds-teal-900: #123f3c;
    --bds-teal-950: #042f2e;
    --bds-green-50: #f0fdf4;
    --bds-green-100: #dcfce7;
    --bds-green-200: #bbf7d0;
    --bds-green-300: #86efac;
    --bds-green-400: #4ade80;
    --bds-green-500: #22c55e;
    --bds-green-600: #16a34a;
    --bds-green-700: #15803d;
    --bds-green-800: #166534;
    --bds-green-900: #14532d;
    --bds-green-950: #052e16;
    --bds-amber-50: #fffbeb;
    --bds-amber-100: #fef3c7;
    --bds-amber-200: #fde68a;
    --bds-amber-300: #fcd34d;
    --bds-amber-400: #fbbf24;
    --bds-amber-500: #f59e0b;
    --bds-amber-600: #d97706;
    --bds-amber-700: #b45309;
    --bds-amber-800: #92400e;
    --bds-amber-900: #78350f;
    --bds-amber-950: #451a03;
    --bds-red-50: #fef2f2;
    --bds-red-100: #fee2e2;
    --bds-red-200: #fecaca;
    --bds-red-300: #fca5a5;
    --bds-red-400: #f87171;
    --bds-red-500: #ef4444;
    --bds-red-600: #dc2626;
    --bds-red-700: #b91c1c;
    --bds-red-800: #991b1b;
    --bds-red-900: #7f1d1d;
    --bds-red-950: #450a0a;
    --bds-sky-50: #f0f9ff;
    --bds-sky-100: #e0f2fe;
    --bds-sky-200: #bae6fd;
    --bds-sky-300: #7dd3fc;
    --bds-sky-400: #38bdf8;
    --bds-sky-500: #0ea5e9;
    --bds-sky-600: #0284c7;
    --bds-sky-700: #0369a1;
    --bds-sky-800: #075985;
    --bds-sky-900: #0c4a6e;
    --bds-sky-950: #082f49;
    --bds-white-a-0: #ffffff00;
    --bds-white-a-4: #ffffff0a;
    --bds-white-a-8: #ffffff14;
    --bds-white-a-12: #ffffff1f;
    --bds-white-a-20: #ffffff33;
    --bds-white-a-35: #ffffff59;
    --bds-white-a-50: #ffffff7f;
    --bds-white-a-65: #ffffffa6;
    --bds-white-a-80: #ffffffcc;
    --bds-black-a-4: #0f172a0a;
    --bds-black-a-6: #0f172a0f;
    --bds-black-a-8: #0f172a14;
    --bds-black-a-12: #0f172a1f;
    --bds-black-a-16: #0f172a29;
    --bds-black-a-24: #0f172a3d;
    --bds-black-a-40: #0f172a66;
    --bds-black-a-60: #0f172a99;
    --bds-neu-bg-light: #ecf0f6;
    --bds-neu-bg-dark: #1e2533;
    --bds-neu-shade-light: #a3b1c6b3;
    --bds-neu-highlight-light: #ffffffe6;
    --bds-neu-shade-dark: #07090fcc;
    --bds-neu-highlight-dark: #3a476099;
    --bds-glass-tint-dark: #0f172a99;
    --bds-glass-tint-dark-strong: #0f172ad9;
    --bds-violet-50: #f5f3ff;
    --bds-violet-100: #ede9fe;
    --bds-violet-200: #ddd6fe;
    --bds-violet-300: #c4b5fd;
    --bds-violet-400: #a78bfa;
    --bds-violet-500: #8b5cf6;
    --bds-violet-600: #7c3aed;
    --bds-violet-700: #6d28d9;
    --bds-violet-800: #5b21b6;
    --bds-violet-900: #4c1d95;
    --bds-violet-950: #2e1065;
    --bds-berry-50: #fdf2f8;
    --bds-berry-100: #fce7f3;
    --bds-berry-200: #fbcfe8;
    --bds-berry-300: #f9a8d4;
    --bds-berry-400: #f472b6;
    --bds-berry-500: #db2777;
    --bds-berry-600: #be185d;
    --bds-berry-700: #9d174d;
    --bds-berry-800: #831843;
    --bds-berry-900: #6b1239;
    --bds-berry-950: #4a0a26;
    --bds-graphite-50: #fafafa;
    --bds-graphite-100: #ededef;
    --bds-graphite-200: #e4e4e7;
    --bds-graphite-300: #d4d4d8;
    --bds-graphite-400: #f4f4f5;
    --bds-graphite-500: #52525b;
    --bds-graphite-600: #18181b;
    --bds-graphite-700: #3f3f46;
    --bds-graphite-800: #27272a;
    --bds-graphite-900: #3f3f46;
    --bds-graphite-950: #09090b;
  }
  :root {
    --bds-space-0: 0px;
    --bds-space-2: 2px;
    --bds-space-4: 4px;
    --bds-space-6: 6px;
    --bds-space-8: 8px;
    --bds-space-12: 12px;
    --bds-space-16: 16px;
    --bds-space-20: 20px;
    --bds-space-24: 24px;
    --bds-space-32: 32px;
    --bds-space-40: 40px;
    --bds-space-48: 48px;
    --bds-space-64: 64px;
    --bds-space-80: 80px;
    --bds-control-height-sm: 32px;
    --bds-control-height-md: 40px;
    --bds-control-height-lg: 48px;
    --bds-icon-sm: 16px;
    --bds-icon-md: 20px;
    --bds-icon-lg: 24px;
    --bds-breakpoint-mobile: 375px;
    --bds-breakpoint-tablet: 768px;
    --bds-breakpoint-laptop: 1024px;
    --bds-breakpoint-desktop: 1440px;
  }
  :root,
  [data-brand=blue] {
    --bds-brand-50: var(--bds-blue-50);
    --bds-brand-100: var(--bds-blue-100);
    --bds-brand-200: var(--bds-blue-200);
    --bds-brand-300: var(--bds-blue-300);
    --bds-brand-400: var(--bds-blue-400);
    --bds-brand-500: var(--bds-blue-500);
    --bds-brand-600: var(--bds-blue-600);
    --bds-brand-700: var(--bds-blue-700);
    --bds-brand-800: var(--bds-blue-800);
    --bds-brand-900: var(--bds-blue-900);
    --bds-brand-950: var(--bds-blue-950);
  }
  [data-brand=violet] {
    --bds-brand-50: var(--bds-violet-50);
    --bds-brand-100: var(--bds-violet-100);
    --bds-brand-200: var(--bds-violet-200);
    --bds-brand-300: var(--bds-violet-300);
    --bds-brand-400: var(--bds-violet-400);
    --bds-brand-500: var(--bds-violet-500);
    --bds-brand-600: var(--bds-violet-600);
    --bds-brand-700: var(--bds-violet-700);
    --bds-brand-800: var(--bds-violet-800);
    --bds-brand-900: var(--bds-violet-900);
    --bds-brand-950: var(--bds-violet-950);
  }
  [data-brand=berry] {
    --bds-brand-50: var(--bds-berry-50);
    --bds-brand-100: var(--bds-berry-100);
    --bds-brand-200: var(--bds-berry-200);
    --bds-brand-300: var(--bds-berry-300);
    --bds-brand-400: var(--bds-berry-400);
    --bds-brand-500: var(--bds-berry-500);
    --bds-brand-600: var(--bds-berry-600);
    --bds-brand-700: var(--bds-berry-700);
    --bds-brand-800: var(--bds-berry-800);
    --bds-brand-900: var(--bds-berry-900);
    --bds-brand-950: var(--bds-berry-950);
  }
  [data-brand=graphite] {
    --bds-brand-50: var(--bds-graphite-50);
    --bds-brand-100: var(--bds-graphite-100);
    --bds-brand-200: var(--bds-graphite-200);
    --bds-brand-300: var(--bds-graphite-300);
    --bds-brand-400: var(--bds-graphite-400);
    --bds-brand-500: var(--bds-graphite-500);
    --bds-brand-600: var(--bds-graphite-600);
    --bds-brand-700: var(--bds-graphite-700);
    --bds-brand-800: var(--bds-graphite-800);
    --bds-brand-900: var(--bds-graphite-900);
    --bds-brand-950: var(--bds-graphite-950);
  }
  :root,
  [data-theme=light] {
    --bds-color-bg: var(--bds-neutral-50);
    --bds-color-bg-tint: var(--bds-brand-50);
    --bds-color-surface: var(--bds-neutral-0);
    --bds-color-surface-variant: var(--bds-neutral-100);
    --bds-color-on-surface: var(--bds-neutral-900);
    --bds-color-on-surface-variant: var(--bds-neutral-600);
    --bds-color-outline: var(--bds-neutral-500);
    --bds-color-outline-variant: var(--bds-neutral-200);
    --bds-color-primary: var(--bds-brand-600);
    --bds-color-primary-hover: var(--bds-brand-700);
    --bds-color-on-primary: var(--bds-neutral-0);
    --bds-color-primary-container: var(--bds-brand-100);
    --bds-color-on-primary-container: var(--bds-brand-900);
    --bds-color-inverse-primary: var(--bds-brand-300);
    --bds-color-error: var(--bds-red-700);
    --bds-color-on-error: var(--bds-neutral-0);
    --bds-color-error-container: var(--bds-red-50);
    --bds-color-on-error-container: var(--bds-red-800);
    --bds-color-success: var(--bds-green-700);
    --bds-color-success-container: var(--bds-green-50);
    --bds-color-on-success-container: var(--bds-green-800);
    --bds-color-warning: var(--bds-amber-700);
    --bds-color-warning-container: var(--bds-amber-50);
    --bds-color-on-warning-container: var(--bds-amber-800);
    --bds-color-info: var(--bds-sky-700);
    --bds-color-info-container: var(--bds-sky-50);
    --bds-color-on-info-container: var(--bds-sky-800);
    --bds-color-inverse-surface: var(--bds-neutral-800);
    --bds-color-inverse-on-surface: var(--bds-neutral-50);
    --bds-color-focus-ring: var(--bds-brand-500);
    --bds-color-scrim: var(--bds-black-a-40);
    --bds-color-disabled-container: var(--bds-neutral-100);
    --bds-color-on-disabled: var(--bds-neutral-400);
    --bds-color-transparent: var(--bds-white-a-0);
    --bds-state-hover: var(--bds-black-a-4);
    --bds-state-pressed: var(--bds-black-a-12);
    --bds-state-on-primary-hover: var(--bds-white-a-12);
    --bds-shadow-ambient: var(--bds-black-a-8);
    --bds-shadow-soft: var(--bds-black-a-8);
    --bds-shadow-soft-ambient: var(--bds-black-a-4);
    --bds-shadow-glass: var(--bds-black-a-12);
    --bds-neu-bg: var(--bds-neu-bg-light);
    --bds-neu-shade: var(--bds-neu-shade-light);
    --bds-neu-highlight: var(--bds-neu-highlight-light);
    --bds-neu-stroke: var(--bds-white-a-50);
    --bds-glass-tint: var(--bds-white-a-65);
    --bds-glass-tint-strong: var(--bds-white-a-80);
    --bds-glass-stroke: var(--bds-white-a-50);
    --bds-glass-highlight: var(--bds-white-a-80);
  }
  [data-theme=dark] {
    --bds-color-bg: var(--bds-neutral-900);
    --bds-color-bg-tint: var(--bds-neutral-900);
    --bds-color-surface: var(--bds-neutral-850);
    --bds-color-surface-variant: var(--bds-neutral-800);
    --bds-color-on-surface: var(--bds-neutral-50);
    --bds-color-on-surface-variant: var(--bds-neutral-400);
    --bds-color-outline: var(--bds-neutral-500);
    --bds-color-outline-variant: var(--bds-neutral-700);
    --bds-color-primary: var(--bds-brand-400);
    --bds-color-primary-hover: var(--bds-brand-300);
    --bds-color-on-primary: var(--bds-brand-950);
    --bds-color-primary-container: var(--bds-brand-900);
    --bds-color-on-primary-container: var(--bds-brand-100);
    --bds-color-inverse-primary: var(--bds-brand-600);
    --bds-color-error: var(--bds-red-400);
    --bds-color-on-error: var(--bds-red-950);
    --bds-color-error-container: var(--bds-red-900);
    --bds-color-on-error-container: var(--bds-red-100);
    --bds-color-success: var(--bds-green-400);
    --bds-color-success-container: var(--bds-green-900);
    --bds-color-on-success-container: var(--bds-green-100);
    --bds-color-warning: var(--bds-amber-400);
    --bds-color-warning-container: var(--bds-amber-900);
    --bds-color-on-warning-container: var(--bds-amber-100);
    --bds-color-info: var(--bds-sky-400);
    --bds-color-info-container: var(--bds-sky-900);
    --bds-color-on-info-container: var(--bds-sky-100);
    --bds-color-inverse-surface: var(--bds-neutral-100);
    --bds-color-inverse-on-surface: var(--bds-neutral-900);
    --bds-color-focus-ring: var(--bds-brand-300);
    --bds-color-scrim: var(--bds-black-a-60);
    --bds-color-disabled-container: var(--bds-neutral-800);
    --bds-color-on-disabled: var(--bds-neutral-600);
    --bds-color-transparent: var(--bds-white-a-0);
    --bds-state-hover: var(--bds-white-a-8);
    --bds-state-pressed: var(--bds-white-a-12);
    --bds-state-on-primary-hover: var(--bds-black-a-12);
    --bds-shadow-ambient: var(--bds-black-a-40);
    --bds-shadow-soft: var(--bds-black-a-40);
    --bds-shadow-soft-ambient: var(--bds-black-a-24);
    --bds-shadow-glass: var(--bds-black-a-60);
    --bds-neu-bg: var(--bds-neu-bg-dark);
    --bds-neu-shade: var(--bds-neu-shade-dark);
    --bds-neu-highlight: var(--bds-neu-highlight-dark);
    --bds-neu-stroke: var(--bds-white-a-4);
    --bds-glass-tint: var(--bds-glass-tint-dark);
    --bds-glass-tint-strong: var(--bds-glass-tint-dark-strong);
    --bds-glass-stroke: var(--bds-white-a-12);
    --bds-glass-highlight: var(--bds-white-a-20);
  }
  :root,
  [data-skin=minimal] {
    --bds-skin-bg: var(--bds-color-bg);
    --bds-skin-surface: var(--bds-color-surface);
    --bds-skin-surface-raised: var(--bds-color-surface);
    --bds-skin-surface-sunken: var(--bds-color-surface);
    --bds-skin-border: var(--bds-color-outline-variant);
    --bds-skin-field-border: var(--bds-color-outline);
    --bds-skin-shadow-key-1: var(--bds-color-transparent);
    --bds-skin-shadow-key-2: var(--bds-shadow-ambient);
    --bds-skin-shadow-highlight: var(--bds-color-transparent);
    --bds-skin-shadow-rim: var(--bds-color-transparent);
    --bds-skin-shadow-inset-shade: var(--bds-color-transparent);
    --bds-skin-shadow-inset-highlight: var(--bds-color-transparent);
    --bds-radius-xs: 2px;
    --bds-radius-sm: 4px;
    --bds-radius-md: 6px;
    --bds-radius-lg: 8px;
    --bds-radius-xl: 12px;
    --bds-radius-full: 9999px;
    --bds-border-width: 1px;
    --bds-border-field-width: 1px;
    --bds-elevation-1-key-x: 0px;
    --bds-elevation-1-key-y: 0px;
    --bds-elevation-1-key-blur: 0px;
    --bds-elevation-1-key-spread: 0px;
    --bds-elevation-1-hl-x: 0px;
    --bds-elevation-1-hl-y: 0px;
    --bds-elevation-1-hl-blur: 0px;
    --bds-elevation-1-rim-y: 0px;
    --bds-elevation-1-backdrop-blur: 0px;
    --bds-elevation-2-key-x: 0px;
    --bds-elevation-2-key-y: 8px;
    --bds-elevation-2-key-blur: 24px;
    --bds-elevation-2-key-spread: -4px;
    --bds-elevation-2-hl-x: 0px;
    --bds-elevation-2-hl-y: 0px;
    --bds-elevation-2-hl-blur: 0px;
    --bds-elevation-2-rim-y: 0px;
    --bds-elevation-2-backdrop-blur: 0px;
    --bds-elevation-inset-shade-offset: 0px;
    --bds-elevation-inset-hl-offset: 0px;
    --bds-elevation-inset-blur: 0px;
    --bds-font-display-family:
      "Inter",
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      sans-serif;
    --bds-backdrop-opacity: 0;
  }
  [data-skin=soft] {
    --bds-skin-bg: var(--bds-color-bg-tint);
    --bds-skin-surface: var(--bds-color-surface);
    --bds-skin-surface-raised: var(--bds-color-surface);
    --bds-skin-surface-sunken: var(--bds-color-surface-variant);
    --bds-skin-border: var(--bds-color-transparent);
    --bds-skin-field-border: var(--bds-color-outline);
    --bds-skin-shadow-key-1: var(--bds-shadow-soft);
    --bds-skin-shadow-key-2: var(--bds-shadow-soft);
    --bds-skin-shadow-highlight: var(--bds-shadow-soft-ambient);
    --bds-skin-shadow-rim: var(--bds-color-transparent);
    --bds-skin-shadow-inset-shade: var(--bds-color-transparent);
    --bds-skin-shadow-inset-highlight: var(--bds-color-transparent);
    --bds-radius-xs: 4px;
    --bds-radius-sm: 8px;
    --bds-radius-md: 12px;
    --bds-radius-lg: 16px;
    --bds-radius-xl: 24px;
    --bds-radius-full: 9999px;
    --bds-border-width: 0px;
    --bds-border-field-width: 1px;
    --bds-elevation-1-key-x: 0px;
    --bds-elevation-1-key-y: 4px;
    --bds-elevation-1-key-blur: 16px;
    --bds-elevation-1-key-spread: -4px;
    --bds-elevation-1-hl-x: 0px;
    --bds-elevation-1-hl-y: 1px;
    --bds-elevation-1-hl-blur: 3px;
    --bds-elevation-1-rim-y: 0px;
    --bds-elevation-1-backdrop-blur: 0px;
    --bds-elevation-2-key-x: 0px;
    --bds-elevation-2-key-y: 12px;
    --bds-elevation-2-key-blur: 32px;
    --bds-elevation-2-key-spread: -6px;
    --bds-elevation-2-hl-x: 0px;
    --bds-elevation-2-hl-y: 2px;
    --bds-elevation-2-hl-blur: 6px;
    --bds-elevation-2-rim-y: 0px;
    --bds-elevation-2-backdrop-blur: 0px;
    --bds-elevation-inset-shade-offset: 0px;
    --bds-elevation-inset-hl-offset: 0px;
    --bds-elevation-inset-blur: 0px;
    --bds-font-display-family:
      "Poppins",
      "Inter",
      system-ui,
      sans-serif;
    --bds-backdrop-opacity: 0;
  }
  [data-skin=neumorph] {
    --bds-skin-bg: var(--bds-neu-bg);
    --bds-skin-surface: var(--bds-neu-bg);
    --bds-skin-surface-raised: var(--bds-neu-bg);
    --bds-skin-surface-sunken: var(--bds-neu-bg);
    --bds-skin-border: var(--bds-neu-stroke);
    --bds-skin-field-border: var(--bds-color-outline);
    --bds-skin-shadow-key-1: var(--bds-neu-shade);
    --bds-skin-shadow-key-2: var(--bds-neu-shade);
    --bds-skin-shadow-highlight: var(--bds-neu-highlight);
    --bds-skin-shadow-rim: var(--bds-color-transparent);
    --bds-skin-shadow-inset-shade: var(--bds-neu-shade);
    --bds-skin-shadow-inset-highlight: var(--bds-neu-highlight);
    --bds-radius-xs: 6px;
    --bds-radius-sm: 10px;
    --bds-radius-md: 14px;
    --bds-radius-lg: 20px;
    --bds-radius-xl: 28px;
    --bds-radius-full: 9999px;
    --bds-border-width: 1px;
    --bds-border-field-width: 1px;
    --bds-elevation-1-key-x: 5px;
    --bds-elevation-1-key-y: 5px;
    --bds-elevation-1-key-blur: 10px;
    --bds-elevation-1-key-spread: 0px;
    --bds-elevation-1-hl-x: -5px;
    --bds-elevation-1-hl-y: -5px;
    --bds-elevation-1-hl-blur: 10px;
    --bds-elevation-1-rim-y: 0px;
    --bds-elevation-1-backdrop-blur: 0px;
    --bds-elevation-2-key-x: 10px;
    --bds-elevation-2-key-y: 10px;
    --bds-elevation-2-key-blur: 20px;
    --bds-elevation-2-key-spread: 0px;
    --bds-elevation-2-hl-x: -10px;
    --bds-elevation-2-hl-y: -10px;
    --bds-elevation-2-hl-blur: 20px;
    --bds-elevation-2-rim-y: 0px;
    --bds-elevation-2-backdrop-blur: 0px;
    --bds-elevation-inset-shade-offset: 3px;
    --bds-elevation-inset-hl-offset: -3px;
    --bds-elevation-inset-blur: 6px;
    --bds-font-display-family:
      "Inter",
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      sans-serif;
    --bds-backdrop-opacity: 0;
  }
  [data-skin=glass] {
    --bds-skin-bg: var(--bds-color-bg);
    --bds-skin-surface: var(--bds-glass-tint);
    --bds-skin-surface-raised: var(--bds-glass-tint-strong);
    --bds-skin-surface-sunken: var(--bds-glass-tint);
    --bds-skin-border: var(--bds-glass-stroke);
    --bds-skin-field-border: var(--bds-color-outline);
    --bds-skin-shadow-key-1: var(--bds-shadow-glass);
    --bds-skin-shadow-key-2: var(--bds-shadow-glass);
    --bds-skin-shadow-highlight: var(--bds-color-transparent);
    --bds-skin-shadow-rim: var(--bds-glass-highlight);
    --bds-skin-shadow-inset-shade: var(--bds-color-transparent);
    --bds-skin-shadow-inset-highlight: var(--bds-color-transparent);
    --bds-radius-xs: 6px;
    --bds-radius-sm: 10px;
    --bds-radius-md: 16px;
    --bds-radius-lg: 24px;
    --bds-radius-xl: 32px;
    --bds-radius-full: 9999px;
    --bds-border-width: 1px;
    --bds-border-field-width: 1px;
    --bds-elevation-1-key-x: 0px;
    --bds-elevation-1-key-y: 8px;
    --bds-elevation-1-key-blur: 32px;
    --bds-elevation-1-key-spread: -8px;
    --bds-elevation-1-hl-x: 0px;
    --bds-elevation-1-hl-y: 0px;
    --bds-elevation-1-hl-blur: 0px;
    --bds-elevation-1-rim-y: 1px;
    --bds-elevation-1-backdrop-blur: 24px;
    --bds-elevation-2-key-x: 0px;
    --bds-elevation-2-key-y: 16px;
    --bds-elevation-2-key-blur: 48px;
    --bds-elevation-2-key-spread: -12px;
    --bds-elevation-2-hl-x: 0px;
    --bds-elevation-2-hl-y: 0px;
    --bds-elevation-2-hl-blur: 0px;
    --bds-elevation-2-rim-y: 1px;
    --bds-elevation-2-backdrop-blur: 32px;
    --bds-elevation-inset-shade-offset: 0px;
    --bds-elevation-inset-hl-offset: 0px;
    --bds-elevation-inset-blur: 0px;
    --bds-font-display-family:
      "Plus Jakarta Sans",
      "Inter",
      system-ui,
      sans-serif;
    --bds-backdrop-opacity: 1;
  }
  :root,
  [data-skin],
  [data-theme],
  [data-brand] {
    --bds-font-ui:
      "Inter",
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      sans-serif;
    --bds-font-display: var(--bds-font-display-family);
    --bds-font-display-weight: 600;
    --bds-font-fa:
      "Vazirmatn",
      "Inter",
      system-ui,
      -apple-system,
      "Segoe UI",
      Roboto,
      sans-serif;
    --bds-font-mono:
      ui-monospace,
      "SF Mono",
      Menlo,
      Consolas,
      monospace;
    --bds-icon-font: "Material Symbols Rounded";
    --bds-elevation-1:
      var(--bds-elevation-1-hl-x) var(--bds-elevation-1-hl-y) var(--bds-elevation-1-hl-blur) 0 var(--bds-skin-shadow-highlight),
      var(--bds-elevation-1-key-x) var(--bds-elevation-1-key-y) var(--bds-elevation-1-key-blur) var(--bds-elevation-1-key-spread) var(--bds-skin-shadow-key-1),
      inset 0 var(--bds-elevation-1-rim-y) 0 0 var(--bds-skin-shadow-rim);
    --bds-elevation-2:
      var(--bds-elevation-2-hl-x) var(--bds-elevation-2-hl-y) var(--bds-elevation-2-hl-blur) 0 var(--bds-skin-shadow-highlight),
      var(--bds-elevation-2-key-x) var(--bds-elevation-2-key-y) var(--bds-elevation-2-key-blur) var(--bds-elevation-2-key-spread) var(--bds-skin-shadow-key-2),
      inset 0 var(--bds-elevation-2-rim-y) 0 0 var(--bds-skin-shadow-rim);
    --bds-elevation-1-backdrop: blur(var(--bds-elevation-1-backdrop-blur));
    --bds-elevation-2-backdrop: blur(var(--bds-elevation-2-backdrop-blur));
    --bds-inset-1: inset var(--bds-elevation-inset-shade-offset) var(--bds-elevation-inset-shade-offset) var(--bds-elevation-inset-blur) 0 var(--bds-skin-shadow-inset-shade), inset var(--bds-elevation-inset-hl-offset) var(--bds-elevation-inset-hl-offset) var(--bds-elevation-inset-blur) 0 var(--bds-skin-shadow-inset-highlight);
    --bds-focus-ring: 0 0 0 2px var(--bds-skin-bg), 0 0 0 4px var(--bds-color-focus-ring);
    --bds-duration-short: 120ms;
    --bds-duration-medium: 200ms;
    --bds-easing: cubic-bezier(0.2, 0, 0, 1);
    --bds-type-display-l: 600 57px/64px var(--bds-font-display);
    --bds-type-display-l-tracking: -0.25px;
    --bds-type-display-m: 600 45px/52px var(--bds-font-display);
    --bds-type-display-m-tracking: 0px;
    --bds-type-display-s: 600 36px/44px var(--bds-font-display);
    --bds-type-display-s-tracking: 0px;
    --bds-type-headline-l: 600 32px/40px var(--bds-font-display);
    --bds-type-headline-l-tracking: 0px;
    --bds-type-headline-m: 600 28px/36px var(--bds-font-display);
    --bds-type-headline-m-tracking: 0px;
    --bds-type-headline-s: 600 24px/32px var(--bds-font-display);
    --bds-type-headline-s-tracking: 0px;
    --bds-type-title-l: 600 22px/28px var(--bds-font-ui);
    --bds-type-title-l-tracking: 0px;
    --bds-type-title-m: 500 16px/24px var(--bds-font-ui);
    --bds-type-title-m-tracking: 0.15px;
    --bds-type-title-s: 500 14px/20px var(--bds-font-ui);
    --bds-type-title-s-tracking: 0.1px;
    --bds-type-body-l: 400 16px/24px var(--bds-font-ui);
    --bds-type-body-l-tracking: 0.5px;
    --bds-type-body-m: 400 14px/20px var(--bds-font-ui);
    --bds-type-body-m-tracking: 0.25px;
    --bds-type-body-s: 400 12px/16px var(--bds-font-ui);
    --bds-type-body-s-tracking: 0.4px;
    --bds-type-label-l: 500 14px/20px var(--bds-font-ui);
    --bds-type-label-l-tracking: 0.1px;
    --bds-type-label-m: 500 12px/16px var(--bds-font-ui);
    --bds-type-label-m-tracking: 0.5px;
    --bds-type-label-s: 500 11px/16px var(--bds-font-ui);
    --bds-type-label-s-tracking: 0.5px;
  }
  :lang(fa) {
    --bds-type-display-l: 600 57px/74px var(--bds-font-fa);
    --bds-type-display-l-tracking: 0px;
    --bds-type-display-m: 600 45px/60px var(--bds-font-fa);
    --bds-type-display-m-tracking: 0px;
    --bds-type-display-s: 600 36px/52px var(--bds-font-fa);
    --bds-type-display-s-tracking: 0px;
    --bds-type-headline-l: 600 32px/46px var(--bds-font-fa);
    --bds-type-headline-l-tracking: 0px;
    --bds-type-headline-m: 600 28px/42px var(--bds-font-fa);
    --bds-type-headline-m-tracking: 0px;
    --bds-type-headline-s: 600 24px/38px var(--bds-font-fa);
    --bds-type-headline-s-tracking: 0px;
    --bds-type-title-l: 600 22px/34px var(--bds-font-fa);
    --bds-type-title-l-tracking: 0px;
    --bds-type-title-m: 500 16px/28px var(--bds-font-fa);
    --bds-type-title-m-tracking: 0px;
    --bds-type-title-s: 500 14px/24px var(--bds-font-fa);
    --bds-type-title-s-tracking: 0px;
    --bds-type-body-l: 400 16px/28px var(--bds-font-fa);
    --bds-type-body-l-tracking: 0px;
    --bds-type-body-m: 400 14px/24px var(--bds-font-fa);
    --bds-type-body-m-tracking: 0px;
    --bds-type-body-s: 400 12px/20px var(--bds-font-fa);
    --bds-type-body-s-tracking: 0px;
    --bds-type-label-l: 500 14px/24px var(--bds-font-fa);
    --bds-type-label-l-tracking: 0px;
    --bds-type-label-m: 500 12px/20px var(--bds-font-fa);
    --bds-type-label-m-tracking: 0px;
    --bds-type-label-s: 500 11px/20px var(--bds-font-fa);
    --bds-type-label-s-tracking: 0px;
  }
  @media (prefers-reduced-motion: reduce) {
    :root {
      --bds-duration-short: 0ms;
      --bds-duration-medium: 0ms;
    }
  }
  .bds-app {
    background: var(--bds-skin-bg);
    color: var(--bds-color-on-surface);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    -webkit-font-smoothing: antialiased;
  }
  .bds-icon {
    font-family: var(--bds-icon-font);
    font-weight: normal;
    font-style: normal;
    font-size: var(--bds-icon-lg);
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
  }
  .bds-icon--sm {
    font-size: var(--bds-icon-sm);
  }
  .bds-icon--md {
    font-size: var(--bds-icon-md);
  }
  [dir=rtl] .bds-icon--mirror {
    transform: scaleX(-1);
  }
  .bds-text-display-l {
    font: var(--bds-type-display-l);
    letter-spacing: var(--bds-type-display-l-tracking);
  }
  .bds-text-display-m {
    font: var(--bds-type-display-m);
    letter-spacing: var(--bds-type-display-m-tracking);
  }
  .bds-text-display-s {
    font: var(--bds-type-display-s);
    letter-spacing: var(--bds-type-display-s-tracking);
  }
  .bds-text-headline-l {
    font: var(--bds-type-headline-l);
    letter-spacing: var(--bds-type-headline-l-tracking);
  }
  .bds-text-headline-m {
    font: var(--bds-type-headline-m);
    letter-spacing: var(--bds-type-headline-m-tracking);
  }
  .bds-text-headline-s {
    font: var(--bds-type-headline-s);
    letter-spacing: var(--bds-type-headline-s-tracking);
  }
  .bds-text-title-l {
    font: var(--bds-type-title-l);
    letter-spacing: var(--bds-type-title-l-tracking);
  }
  .bds-text-title-m {
    font: var(--bds-type-title-m);
    letter-spacing: var(--bds-type-title-m-tracking);
  }
  .bds-text-title-s {
    font: var(--bds-type-title-s);
    letter-spacing: var(--bds-type-title-s-tracking);
  }
  .bds-text-body-l {
    font: var(--bds-type-body-l);
    letter-spacing: var(--bds-type-body-l-tracking);
  }
  .bds-text-body-m {
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
  }
  .bds-text-body-s {
    font: var(--bds-type-body-s);
    letter-spacing: var(--bds-type-body-s-tracking);
  }
  .bds-text-label-l {
    font: var(--bds-type-label-l);
    letter-spacing: var(--bds-type-label-l-tracking);
  }
  .bds-text-label-m {
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
  }
  .bds-text-label-s {
    font: var(--bds-type-label-s);
    letter-spacing: var(--bds-type-label-s-tracking);
  }
  .bds-surface {
    background: var(--bds-skin-surface);
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-lg);
    box-shadow: var(--bds-elevation-1);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
  }
  .bds-backdrop {
    background-color: var(--bds-skin-bg);
    background-image:
      radial-gradient(
        circle at 10% 12%,
        var(--bds-brand-600) 0,
        transparent 38%),
      radial-gradient(
        circle at 88% 55%,
        var(--bds-sky-700) 0,
        transparent 36%),
      radial-gradient(
        circle at 28% 88%,
        var(--bds-amber-700) 0,
        transparent 30%);
    background-attachment: fixed;
  }
  .bds-button,
  .bds-icon-button,
  .bds-chip,
  .bds-menu__item,
  .bds-card,
  .bds-nav-item__indicator,
  .bds-sidebar-item,
  .bds-tab,
  .bds-snackbar__action,
  .bds-snackbar__close {
    --_state: var(--bds-color-transparent);
    background-image: linear-gradient(var(--_state), var(--_state));
  }
  .bds-button {
    --_bg: var(--bds-color-primary);
    --_fg: var(--bds-color-on-primary);
    --_border: var(--bds-color-transparent);
    --_bw: 0px;
    --_shadow: var(--bds-elevation-1);
    --_hover: var(--bds-state-on-primary-hover);
    --_press: var(--bds-state-on-primary-hover);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--bds-space-8);
    block-size: var(--bds-control-height-md);
    padding-block: 0;
    padding-inline: var(--bds-space-16);
    margin: 0;
    border: var(--_bw) solid var(--_border);
    border-radius: var(--bds-radius-md);
    background-color: var(--_bg);
    color: var(--_fg);
    box-shadow: var(--_shadow);
    font: var(--bds-type-label-l);
    letter-spacing: var(--bds-type-label-l-tracking);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--bds-duration-short) var(--bds-easing), box-shadow var(--bds-duration-short) var(--bds-easing);
  }
  .bds-button .bds-icon {
    font-size: 18px;
  }
  .bds-button:hover {
    --_state: var(--_hover);
  }
  .bds-button:active {
    --_state: var(--_press);
    box-shadow: var(--bds-inset-1);
  }
  .bds-button:focus-visible,
  .bds-icon-button:focus-visible,
  .bds-chip:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: 2px;
  }
  .bds-button--tonal {
    --_bg: var(--bds-color-primary-container);
    --_fg: var(--bds-color-on-primary-container);
    --_hover: var(--bds-state-hover);
    --_press: var(--bds-state-pressed);
  }
  .bds-button--outlined {
    --_bg: var(--bds-color-transparent);
    --_fg: var(--bds-color-primary);
    --_border: var(--bds-skin-field-border);
    --_bw: var(--bds-border-field-width);
    --_shadow: none;
    --_hover: var(--bds-state-hover);
    --_press: var(--bds-state-pressed);
  }
  .bds-button--text {
    --_bg: var(--bds-color-transparent);
    --_fg: var(--bds-color-primary);
    --_shadow: none;
    --_hover: var(--bds-state-hover);
    --_press: var(--bds-state-pressed);
    padding-inline: var(--bds-space-12);
  }
  .bds-button--elevated {
    --_bg: var(--bds-skin-surface-raised);
    --_fg: var(--bds-color-primary);
    --_border: var(--bds-skin-border);
    --_bw: var(--bds-border-width);
    --_hover: var(--bds-state-hover);
    --_press: var(--bds-state-pressed);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
  }
  .bds-button--danger {
    --_bg: var(--bds-color-error);
    --_fg: var(--bds-color-on-error);
  }
  .bds-button--sm {
    block-size: var(--bds-control-height-sm);
    padding-inline: var(--bds-space-12);
    gap: var(--bds-space-6);
  }
  .bds-button--lg {
    block-size: var(--bds-control-height-lg);
    padding-inline: var(--bds-space-24);
  }
  .bds-button--block {
    display: flex;
    inline-size: 100%;
  }
  .bds-button:disabled,
  .bds-button[aria-disabled=true] {
    --_bg: var(--bds-color-disabled-container);
    --_fg: var(--bds-color-on-disabled);
    --_shadow: none;
    --_state: var(--bds-color-transparent);
    cursor: not-allowed;
    box-shadow: none;
  }
  .bds-button--outlined:disabled,
  .bds-button--outlined[aria-disabled=true],
  .bds-button--elevated:disabled,
  .bds-button--elevated[aria-disabled=true] {
    --_border: var(--bds-color-outline-variant);
  }
  .bds-button--outlined:disabled,
  .bds-button--outlined[aria-disabled=true],
  .bds-button--text:disabled,
  .bds-button--text[aria-disabled=true] {
    --_bg: var(--bds-color-transparent);
  }
  .bds-icon-button {
    box-sizing: border-box;
    display: inline-grid;
    place-items: center;
    inline-size: var(--bds-control-height-md);
    block-size: var(--bds-control-height-md);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: var(--bds-radius-full);
    background-color: var(--bds-color-transparent);
    color: var(--bds-color-on-surface-variant);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--bds-duration-short) var(--bds-easing);
  }
  .bds-icon-button:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-icon-button:active {
    --_state: var(--bds-state-pressed);
    box-shadow: var(--bds-inset-1);
  }
  .bds-icon-button:disabled {
    color: var(--bds-color-on-disabled);
    cursor: not-allowed;
    --_state: var(--bds-color-transparent);
  }
  .bds-icon-button--filled {
    background-color: var(--bds-color-primary);
    color: var(--bds-color-on-primary);
    box-shadow: var(--bds-elevation-1);
  }
  .bds-icon-button--filled:hover {
    --_state: var(--bds-state-on-primary-hover);
  }
  .bds-icon-button--sm {
    inline-size: 36px;
    block-size: 36px;
  }
  .bds-field {
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-6);
    min-inline-size: 0;
  }
  .bds-field__label {
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-field__control {
    --_border: var(--bds-skin-field-border);
    --_ring: var(--bds-color-transparent);
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--bds-space-8);
    block-size: var(--bds-control-height-md);
    padding-inline: var(--bds-space-12);
    border: var(--bds-border-field-width) solid var(--_border);
    border-radius: var(--bds-radius-md);
    background: var(--bds-skin-surface-sunken);
    color: var(--bds-color-on-surface-variant);
    box-shadow: var(--bds-inset-1), inset 0 0 0 1px var(--_ring);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
    transition: border-color var(--bds-duration-short) var(--bds-easing), box-shadow var(--bds-duration-short) var(--bds-easing);
  }
  .bds-field__control .bds-icon {
    font-size: var(--bds-icon-md);
  }
  .bds-field__input {
    flex: 1;
    min-inline-size: 0;
    block-size: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bds-color-on-surface);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    text-align: start;
  }
  .bds-field__input::placeholder {
    color: var(--bds-color-on-surface-variant);
    opacity: 1;
  }
  .bds-field__support {
    font: var(--bds-type-body-s);
    letter-spacing: var(--bds-type-body-s-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-field__control:hover {
    --_border: var(--bds-color-on-surface);
  }
  .bds-field__control:focus-within {
    --_border: var(--bds-color-primary);
    --_ring: var(--bds-color-primary);
  }
  .bds-field--error .bds-field__control,
  .bds-field__control:has([aria-invalid=true]) {
    --_border: var(--bds-color-error);
    --_ring: var(--bds-color-transparent);
  }
  .bds-field--error .bds-field__control:focus-within,
  .bds-field__control:has([aria-invalid=true]):focus-within {
    --_ring: var(--bds-color-error);
  }
  .bds-field--error .bds-field__support,
  .bds-field:has([aria-invalid=true]) .bds-field__support {
    color: var(--bds-color-error);
  }
  .bds-field--error .bds-field__label,
  .bds-field:has([aria-invalid=true]) .bds-field__label {
    color: var(--bds-color-error);
  }
  .bds-field--disabled .bds-field__control,
  .bds-field__control:has(:disabled) {
    --_border: var(--bds-color-outline-variant);
    background: var(--bds-color-disabled-container);
    color: var(--bds-color-on-disabled);
    box-shadow: none;
  }
  .bds-field__control:has(:disabled) .bds-field__input {
    color: var(--bds-color-on-disabled);
    cursor: not-allowed;
  }
  .bds-field--disabled .bds-field__label,
  .bds-field:has(:disabled) .bds-field__label {
    color: var(--bds-color-on-disabled);
  }
  .bds-field--filled .bds-field__control {
    background: var(--bds-color-surface-variant);
    border-color: var(--bds-color-transparent);
    border-block-end-color: var(--_border);
    border-end-start-radius: 0;
    border-end-end-radius: 0;
    box-shadow: inset 0 -1px 0 var(--_ring);
  }
  .bds-field--filled .bds-field__control:not(:hover):not(:focus-within) {
    --_border: var(--bds-color-on-surface-variant);
  }
  .bds-field--lg .bds-field__control {
    block-size: var(--bds-control-height-lg);
  }
  .bds-field--multiline .bds-field__control {
    block-size: auto;
    align-items: flex-start;
    padding-block: var(--bds-space-8);
  }
  .bds-field--multiline .bds-field__input {
    min-block-size: 72px;
    resize: vertical;
  }
  select.bds-field__input {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    padding-inline-end: 28px;
    margin-inline-end: -28px;
  }
  .bds-field__arrow {
    pointer-events: none;
    margin-inline-start: auto;
  }
  select.bds-field__input option {
    color: initial;
  }
  [dir=rtl] .bds-field__input:is([type=email], [type=tel], [type=url], [inputmode=tel], [inputmode=numeric]) {
    direction: ltr;
    text-align: right;
  }
  .bds-menu {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-2);
    min-inline-size: 200px;
    padding: var(--bds-space-4);
    margin: 0;
    list-style: none;
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-md);
    background: var(--bds-skin-surface-raised);
    box-shadow: var(--bds-elevation-2);
    backdrop-filter: var(--bds-elevation-2-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-2-backdrop);
  }
  .bds-menu__item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--bds-space-12);
    inline-size: 100%;
    block-size: var(--bds-control-height-md);
    padding-inline: var(--bds-space-12);
    margin: 0;
    border: 0;
    border-radius: var(--bds-radius-sm);
    background-color: var(--bds-color-transparent);
    color: var(--bds-color-on-surface);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    text-align: start;
    text-decoration: none;
    cursor: pointer;
  }
  .bds-menu__item .bds-icon {
    font-size: var(--bds-icon-md);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-menu__item:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-menu__item:active {
    --_state: var(--bds-state-pressed);
  }
  .bds-menu__item:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: -2px;
  }
  .bds-menu__item[aria-selected=true],
  .bds-menu__item[aria-checked=true] {
    background-color: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
  }
  .bds-menu__item[aria-selected=true] .bds-icon,
  .bds-menu__item[aria-checked=true] .bds-icon {
    color: inherit;
  }
  .bds-menu__item:disabled,
  .bds-menu__item[aria-disabled=true] {
    color: var(--bds-color-on-disabled);
    cursor: not-allowed;
    --_state: var(--bds-color-transparent);
  }
  .bds-menu__item:disabled .bds-icon,
  .bds-menu__item[aria-disabled=true] .bds-icon {
    color: inherit;
  }
  .bds-menu__label {
    flex: 1;
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bds-menu__trailing {
    margin-inline-start: auto;
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-menu__divider {
    block-size: 1px;
    margin-block: var(--bds-space-4);
    border: 0;
    background: var(--bds-color-outline-variant);
  }
  .bds-checkbox,
  .bds-radio {
    display: inline-flex;
    align-items: center;
    gap: var(--bds-space-4);
    min-block-size: 40px;
    padding-inline-end: var(--bds-space-8);
    color: var(--bds-color-on-surface);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .bds-checkbox__input,
  .bds-radio__input {
    --_c: var(--bds-color-on-surface-variant);
    --_fill: var(--bds-skin-surface-sunken);
    --_state: var(--bds-color-transparent);
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    inline-size: 18px;
    block-size: 18px;
    margin: 11px;
    border: 2px solid var(--_c);
    border-radius: var(--bds-radius-xs);
    background: var(--_fill);
    box-shadow: var(--bds-inset-1), 0 0 0 11px var(--_state);
    cursor: inherit;
    transition: background-color var(--bds-duration-short) var(--bds-easing), box-shadow var(--bds-duration-short) var(--bds-easing);
  }
  .bds-radio__input {
    inline-size: 20px;
    block-size: 20px;
    margin: 10px;
    border-radius: 50%;
    box-shadow: var(--bds-inset-1), 0 0 0 10px var(--_state);
  }
  .bds-checkbox__input:hover,
  .bds-radio__input:hover,
  .bds-checkbox:hover .bds-checkbox__input,
  .bds-radio:hover .bds-radio__input {
    --_state: var(--bds-state-hover);
  }
  .bds-checkbox__input:active,
  .bds-radio__input:active {
    --_state: var(--bds-state-pressed);
  }
  .bds-checkbox__input:focus-visible,
  .bds-radio__input:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: 3px;
  }
  .bds-checkbox__input::after {
    content: "";
    inline-size: 14px;
    block-size: 14px;
    background: var(--bds-color-on-primary);
    -webkit-mask: var(--_mark) center / contain no-repeat;
    mask: var(--_mark) center / contain no-repeat;
    opacity: 0;
  }
  .bds-checkbox__input:checked,
  .bds-checkbox__input:indeterminate {
    --_c: var(--bds-color-primary);
    --_fill: var(--bds-color-primary);
    box-shadow: 0 0 0 11px var(--_state);
  }
  .bds-checkbox__input:checked {
    --_mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6 11-11-1.4-1.4z' fill='%23000'/%3E%3C/svg%3E");
  }
  .bds-checkbox__input:indeterminate {
    --_mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='11' width='14' height='2.5' rx='1' fill='%23000'/%3E%3C/svg%3E");
  }
  .bds-checkbox__input:checked::after,
  .bds-checkbox__input:indeterminate::after {
    opacity: 1;
  }
  .bds-radio__input::after {
    content: "";
    inline-size: 10px;
    block-size: 10px;
    border-radius: 50%;
    background: var(--_c);
    transform: scale(0);
    transition: transform var(--bds-duration-short) var(--bds-easing);
  }
  .bds-radio__input:checked {
    --_c: var(--bds-color-primary);
  }
  .bds-radio__input:checked::after {
    transform: scale(1);
  }
  .bds-checkbox__input[aria-invalid=true],
  .bds-radio__input[aria-invalid=true],
  .bds-checkbox--error .bds-checkbox__input,
  .bds-radio--error .bds-radio__input {
    --_c: var(--bds-color-error);
  }
  .bds-checkbox__input[aria-invalid=true]:checked,
  .bds-checkbox--error .bds-checkbox__input:checked,
  .bds-checkbox__input[aria-invalid=true]:indeterminate,
  .bds-checkbox--error .bds-checkbox__input:indeterminate {
    --_fill: var(--bds-color-error);
  }
  .bds-checkbox__input[aria-invalid=true]::after,
  .bds-checkbox--error .bds-checkbox__input::after {
    background: var(--bds-color-on-error);
  }
  .bds-checkbox:has(:disabled),
  .bds-radio:has(:disabled) {
    color: var(--bds-color-on-disabled);
    cursor: not-allowed;
  }
  .bds-checkbox__input:disabled,
  .bds-radio__input:disabled {
    --_c: var(--bds-color-on-disabled);
    --_state: var(--bds-color-transparent);
    box-shadow: none;
  }
  .bds-checkbox__input:disabled:checked,
  .bds-checkbox__input:disabled:indeterminate {
    --_fill: var(--bds-color-on-disabled);
  }
  .bds-choice-group {
    display: flex;
    flex-direction: column;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .bds-choice-group__label {
    padding: 0;
    margin-block-end: var(--bds-space-4);
    font: var(--bds-type-title-s);
    letter-spacing: var(--bds-type-title-s-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-switch {
    display: inline-flex;
    align-items: center;
    gap: var(--bds-space-12);
    color: var(--bds-color-on-surface);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .bds-switch__input {
    --_track: var(--bds-color-surface-variant);
    --_border: var(--bds-color-outline);
    --_handle: var(--bds-color-outline);
    --_size: 16px;
    --_pos: 4px;
    --_state: var(--bds-color-transparent);
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    inline-size: 52px;
    block-size: 32px;
    margin: 0;
    border: 2px solid var(--_border);
    border-radius: var(--bds-radius-full);
    background: var(--_track);
    box-shadow: var(--bds-inset-1);
    cursor: inherit;
    transition: background-color var(--bds-duration-medium) var(--bds-easing), border-color var(--bds-duration-medium) var(--bds-easing);
  }
  .bds-switch__input::before {
    content: "";
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--_pos);
    inline-size: var(--_size);
    block-size: var(--_size);
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--_handle);
    box-shadow: var(--bds-elevation-1), 0 0 0 8px var(--_state);
    transform: translateY(-50%);
    font-family: var(--bds-icon-font);
    font-size: 16px;
    line-height: 1;
    color: var(--bds-color-primary);
    font-feature-settings: "liga";
    overflow: hidden;
    transition:
      inset-inline-start var(--bds-duration-medium) var(--bds-easing),
      inline-size var(--bds-duration-short) var(--bds-easing),
      block-size var(--bds-duration-short) var(--bds-easing);
  }
  .bds-switch__input:checked {
    --_track: var(--bds-color-primary);
    --_border: var(--bds-color-primary);
    --_handle: var(--bds-color-on-primary);
    --_size: 24px;
    --_pos: 22px;
  }
  .bds-switch--icons .bds-switch__input:checked::before {
    content: "check";
  }
  .bds-switch__input:hover,
  .bds-switch:hover .bds-switch__input {
    --_state: var(--bds-state-hover);
  }
  .bds-switch__input:active {
    --_state: var(--bds-state-pressed);
    --_size: 28px;
  }
  .bds-switch__input:not(:checked):active {
    --_pos: 0px;
  }
  .bds-switch__input:checked:active {
    --_pos: 20px;
  }
  .bds-switch__input:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: 2px;
  }
  .bds-switch:has(:disabled) {
    color: var(--bds-color-on-disabled);
    cursor: not-allowed;
  }
  .bds-switch__input:disabled {
    --_track: var(--bds-color-disabled-container);
    --_border: var(--bds-color-on-disabled);
    --_handle: var(--bds-color-on-disabled);
    --_state: var(--bds-color-transparent);
    box-shadow: none;
  }
  .bds-switch__input:disabled:checked {
    --_border: var(--bds-color-disabled-container);
    --_handle: var(--bds-skin-surface);
  }
  .bds-chip {
    --_fg: var(--bds-color-on-surface);
    --_icon: var(--bds-color-primary);
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: var(--bds-space-8);
    block-size: 32px;
    padding-inline: var(--bds-space-12);
    margin: 0;
    border: var(--bds-border-field-width) solid var(--bds-color-outline);
    border-radius: var(--bds-radius-sm);
    background-color: var(--bds-skin-surface);
    color: var(--_fg);
    box-shadow: var(--bds-elevation-1);
    font: var(--bds-type-label-l);
    letter-spacing: var(--bds-type-label-l-tracking);
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background-color var(--bds-duration-short) var(--bds-easing), box-shadow var(--bds-duration-short) var(--bds-easing);
  }
  .bds-chip .bds-icon {
    font-size: 18px;
    color: var(--_icon);
  }
  .bds-chip:has(> .bds-icon:first-child) {
    padding-inline-start: var(--bds-space-8);
  }
  .bds-chip:has(> .bds-chip__remove:last-child) {
    padding-inline-end: var(--bds-space-4);
  }
  .bds-chip:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-chip:active {
    --_state: var(--bds-state-pressed);
    box-shadow: var(--bds-inset-1);
  }
  .bds-chip--assist {
    --_fg: var(--bds-color-primary);
  }
  .bds-chip--filter {
    --_fg: var(--bds-color-on-surface-variant);
    --_icon: currentColor;
  }
  .bds-chip--input {
    --_icon: var(--bds-color-on-surface-variant);
  }
  .bds-chip[aria-pressed=true],
  .bds-chip[aria-selected=true] {
    --_fg: var(--bds-color-on-primary-container);
    --_icon: currentColor;
    border-color: var(--bds-color-transparent);
    background-color: var(--bds-color-primary-container);
    box-shadow: var(--bds-inset-1);
  }
  .bds-chip--filter[aria-pressed=true]::before {
    content: "check";
    font-family: var(--bds-icon-font);
    font-size: 18px;
    line-height: 1;
    font-feature-settings: "liga";
    margin-inline-start: calc(var(--bds-space-4) * -1);
  }
  .bds-chip:disabled,
  .bds-chip[aria-disabled=true] {
    --_fg: var(--bds-color-on-disabled);
    --_icon: var(--bds-color-on-disabled);
    --_state: var(--bds-color-transparent);
    border-color: var(--bds-color-outline-variant);
    background-color: var(--bds-color-transparent);
    box-shadow: none;
    cursor: not-allowed;
  }
  .bds-chip__remove {
    display: inline-grid;
    place-items: center;
    inline-size: 24px;
    block-size: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  .bds-chip__remove:hover {
    background: var(--bds-state-hover);
  }
  .bds-chip__remove .bds-icon {
    color: inherit;
  }
  .bds-chip-set {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bds-space-8);
  }
  .bds-card {
    --_bg: var(--bds-skin-surface-raised);
    --_border: var(--bds-skin-border);
    --_bw: var(--bds-border-width);
    --_shadow: var(--bds-elevation-1);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: var(--_bw) solid var(--_border);
    border-radius: var(--bds-radius-lg);
    background-color: var(--_bg);
    color: var(--bds-color-on-surface);
    box-shadow: var(--_shadow);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
    text-align: start;
    text-decoration: none;
  }
  .bds-card--filled {
    --_bg: var(--bds-color-surface-variant);
    --_border: var(--bds-color-transparent);
    --_shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .bds-card--outlined {
    --_bg: var(--bds-skin-surface);
    --_border: var(--bds-color-outline-variant);
    --_bw: 1px;
    --_shadow: none;
  }
  .bds-card--interactive {
    cursor: pointer;
    font: inherit;
    padding: 0;
    transition: box-shadow var(--bds-duration-medium) var(--bds-easing);
  }
  .bds-card--interactive:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-card--interactive:not(.bds-card--filled, .bds-card--outlined):hover {
    --_shadow: var(--bds-elevation-2);
  }
  .bds-card--interactive:active {
    --_state: var(--bds-state-pressed);
    --_shadow: var(--bds-inset-1);
  }
  .bds-card--interactive:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: 2px;
  }
  .bds-card__media {
    display: grid;
    place-items: center;
    aspect-ratio: 2 / 1;
    background: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
    object-fit: cover;
    inline-size: 100%;
  }
  .bds-card__media .bds-icon {
    font-size: 40px;
  }
  .bds-card__content {
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-4);
    padding: var(--bds-space-16);
  }
  .bds-card__title {
    margin: 0;
    font: var(--bds-type-title-l);
    letter-spacing: var(--bds-type-title-l-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-card__subtitle {
    margin: 0;
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-card__body {
    margin: var(--bds-space-4) 0 0;
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-card__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--bds-space-8);
    padding: 0 var(--bds-space-16) var(--bds-space-16);
  }
  .bds-dialog {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-16);
    inline-size: min(400px, 100% - 32px);
    max-inline-size: 100%;
    padding: var(--bds-space-24);
    margin: auto;
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-xl);
    background: var(--bds-skin-surface-raised);
    color: var(--bds-color-on-surface-variant);
    box-shadow: var(--bds-elevation-2);
    backdrop-filter: var(--bds-elevation-2-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-2-backdrop);
  }
  dialog.bds-dialog:not([open]) {
    display: none;
  }
  dialog.bds-dialog--inline {
    position: static;
  }
  .bds-dialog::backdrop {
    background: var(--bds-color-scrim);
  }
  .bds-dialog__icon {
    color: var(--bds-color-primary);
    font-size: var(--bds-icon-lg);
  }
  .bds-dialog__headline {
    margin: 0;
    font: var(--bds-type-headline-s);
    letter-spacing: var(--bds-type-headline-s-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-dialog__body {
    margin: 0;
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
  }
  .bds-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--bds-space-8);
    padding-block-start: var(--bds-space-8);
  }
  .bds-dialog--destructive .bds-dialog__icon {
    color: var(--bds-color-error);
  }
  .bds-dialog:has(> .bds-dialog__icon) {
    text-align: center;
  }
  .bds-dialog:has(> .bds-dialog__icon) > .bds-dialog__icon {
    align-self: center;
  }
  .bds-top-app-bar {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--bds-space-8);
    block-size: 64px;
    padding-inline: var(--bds-space-16);
    border-block-end: var(--bds-border-width) solid var(--bds-skin-border);
    background: var(--bds-skin-surface);
    color: var(--bds-color-on-surface);
    box-shadow: var(--bds-elevation-1);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
  }
  .bds-top-app-bar__title {
    flex: 1;
    min-inline-size: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: var(--bds-type-title-l);
    letter-spacing: var(--bds-type-title-l-tracking);
  }
  .bds-nav-bar,
  .bds-nav-rail {
    box-sizing: border-box;
    display: flex;
    background: var(--bds-skin-surface-raised);
    box-shadow: var(--bds-elevation-2);
    backdrop-filter: var(--bds-elevation-2-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-2-backdrop);
  }
  .bds-nav-bar {
    justify-content: space-around;
    min-block-size: 80px;
    padding-inline: var(--bds-space-8);
    padding-block-end: env(safe-area-inset-bottom, 0px);
    border-block-start: var(--bds-border-width) solid var(--bds-skin-border);
  }
  .bds-nav-bar > .bds-nav-item {
    flex: 1;
  }
  .bds-nav-rail {
    flex-direction: column;
    align-items: center;
    gap: var(--bds-space-4);
    inline-size: 80px;
    padding-block: var(--bds-space-12);
    border-inline-end: var(--bds-border-width) solid var(--bds-skin-border);
    box-shadow: none;
  }
  .bds-nav-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--bds-space-4);
    min-inline-size: 64px;
    padding: var(--bds-space-12) 0 var(--bds-space-16);
    margin: 0;
    border: 0;
    background: transparent;
    color: var(--bds-color-on-surface-variant);
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .bds-nav-item__indicator {
    display: grid;
    place-items: center;
    inline-size: 64px;
    block-size: 32px;
    border-radius: var(--bds-radius-full);
    background-color: var(--bds-color-transparent);
    transition: background-color var(--bds-duration-short) var(--bds-easing);
  }
  .bds-nav-item:hover .bds-nav-item__indicator {
    --_state: var(--bds-state-hover);
  }
  .bds-nav-item:active .bds-nav-item__indicator {
    --_state: var(--bds-state-pressed);
  }
  .bds-nav-item:focus-visible {
    outline: none;
  }
  .bds-nav-item:focus-visible .bds-nav-item__indicator {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: 2px;
  }
  .bds-nav-item[aria-current=page],
  .bds-nav-item[aria-selected=true] {
    color: var(--bds-color-on-surface);
    font-weight: 600;
  }
  .bds-nav-item[aria-current=page] .bds-nav-item__indicator,
  .bds-nav-item[aria-selected=true] .bds-nav-item__indicator {
    background-color: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
    box-shadow: var(--bds-inset-1);
  }
  .bds-sidebar {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-2);
    inline-size: 264px;
    padding: var(--bds-space-12);
    border-inline-end: var(--bds-border-width) solid var(--bds-skin-border);
    background: var(--bds-skin-surface);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
  }
  .bds-sidebar__heading {
    padding: var(--bds-space-16) var(--bds-space-12) var(--bds-space-8);
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-sidebar-item {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--bds-space-12);
    block-size: var(--bds-control-height-md);
    padding-inline: var(--bds-space-12);
    border-radius: var(--bds-radius-md);
    background-color: var(--bds-color-transparent);
    color: var(--bds-color-on-surface);
    font: var(--bds-type-label-l);
    letter-spacing: var(--bds-type-label-l-tracking);
    text-decoration: none;
    cursor: pointer;
  }
  .bds-sidebar-item .bds-icon {
    font-size: var(--bds-icon-md);
    color: var(--bds-color-on-surface-variant);
  }
  .bds-sidebar-item:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-sidebar-item:active {
    --_state: var(--bds-state-pressed);
  }
  .bds-sidebar-item:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: -2px;
  }
  .bds-sidebar-item[aria-current=page] {
    background-color: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
    box-shadow: var(--bds-inset-1);
  }
  .bds-sidebar-item[aria-current=page] .bds-icon {
    color: inherit;
  }
  .bds-sidebar-item__label {
    flex: 1;
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .bds-sidebar-item__badge {
    padding-inline: var(--bds-space-6);
    border-radius: var(--bds-radius-full);
    background: var(--bds-color-surface-variant);
    color: var(--bds-color-on-surface-variant);
    font: var(--bds-type-label-s);
    letter-spacing: var(--bds-type-label-s-tracking);
  }
  .bds-table-wrap {
    overflow: auto;
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-lg);
    background: var(--bds-skin-surface);
    box-shadow: var(--bds-elevation-1);
    backdrop-filter: var(--bds-elevation-1-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-1-backdrop);
  }
  .bds-table {
    inline-size: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-table th,
  .bds-table td {
    box-sizing: border-box;
    padding-inline: var(--bds-space-12);
    border-block-end: 1px solid var(--bds-color-outline-variant);
    text-align: start;
    vertical-align: middle;
    white-space: nowrap;
  }
  .bds-table th {
    position: sticky;
    inset-block-start: 0;
    block-size: 44px;
    background: var(--bds-color-surface-variant);
    color: var(--bds-color-on-surface-variant);
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
  }
  .bds-table td {
    block-size: 52px;
  }
  .bds-table--compact td {
    block-size: 40px;
  }
  .bds-table tbody tr:last-child td {
    border-block-end: 0;
  }
  .bds-table tbody tr {
    background-image: linear-gradient(var(--_state, transparent), var(--_state, transparent));
  }
  .bds-table tbody tr:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-table tbody tr[aria-selected=true] {
    background-color: var(--bds-color-primary-container);
  }
  .bds-table .bds-table__check {
    inline-size: 56px;
    padding-inline: var(--bds-space-4) 0;
  }
  .bds-table .bds-table__check .bds-checkbox {
    padding: 0;
  }
  .bds-table .bds-table__num {
    text-align: end;
    font-variant-numeric: tabular-nums;
  }
  .bds-table__sort {
    display: inline-flex;
    align-items: center;
    gap: var(--bds-space-4);
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
  }
  .bds-table__sort .bds-icon {
    font-size: var(--bds-icon-sm);
  }
  .bds-table__cell-user {
    display: flex;
    align-items: center;
    gap: var(--bds-space-8);
  }
  .bds-badge {
    --_bg: var(--bds-color-surface-variant);
    --_fg: var(--bds-color-on-surface-variant);
    --_dot: var(--bds-color-outline);
    display: inline-flex;
    align-items: center;
    gap: var(--bds-space-4);
    padding: var(--bds-space-2) var(--bds-space-8);
    border-radius: var(--bds-radius-full);
    background: var(--_bg);
    color: var(--_fg);
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    white-space: nowrap;
  }
  .bds-badge::before {
    content: "";
    inline-size: 6px;
    block-size: 6px;
    border-radius: 50%;
    background: var(--_dot);
  }
  .bds-badge--success {
    --_bg: var(--bds-color-success-container);
    --_fg: var(--bds-color-on-success-container);
    --_dot: var(--bds-color-success);
  }
  .bds-badge--warning {
    --_bg: var(--bds-color-warning-container);
    --_fg: var(--bds-color-on-warning-container);
    --_dot: var(--bds-color-warning);
  }
  .bds-badge--error {
    --_bg: var(--bds-color-error-container);
    --_fg: var(--bds-color-on-error-container);
    --_dot: var(--bds-color-error);
  }
  .bds-badge--info {
    --_bg: var(--bds-color-info-container);
    --_fg: var(--bds-color-on-info-container);
    --_dot: var(--bds-color-info);
  }
  .bds-avatar {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    inline-size: 28px;
    block-size: 28px;
    border-radius: 50%;
    background: var(--bds-color-info-container);
    color: var(--bds-color-on-info-container);
    font: var(--bds-type-label-s);
    letter-spacing: var(--bds-type-label-s-tracking);
    overflow: hidden;
  }
  .bds-avatar--lg {
    inline-size: 40px;
    block-size: 40px;
    font: var(--bds-type-label-l);
  }
  .bds-tabs {
    display: flex;
    border-block-end: 1px solid var(--bds-color-outline-variant);
    background: var(--bds-skin-surface);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bds-tab {
    position: relative;
    box-sizing: border-box;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--bds-space-2);
    min-block-size: 48px;
    padding-inline: var(--bds-space-16);
    margin: 0;
    border: 0;
    background-color: var(--bds-color-transparent);
    color: var(--bds-color-on-surface-variant);
    font: var(--bds-type-title-s);
    letter-spacing: var(--bds-type-title-s-tracking);
    white-space: nowrap;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .bds-tab:has(> .bds-icon) {
    min-block-size: 64px;
  }
  .bds-tab:hover {
    --_state: var(--bds-state-hover);
  }
  .bds-tab:active {
    --_state: var(--bds-state-pressed);
  }
  .bds-tab:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
    outline-offset: -2px;
  }
  .bds-tab[aria-selected=true] {
    color: var(--bds-color-primary);
  }
  .bds-tab::after {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 50%;
    inline-size: 40px;
    block-size: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--bds-color-primary);
    transform: translateX(-50%) scaleX(0);
    transition: transform var(--bds-duration-medium) var(--bds-easing);
  }
  [dir=rtl] .bds-tab::after {
    transform: translateX(50%) scaleX(0);
  }
  .bds-tab[aria-selected=true]::after {
    transform: translateX(-50%) scaleX(1);
  }
  [dir=rtl] .bds-tab[aria-selected=true]::after {
    transform: translateX(50%) scaleX(1);
  }
  .bds-tabs--secondary .bds-tab {
    flex-direction: row;
    gap: var(--bds-space-8);
    min-block-size: 48px;
  }
  .bds-tabs--secondary .bds-tab[aria-selected=true] {
    color: var(--bds-color-on-surface);
  }
  .bds-tabs--secondary .bds-tab::after,
  [dir=rtl] .bds-tabs--secondary .bds-tab::after {
    inset-inline: 0;
    inline-size: auto;
    block-size: 2px;
    border-radius: 0;
    transform: scaleX(0);
  }
  .bds-tabs--secondary .bds-tab[aria-selected=true]::after,
  [dir=rtl] .bds-tabs--secondary .bds-tab[aria-selected=true]::after {
    transform: scaleX(1);
  }
  .bds-tab-panel {
    padding-block: var(--bds-space-16);
  }
  .bds-tab-panel[hidden] {
    display: none;
  }
  .bds-snackbar {
    --_bg: var(--bds-color-inverse-surface);
    --_fg: var(--bds-color-inverse-on-surface);
    --_action: var(--bds-color-inverse-primary);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--bds-space-8);
    min-block-size: 48px;
    max-inline-size: 560px;
    padding-block: var(--bds-space-4);
    padding-inline: var(--bds-space-16) var(--bds-space-8);
    border-radius: var(--bds-radius-sm);
    background: var(--_bg);
    color: var(--_fg);
    box-shadow: var(--bds-elevation-2);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
  }
  .bds-snackbar--error {
    --_bg: var(--bds-color-error-container);
    --_fg: var(--bds-color-on-error-container);
    --_action: var(--bds-color-on-error-container);
  }
  .bds-snackbar__message {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--bds-space-12);
    padding-block: 10px;
  }
  .bds-snackbar__message .bds-icon {
    font-size: var(--bds-icon-md);
  }
  .bds-snackbar--two-line {
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .bds-snackbar--two-line .bds-snackbar__message {
    flex-basis: 100%;
    padding-block-end: 0;
    align-items: flex-start;
  }
  .bds-snackbar--two-line .bds-snackbar__actions {
    margin-inline-start: auto;
  }
  .bds-snackbar__actions {
    display: flex;
    align-items: center;
    gap: var(--bds-space-4);
  }
  .bds-snackbar__action {
    block-size: 36px;
    padding-inline: var(--bds-space-12);
    border: 0;
    border-radius: var(--bds-radius-sm);
    background-color: transparent;
    color: var(--_action);
    font: var(--bds-type-label-l);
    letter-spacing: var(--bds-type-label-l-tracking);
    cursor: pointer;
  }
  .bds-snackbar__close {
    display: inline-grid;
    place-items: center;
    inline-size: 36px;
    block-size: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
  }
  .bds-snackbar__close .bds-icon {
    font-size: var(--bds-icon-md);
  }
  .bds-snackbar__action:hover,
  .bds-snackbar__close:hover {
    --_state: var(--bds-state-on-primary-hover);
  }
  .bds-snackbar__action:focus-visible,
  .bds-snackbar__close:focus-visible {
    outline: 2px solid var(--_action);
    outline-offset: -2px;
  }
  .bds-tooltip {
    --_bg: var(--bds-color-inverse-surface);
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    max-inline-size: 240px;
    padding: var(--bds-space-4) var(--bds-space-8);
    border-radius: var(--bds-radius-xs);
    background: var(--_bg);
    color: var(--bds-color-inverse-on-surface);
    font: var(--bds-type-body-s);
    letter-spacing: var(--bds-type-body-s-tracking);
  }
  .bds-tooltip--arrow-top::before,
  .bds-tooltip--arrow-bottom::before {
    content: "";
    position: absolute;
    inset-inline-start: calc(50% - 7px);
    inline-size: 14px;
    block-size: 7px;
    background: var(--_bg);
  }
  .bds-tooltip--arrow-top::before {
    inset-block-end: 100%;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .bds-tooltip--arrow-bottom::before {
    inset-block-start: 100%;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
  .bds-tooltip--rich {
    --_bg: var(--bds-skin-surface-raised);
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-4);
    max-inline-size: 312px;
    padding: var(--bds-space-12) var(--bds-space-16) var(--bds-space-8);
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-md);
    color: var(--bds-color-on-surface-variant);
    box-shadow: var(--bds-elevation-2);
    backdrop-filter: var(--bds-elevation-2-backdrop);
    -webkit-backdrop-filter: var(--bds-elevation-2-backdrop);
    font: var(--bds-type-body-m);
    letter-spacing: var(--bds-type-body-m-tracking);
  }
  .bds-tooltip__title {
    margin: 0;
    font: var(--bds-type-title-s);
    letter-spacing: var(--bds-type-title-s-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-tooltip__actions {
    display: flex;
    margin-inline-start: calc(var(--bds-space-12) * -1);
    padding-block-start: var(--bds-space-4);
  }
  .bds-tooltip-anchor {
    position: relative;
    display: inline-flex;
  }
  .bds-tooltip-anchor > .bds-tooltip {
    position: absolute;
    z-index: 10;
    inset-block-end: calc(100% + 8px);
    inset-inline-start: 50%;
    inline-size: max-content;
    translate: -50% 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--bds-duration-short) var(--bds-easing), visibility 0s linear var(--bds-duration-short);
  }
  [dir=rtl] .bds-tooltip-anchor > .bds-tooltip {
    translate: 50% 0;
  }
  .bds-tooltip-anchor--below > .bds-tooltip {
    inset-block: calc(100% + 8px) auto;
  }
  .bds-tooltip-anchor:hover > .bds-tooltip,
  .bds-tooltip-anchor:focus-within > .bds-tooltip {
    opacity: 1;
    visibility: visible;
    transition-delay: 500ms;
  }
  .bds-progress-field {
    display: flex;
    flex-direction: column;
    gap: var(--bds-space-8);
  }
  .bds-progress-field__row {
    display: flex;
    justify-content: space-between;
    gap: var(--bds-space-8);
    font: var(--bds-type-label-m);
    letter-spacing: var(--bds-type-label-m-tracking);
    color: var(--bds-color-on-surface);
  }
  .bds-progress-field__value {
    color: var(--bds-color-on-surface-variant);
    font-variant-numeric: tabular-nums;
  }
  .bds-progress {
    appearance: none;
    -webkit-appearance: none;
    display: block;
    inline-size: 100%;
    block-size: 4px;
    margin: 0;
    border: 0;
    border-radius: var(--bds-radius-full);
    background: var(--bds-color-surface-variant);
    box-shadow: var(--bds-inset-1);
    color: var(--bds-color-primary);
    overflow: hidden;
  }
  .bds-progress::-webkit-progress-bar {
    background: transparent;
  }
  .bds-progress::-webkit-progress-value {
    background: var(--bds-color-primary);
    border-radius: var(--bds-radius-full);
    transition: inline-size var(--bds-duration-medium) var(--bds-easing);
  }
  .bds-progress::-moz-progress-bar {
    background: var(--bds-color-primary);
    border-radius: var(--bds-radius-full);
  }
  [dir=rtl] .bds-progress {
    transform: scaleX(-1);
  }
  .bds-progress:indeterminate {
    background-image:
      linear-gradient(
        90deg,
        transparent 0 35%,
        var(--bds-color-primary) 35% 65%,
        transparent 65% 100%);
    background-size: 200% 100%;
    background-repeat: no-repeat;
    animation: bds-progress-slide 1.4s linear infinite;
  }
  .bds-progress:indeterminate::-webkit-progress-bar {
    background: transparent;
  }
  .bds-progress:indeterminate::-moz-progress-bar {
    background: transparent;
  }
  @keyframes bds-progress-slide {
    from {
      background-position: 150% 0;
    }
    to {
      background-position: -50% 0;
    }
  }
  .bds-spinner {
    --value: 0;
    --_size: 48px;
    inline-size: var(--_size);
    block-size: var(--_size);
    border-radius: 50%;
    background: conic-gradient(var(--bds-color-primary) calc(var(--value) * 1%), var(--bds-color-surface-variant) 0);
    -webkit-mask:
      radial-gradient(
        farthest-side,
        transparent calc(100% - 4px),
        #000 calc(100% - 4px));
    mask:
      radial-gradient(
        farthest-side,
        transparent calc(100% - 4px),
        #000 calc(100% - 4px));
  }
  [dir=rtl] .bds-spinner {
    transform: scaleX(-1);
  }
  .bds-spinner--sm {
    --_size: 24px;
  }
  .bds-spinner--indeterminate {
    background: conic-gradient(var(--bds-color-primary) 0 25%, transparent 25% 100%);
    animation: bds-spin 0.9s linear infinite;
  }
  @keyframes bds-spin {
    to {
      transform: rotate(1turn);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .bds-progress:indeterminate,
    .bds-spinner--indeterminate {
      animation-duration: 3s;
    }
  }
}
@layer theme, base, components, utilities;
@layer theme;
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
    }
    @supports (color: color-mix(in lab, red, red)) {
       {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type=button], [type=reset], [type=submit]),
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden=until-found])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-1 {
    inset: calc(var(--spacing) * 1);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .start-0 {
    inset-inline-start: calc(var(--spacing) * 0);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .end-0 {
    inset-inline-end: calc(var(--spacing) * 0);
  }
  .-top-4 {
    top: calc(var(--spacing) * -4);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-\[var\(--p-size-2\)\] {
    top: var(--p-size-2);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .-bottom-4 {
    bottom: calc(var(--spacing) * -4);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .left-3 {
    left: calc(var(--spacing) * 3);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .left-\[var\(--p-size-0\)\] {
    left: var(--p-size-0);
  }
  .left-\[var\(--p-size-1\)\] {
    left: var(--p-size-1);
  }
  .z-1 {
    z-index: 1;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-1 {
    grid-column: span 1 / span 1;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .container {
    width: 100%;
  }
  @media (width >= 40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width >= 48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width >= 64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width >= 80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width >= 96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .\!m-0 {
    margin: calc(var(--spacing) * 0) !important;
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .m-8 {
    margin: calc(var(--spacing) * 8);
  }
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .-ms-3 {
    margin-inline-start: calc(var(--spacing) * -3);
  }
  .ms-2 {
    margin-inline-start: calc(var(--spacing) * 2);
  }
  .ms-3 {
    margin-inline-start: calc(var(--spacing) * 3);
  }
  .ms-auto {
    margin-inline-start: auto;
  }
  .me-1 {
    margin-inline-end: calc(var(--spacing) * 1);
  }
  .me-2 {
    margin-inline-end: calc(var(--spacing) * 2);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mt-\[var\(--p-spacing-2\)\] {
    margin-top: var(--p-spacing-2);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-\[var\(--p-spacing-3\)\] {
    margin-bottom: var(--p-spacing-3);
  }
  .mb-\[var\(--p-spacing-4\)\] {
    margin-bottom: var(--p-spacing-4);
  }
  .mb-\[var\(--p-spacing-12\)\] {
    margin-bottom: var(--p-spacing-12);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-0 {
    width: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 0);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }
  .size-11 {
    width: calc(var(--spacing) * 11);
    height: calc(var(--spacing) * 11);
  }
  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }
  .\!h-10 {
    height: calc(var(--spacing) * 10) !important;
  }
  .\!h-12 {
    height: calc(var(--spacing) * 12) !important;
  }
  .\!h-18 {
    height: calc(var(--spacing) * 18) !important;
  }
  .\!h-24 {
    height: calc(var(--spacing) * 24) !important;
  }
  .\!h-\[40px\] {
    height: 40px !important;
  }
  .\!h-\[48px\] {
    height: 48px !important;
  }
  .\!h-full {
    height: 100% !important;
  }
  .h-0\.5 {
    height: calc(var(--spacing) * 0.5);
  }
  .h-1 {
    height: calc(var(--spacing) * 1);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-24 {
    height: calc(var(--spacing) * 24);
  }
  .h-\[3px\] {
    height: 3px;
  }
  .h-\[var\(--p-size-3\)\] {
    height: var(--p-size-3);
  }
  .h-\[var\(--p-size-5\)\] {
    height: var(--p-size-5);
  }
  .h-\[var\(--p-size-6\)\] {
    height: var(--p-size-6);
  }
  .h-\[var\(--p-size-7\)\] {
    height: var(--p-size-7);
  }
  .h-\[var\(--p-size-8\)\] {
    height: var(--p-size-8);
  }
  .h-\[var\(--p-size-9\)\] {
    height: var(--p-size-9);
  }
  .h-\[var\(--p-size-10\)\] {
    height: var(--p-size-10);
  }
  .h-\[var\(--p-size-14\)\] {
    height: var(--p-size-14);
  }
  .h-\[var\(--p-size-15\)\] {
    height: var(--p-size-15);
  }
  .h-\[var\(--p-size-24\)\] {
    height: var(--p-size-24);
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .\!max-h-full {
    max-height: 100% !important;
  }
  .max-h-\[calc\(100\%-72px\)\] {
    max-height: calc(100% - 72px);
  }
  .max-h-\[calc\(100dvh-var\(--p-size-8\)\)\] {
    max-height: calc(100dvh - var(--p-size-8));
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .\!w-8 {
    width: calc(var(--spacing) * 8) !important;
  }
  .\!w-10 {
    width: calc(var(--spacing) * 10) !important;
  }
  .\!w-12 {
    width: calc(var(--spacing) * 12) !important;
  }
  .\!w-18 {
    width: calc(var(--spacing) * 18) !important;
  }
  .\!w-24 {
    width: calc(var(--spacing) * 24) !important;
  }
  .\!w-\[40px\] {
    width: 40px !important;
  }
  .\!w-\[48px\] {
    width: 48px !important;
  }
  .\!w-\[min\(20rem\,88vw\)\] {
    width: min(20rem, 88vw) !important;
  }
  .\!w-\[var\(--p-sidebar-width\)\] {
    width: var(--p-sidebar-width) !important;
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-1\/3 {
    width: calc(1 / 3 * 100%);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-16 {
    width: calc(var(--spacing) * 16);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-\[25\%\] {
    width: 25%;
  }
  .w-\[var\(--p-sidebar-width\)\] {
    width: var(--p-sidebar-width);
  }
  .w-\[var\(--p-size-3\)\] {
    width: var(--p-size-3);
  }
  .w-\[var\(--p-size-5\)\] {
    width: var(--p-size-5);
  }
  .w-\[var\(--p-size-6\)\] {
    width: var(--p-size-6);
  }
  .w-\[var\(--p-size-10\)\] {
    width: var(--p-size-10);
  }
  .w-\[var\(--p-size-14\)\] {
    width: var(--p-size-14);
  }
  .w-\[var\(--p-size-15\)\] {
    width: var(--p-size-15);
  }
  .w-\[var\(--p-size-20\)\] {
    width: var(--p-size-20);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-2 {
    min-width: calc(var(--spacing) * 2);
  }
  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }
  .min-w-\[20px\] {
    min-width: 20px;
  }
  .min-w-\[var\(--p-spacing-6\)\] {
    min-width: var(--p-spacing-6);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .-scale-x-100 {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-text {
    cursor: text;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-\[2\.5rem_1fr_2\.5rem\] {
    grid-template-columns: 2.5rem 1fr 2.5rem;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .gap-\[var\(--p-spacing-2\)\] {
    gap: var(--p-spacing-2);
  }
  .gap-\[var\(--p-spacing-3\)\] {
    gap: var(--p-spacing-3);
  }
  .gap-\[var\(--p-spacing-4\)\] {
    gap: var(--p-spacing-4);
  }
  .gap-\[var\(--p-spacing-6\)\] {
    gap: var(--p-spacing-6);
  }
  .gap-\[var\(--p-spacing-8\)\] {
    gap: var(--p-spacing-8);
  }
  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-6 {
    column-gap: calc(var(--spacing) * 6);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }
  .gap-y-4 {
    row-gap: calc(var(--spacing) * 4);
  }
  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where(.divide-gray-200 > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\(--p-radius-large\) {
    border-radius: var(--p-radius-large);
  }
  .rounded-\(--p-radius-xsmall\) {
    border-radius: var(--p-radius-xsmall);
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[24px\] {
    border-radius: 24px;
  }
  .rounded-\[var\(--p-radius-large\)\] {
    border-radius: var(--p-radius-large);
  }
  .rounded-\[var\(--p-radius-x-small\)\] {
    border-radius: var(--p-radius-x-small);
  }
  .rounded-\[var\(--p-radius-xsmall\)\] {
    border-radius: var(--p-radius-xsmall);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-y-\[0\.375rem\] {
    border-block-style: var(--tw-border-style);
    border-block-width: 0.375rem;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\!border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-l-\[0\.5rem\] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0.5rem;
  }
  .\!border-none {
    --tw-border-style: none !important;
    border-style: none !important;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .\!border-\[var\(--color-gray-200\)\] {
    border-color: var(--color-gray-200) !important;
  }
  .\!border-primary-700 {
    border-color: var(--color-primary-700) !important;
  }
  .\!border-transparent {
    border-color: transparent !important;
  }
  .border-\[\#E5E7EB\] {
    border-color: #E5E7EB;
  }
  .border-\[color-mix\(in_oklab\,var\(--p-surface-0\)_30\%\,transparent\)\] {
    border-color: var(--p-surface-0);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_oklab\,var\(--p-surface-0\)_30\%\,transparent\)\] {
      border-color: color-mix(in oklab, var(--p-surface-0) 30%, transparent);
    }
  }
  .border-\[color-mix\(in_srgb\,var\(--color-success-600\)_30\%\,transparent\)\] {
    border-color: var(--color-success-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--color-success-600\)_30\%\,transparent\)\] {
      border-color: color-mix(in srgb, var(--color-success-600) 30%, transparent);
    }
  }
  .border-\[color\:var\(--color-border\)\] {
    border-color: var(--color-border);
  }
  .border-\[var\(--color-primary-600\)\] {
    border-color: var(--color-primary-600);
  }
  .border-\[var\(--color-surface-inset\)\] {
    border-color: var(--color-surface-inset);
  }
  .border-\[var\(--p-glass-border\)\] {
    border-color: var(--p-glass-border);
  }
  .border-\[var\(--p-textarea-invalid-border-color\)\] {
    border-color: var(--p-textarea-invalid-border-color);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-gray-100 {
    border-color: var(--color-gray-100);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-gray-400 {
    border-color: var(--color-gray-400);
  }
  .border-primary-100 {
    border-color: var(--color-primary-100);
  }
  .border-primary-200 {
    border-color: var(--color-primary-200);
  }
  .border-primary-300 {
    border-color: var(--color-primary-300);
  }
  .border-primary-500 {
    border-color: var(--color-primary-500);
  }
  .border-primary-600 {
    border-color: var(--color-primary-600);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-500 {
    border-color: var(--color-red-500);
  }
  .border-success-600 {
    border-color: var(--color-success-600);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-warning-500 {
    border-color: var(--color-warning-500);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-white\/15 {
    border-color: color-mix(in srgb, #fff 15%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .border-y-transparent {
    border-block-color: transparent;
  }
  .border-l-\[var\(--color-primary-500\)\] {
    border-left-color: var(--color-primary-500);
  }
  .\!bg-\[\#25d366\] {
    background-color: #25d366 !important;
  }
  .\!bg-primary {
    background-color: var(--color-primary) !important;
  }
  .bg-\(--color-danger-300\) {
    background-color: var(--color-danger-300);
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-success-600\)_8\%\,transparent\)\] {
    background-color: var(--color-success-600);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--color-success-600\)_8\%\,transparent\)\] {
      background-color: color-mix(in srgb, var(--color-success-600) 8%, transparent);
    }
  }
  .bg-\[var\(--color-accent-100\)\] {
    background-color: var(--color-accent-100);
  }
  .bg-\[var\(--color-primary-50\)\] {
    background-color: var(--color-primary-50);
  }
  .bg-\[var\(--color-primary-100\)\] {
    background-color: var(--color-primary-100);
  }
  .bg-\[var\(--color-primary-200\)\] {
    background-color: var(--color-primary-200);
  }
  .bg-\[var\(--color-primary-500\)\] {
    background-color: var(--color-primary-500);
  }
  .bg-\[var\(--color-primary-900\)\] {
    background-color: var(--color-primary-900);
  }
  .bg-\[var\(--color-primary-color\)\] {
    background-color: var(--color-primary-color);
  }
  .bg-\[var\(--color-surface-card\)\] {
    background-color: var(--color-surface-card);
  }
  .bg-\[var\(--p-color-white\)\] {
    background-color: var(--p-color-white);
  }
  .bg-\[var\(--p-glass-overlay\)\] {
    background-color: var(--p-glass-overlay);
  }
  .bg-\[var\(--p-surface-300\)\] {
    background-color: var(--p-surface-300);
  }
  .bg-accent-400 {
    background-color: var(--color-accent-400);
  }
  .bg-accent-600 {
    background-color: var(--color-accent-600);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-danger-500 {
    background-color: var(--color-danger-500);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-gray-50 {
    background-color: var(--color-gray-50);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }
  .bg-gray-300 {
    background-color: var(--color-gray-300);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-100 {
    background-color: var(--color-primary-100);
  }
  .bg-primary-300 {
    background-color: var(--color-primary-300);
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-primary-950 {
    background-color: var(--color-primary-950);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-success-500 {
    background-color: var(--color-success-500);
  }
  .bg-success-500\/10 {
    background-color: var(--color-success-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-success-500\/10 {
      background-color: color-mix(in oklab, var(--color-success-500) 10%, transparent);
    }
  }
  .bg-success-600 {
    background-color: var(--color-success-600);
  }
  .bg-surface-canvas {
    background-color: var(--color-surface-canvas);
  }
  .bg-surface-card {
    background-color: var(--color-surface-card);
  }
  .bg-surface-inset {
    background-color: var(--color-surface-inset);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-warning-500\/15 {
    background-color: var(--color-warning-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-warning-500\/15 {
      background-color: color-mix(in oklab, var(--color-warning-500) 15%, transparent);
    }
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/10 {
    background-color: color-mix(in srgb, #fff 10%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/10 {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-white\/40 {
    background-color: color-mix(in srgb, #fff 40%, transparent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/40 {
      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-tl {
    --tw-gradient-position: to top left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-\[var\(--color-primary-600\)\] {
    --tw-gradient-from: var(--color-primary-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-\[var\(--color-primary-800\)\] {
    --tw-gradient-from: var(--color-primary-800);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-primary-50 {
    --tw-gradient-from: var(--color-primary-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[var\(--color-primary-600\)\] {
    --tw-gradient-to: var(--color-primary-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[var\(--p-color-deep-indigo\)\] {
    --tw-gradient-to: var(--p-color-deep-indigo);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .object-cover {
    object-fit: cover;
  }
  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-12 {
    padding: calc(var(--spacing) * 12);
  }
  .p-\[13px\] {
    padding: 13px;
  }
  .p-\[clamp\(1rem\,3vw\,1\.5rem\)\] {
    padding: clamp(1rem, 3vw, 1.5rem);
  }
  .p-\[clamp\(16px\,3vw\,24px\)\] {
    padding: clamp(16px, 3vw, 24px);
  }
  .\!px-12 {
    padding-inline: calc(var(--spacing) * 12) !important;
  }
  .\!px-14 {
    padding-inline: calc(var(--spacing) * 14) !important;
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-\[var\(--p-spacing-2\)\] {
    padding-inline: var(--p-spacing-2);
  }
  .px-\[var\(--p-spacing-3\)\] {
    padding-inline: var(--p-spacing-3);
  }
  .px-\[var\(--p-spacing-4\)\] {
    padding-inline: var(--p-spacing-4);
  }
  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }
  .\!py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .py-\[var\(--p-spacing-1\)\] {
    padding-block: var(--p-spacing-1);
  }
  .py-\[var\(--p-spacing-2\)\] {
    padding-block: var(--p-spacing-2);
  }
  .ps-6 {
    padding-inline-start: calc(var(--spacing) * 6);
  }
  .ps-\[var\(--p-spacing-8\)\] {
    padding-inline-start: var(--p-spacing-8);
  }
  .pe-4 {
    padding-inline-end: calc(var(--spacing) * 4);
  }
  .pe-6 {
    padding-inline-end: calc(var(--spacing) * 6);
  }
  .pe-\[var\(--p-spacing-1\)\] {
    padding-inline-end: var(--p-spacing-1);
  }
  .pe-\[var\(--p-spacing-4\)\] {
    padding-inline-end: var(--p-spacing-4);
  }
  .pe-\[var\(--p-spacing-6\)\] {
    padding-inline-end: var(--p-spacing-6);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-64 {
    padding-top: calc(var(--spacing) * 64);
  }
  .pt-\[var\(--p-spacing-1\)\] {
    padding-top: var(--p-spacing-1);
  }
  .pt-\[var\(--p-spacing-4\)\] {
    padding-top: var(--p-spacing-4);
  }
  .pt-\[var\(--p-spacing-6\)\] {
    padding-top: var(--p-spacing-6);
  }
  .pb-0 {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10);
  }
  .pb-14 {
    padding-bottom: calc(var(--spacing) * 14);
  }
  .pb-32 {
    padding-bottom: calc(var(--spacing) * 32);
  }
  .pb-\[calc\(var\(--p-spacing-3\)\+env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: calc(var(--p-spacing-3) + env(safe-area-inset-bottom));
  }
  .pb-\[var\(--p-spacing-10\)\] {
    padding-bottom: var(--p-spacing-10);
  }
  .pb-\[var\(--p-spacing-12\)\] {
    padding-bottom: var(--p-spacing-12);
  }
  .text-center {
    text-align: center;
  }
  .text-end {
    text-align: end;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-start {
    text-align: start;
  }
  .align-bottom {
    vertical-align: bottom;
  }
  .align-top {
    vertical-align: top;
  }
  .font-heading {
    font-family: var(--font-heading);
  }
  .\!text-4xl {
    font-size: var(--text-4xl) !important;
    line-height: var(--tw-leading, var(--text-4xl--line-height)) !important;
  }
  .\!text-sm {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .text-\[8px\] {
    font-size: 8px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-1 {
    --tw-leading: calc(var(--spacing) * 1);
    line-height: calc(var(--spacing) * 1);
  }
  .leading-\[1\.7\] {
    --tw-leading: 1.7;
    line-height: 1.7;
  }
  .leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .\[line-height\:var\(--line-height-relaxed\)\] {
    line-height: var(--line-height-relaxed);
  }
  .\!font-bold {
    --tw-font-weight: var(--font-weight-bold) !important;
    font-weight: var(--font-weight-bold) !important;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .\!text-white {
    color: var(--color-white) !important;
  }
  .text-\(--p-primary-color\) {
    color: var(--p-primary-color);
  }
  .text-\[\#374151\] {
    color: #374151;
  }
  .text-\[--p-color-gray-500\] {
    color: --p-color-gray-500;
  }
  .text-\[color\:var\(--color-gray-600\)\] {
    color: var(--color-gray-600);
  }
  .text-\[color\:var\(--color-gray-900\)\] {
    color: var(--color-gray-900);
  }
  .text-\[var\(--color-accent-600\)\] {
    color: var(--color-accent-600);
  }
  .text-\[var\(--color-accent-700\)\] {
    color: var(--color-accent-700);
  }
  .text-\[var\(--color-gray-500\)\] {
    color: var(--color-gray-500);
  }
  .text-\[var\(--color-primary-500\)\] {
    color: var(--color-primary-500);
  }
  .text-\[var\(--color-primary-600\)\] {
    color: var(--color-primary-600);
  }
  .text-\[var\(--color-primary-700\)\] {
    color: var(--color-primary-700);
  }
  .text-\[var\(--color-primary-800\)\] {
    color: var(--color-primary-800);
  }
  .text-\[var\(--color-primary-900\)\] {
    color: var(--color-primary-900);
  }
  .text-\[var\(--color-success-600\)\] {
    color: var(--color-success-600);
  }
  .text-\[var\(--p-color-gray-500\)\] {
    color: var(--p-color-gray-500);
  }
  .text-\[var\(--p-color-gray-600\)\] {
    color: var(--p-color-gray-600);
  }
  .text-\[var\(--p-color-gray-700\)\] {
    color: var(--p-color-gray-700);
  }
  .text-\[var\(--p-color-gray-800\)\] {
    color: var(--p-color-gray-800);
  }
  .text-\[var\(--p-color-indigo600\)\] {
    color: var(--p-color-indigo600);
  }
  .text-\[var\(--p-gray-400\)\] {
    color: var(--p-gray-400);
  }
  .text-\[var\(--p-gray-500\)\] {
    color: var(--p-gray-500);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-cyan-500 {
    color: var(--color-cyan-500);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-danger-500 {
    color: var(--color-danger-500);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-gray-400 {
    color: var(--color-gray-400);
  }
  .text-gray-500 {
    color: var(--color-gray-500);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-primary {
    color: var(--color-primary);
  }
  .text-primary-50 {
    color: var(--color-primary-50);
  }
  .text-primary-200 {
    color: var(--color-primary-200);
  }
  .text-primary-500 {
    color: var(--color-primary-500);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .text-primary-700 {
    color: var(--color-primary-700);
  }
  .text-primary-800 {
    color: var(--color-primary-800);
  }
  .text-primary-900 {
    color: var(--color-primary-900);
  }
  .text-red-500 {
    color: var(--color-red-500);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-success-600 {
    color: var(--color-success-600);
  }
  .text-warning-500 {
    color: var(--color-warning-500);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-\[inset_0_-1px_0_var\(--color-gray-200\)\] {
    --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, var(--color-gray-200));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .\[box-shadow\:var\(--p-shadow-glow\)\] {
    box-shadow: var(--p-shadow-glow);
  }
  .shadow-accent {
    --tw-shadow-color: var(--color-accent);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-accent {
      --tw-shadow-color: color-mix(in oklab, var(--color-accent) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-primary {
    --tw-shadow-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .shadow-primary {
      --tw-shadow-color: color-mix(in oklab, var(--color-primary) var(--tw-shadow-alpha), transparent);
    }
  }
  .ring-primary-600 {
    --tw-ring-color: var(--color-primary-600);
  }
  .ring-offset-2 {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .blur-2xl {
    --tw-blur: blur(var(--blur-2xl));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .\!filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-blur-\[40px\] {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to,
      opacity,
      box-shadow,
      transform,
      translate,
      scale,
      rotate,
      filter,
      -webkit-backdrop-filter,
      backdrop-filter,
      display,
      content-visibility,
      overlay,
      pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[color\] {
    transition-property: color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color,
      background-color,
      border-color,
      outline-color,
      text-decoration-color,
      fill,
      stroke,
      --tw-gradient-from,
      --tw-gradient-via,
      --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property:
      transform,
      translate,
      scale,
      rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-100 {
    --tw-duration: 100ms;
    transition-duration: 100ms;
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-1500 {
    --tw-duration: 1500ms;
    transition-duration: 1500ms;
  }
  .duration-\[var\(--p-animation-duration\,0\.2s\)\] {
    --tw-duration: var(--p-animation-duration,0.2s);
    transition-duration: var(--p-animation-duration,0.2s);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-all {
    -webkit-user-select: all;
    user-select: all;
  }
  .\[--p-datatable-body-cell-border-color\:var\(--color-gray-200\)\] {
    --p-datatable-body-cell-border-color: var(--color-gray-200);
  }
  .\[--p-datatable-body-cell-sm-padding\:var\(--p-spacing-2\)_var\(--p-spacing-4\)\] {
    --p-datatable-body-cell-sm-padding: var(--p-spacing-2) var(--p-spacing-4);
  }
  .\[--p-datatable-border-color\:transparent\] {
    --p-datatable-border-color: transparent;
  }
  .\[--p-datatable-column-title-font-weight\:var\(--p-font-weight-semibold\)\] {
    --p-datatable-column-title-font-weight: var(--p-font-weight-semibold);
  }
  .\[--p-datatable-header-cell-background\:transparent\] {
    --p-datatable-header-cell-background: transparent;
  }
  .\[--p-datatable-header-cell-border-color\:var\(--color-gray-200\)\] {
    --p-datatable-header-cell-border-color: var(--color-gray-200);
  }
  .\[--p-datatable-header-cell-sm-padding\:var\(--p-spacing-2\)_var\(--p-spacing-4\)\] {
    --p-datatable-header-cell-sm-padding: var(--p-spacing-2) var(--p-spacing-4);
  }
  .\[--p-datatable-row-hover-background\:var\(--color-primary-50\)\] {
    --p-datatable-row-hover-background: var(--color-primary-50);
  }
  .\[--p-datatable-row-striped-background\:transparent\] {
    --p-datatable-row-striped-background: transparent;
  }
  .\[background\:var\(--p-glass-card-bg\)\] {
    background: var(--p-glass-card-bg);
  }
  .\[background\:var\(--p-gradient-bg\)\] {
    background: var(--p-gradient-bg);
  }
  .placeholder\:text-\[var\(--p-gray-400\)\]::placeholder {
    color: var(--p-gray-400);
  }
  .placeholder\:text-gray-400::placeholder {
    color: var(--color-gray-400);
  }
  .after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-0::after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * 0);
  }
  .after\:rounded-\[var\(--p-radius-small\)\]::after {
    content: var(--tw-content);
    border-radius: var(--p-radius-small);
  }
  .after\:content-\[\'\'\]::after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .last\:border-0:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .empty\:hidden:empty {
    display: none;
  }
  .focus-within\:\[box-shadow\:0_0_0_3px_color-mix\(in_oklab\,var\(--color-primary-500\)_15\%\,transparent\)\]:focus-within {
    box-shadow: 0 0 0 3px var(--color-primary-500);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:\[box-shadow\:0_0_0_3px_color-mix\(in_oklab\,var\(--color-primary-500\)_15\%\,transparent\)\]:focus-within {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary-500) 15%, transparent);
    }
  }
  @media (hover: hover) {
    .hover\:-translate-y-0\.5:hover {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  @media (hover: hover) {
    .hover\:border-\[var\(--color-primary-300\)\]:hover {
      border-color: var(--color-primary-300);
    }
  }
  @media (hover: hover) {
    .hover\:border-primary-300:hover {
      border-color: var(--color-primary-300);
    }
  }
  @media (hover: hover) {
    .hover\:border-primary-500:hover {
      border-color: var(--color-primary-500);
    }
  }
  @media (hover: hover) {
    .hover\:\!bg-\[var\(--color-primary-50\)\]:hover {
      background-color: var(--color-primary-50) !important;
    }
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--color-primary-50\)\]:hover {
      background-color: var(--color-primary-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--p-glass-bg\)\]:hover {
      background-color: var(--p-glass-bg);
    }
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--p-surface-50\)\]:hover {
      background-color: var(--p-surface-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-danger-500\/10:hover {
      background-color: var(--color-danger-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-danger-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-danger-500) 10%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary-50:hover {
      background-color: var(--color-primary-50);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary-100:hover {
      background-color: var(--color-primary-100);
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary-500\/10:hover {
      background-color: var(--color-primary-500);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary-500\/10:hover {
        background-color: color-mix(in oklab, var(--color-primary-500) 10%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:bg-primary-700:hover {
      background-color: var(--color-primary-700);
    }
  }
  @media (hover: hover) {
    .hover\:bg-white\/15:hover {
      background-color: color-mix(in srgb, #fff 15%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-white\/15:hover {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
      }
    }
  }
  @media (hover: hover) {
    .hover\:text-\[var\(--color-primary-700\)\]:hover {
      color: var(--color-primary-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-gray-700:hover {
      color: var(--color-gray-700);
    }
  }
  @media (hover: hover) {
    .hover\:text-primary-400:hover {
      color: var(--color-primary-400);
    }
  }
  @media (hover: hover) {
    .hover\:text-primary-700:hover {
      color: var(--color-primary-700);
    }
  }
  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  @media (hover: hover) {
    .hover\:shadow-lg:hover {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  @media (hover: hover) {
    .hover\:shadow-md:hover {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow:
        var(--tw-inset-shadow),
        var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow),
        var(--tw-ring-shadow),
        var(--tw-shadow);
    }
  }
  .focus\:border-primary-500:focus {
    border-color: var(--color-primary-500);
  }
  .focus\:border-primary-600:focus {
    border-color: var(--color-primary-600);
  }
  .focus\:shadow-xl:focus {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus\:ring-primary-100:focus {
    --tw-ring-color: var(--color-primary-100);
  }
  .focus\:ring-primary-200:focus {
    --tw-ring-color: var(--color-primary-200);
  }
  .focus\:ring-primary-500:focus {
    --tw-ring-color: var(--color-primary-500);
  }
  .focus\:ring-primary-600:focus {
    --tw-ring-color: var(--color-primary-600);
  }
  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .focus-visible\:ring-\[var\(--color-primary-400\)\]:focus-visible {
    --tw-ring-color: var(--color-primary-400);
  }
  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .focus-visible\:outline:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:-outline-offset-2:focus-visible {
    outline-offset: calc(2px * -1);
  }
  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }
  .focus-visible\:outline-danger-500:focus-visible {
    outline-color: var(--color-danger-500);
  }
  .focus-visible\:outline-primary-500:focus-visible {
    outline-color: var(--color-primary-500);
  }
  .focus-visible\:outline-primary-800:focus-visible {
    outline-color: var(--color-primary-800);
  }
  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
  .focus-visible\:after\:outline-2:focus-visible::after {
    content: var(--tw-content);
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .focus-visible\:after\:outline-offset-2:focus-visible::after {
    content: var(--tw-content);
    outline-offset: 2px;
  }
  .focus-visible\:after\:outline-\[var\(--color-primary-800\)\]:focus-visible::after {
    content: var(--tw-content);
    outline-color: var(--color-primary-800);
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .aria-pressed\:border-\[var\(--color-primary-600\)\][aria-pressed=true] {
    border-color: var(--color-primary-600);
  }
  .aria-pressed\:bg-\[var\(--color-primary-600\)\][aria-pressed=true] {
    background-color: var(--color-primary-600);
  }
  .aria-pressed\:text-white[aria-pressed=true] {
    color: var(--color-white);
  }
  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:static {
      position: static;
    }
  }
  @media (width >= 40rem) {
    .sm\:top-\[var\(--p-size-5\)\] {
      top: var(--p-size-5);
    }
  }
  @media (width >= 40rem) {
    .sm\:left-\[var\(--p-size-5\)\] {
      left: var(--p-size-5);
    }
  }
  @media (width >= 40rem) {
    .sm\:col-span-3 {
      grid-column: span 3 / span 3;
    }
  }
  @media (width >= 40rem) {
    .sm\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:me-auto {
      margin-inline-end: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-8 {
      margin-bottom: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:block {
      display: block;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex {
      display: flex;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid {
      display: grid;
    }
  }
  @media (width >= 40rem) {
    .sm\:hidden {
      display: none;
    }
  }
  @media (width >= 40rem) {
    .sm\:\!h-20 {
      height: calc(var(--spacing) * 20) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:h-14 {
      height: calc(var(--spacing) * 14);
    }
  }
  @media (width >= 40rem) {
    .sm\:\!w-20 {
      width: calc(var(--spacing) * 20) !important;
    }
  }
  @media (width >= 40rem) {
    .sm\:w-12 {
      width: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-28 {
      width: calc(var(--spacing) * 28);
    }
  }
  @media (width >= 40rem) {
    .sm\:w-auto {
      width: auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-\[1fr_auto_auto\] {
      grid-template-columns: 1fr auto auto;
    }
  }
  @media (width >= 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-center {
      align-items: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:items-start {
      align-items: flex-start;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-between {
      justify-content: space-between;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-center {
      justify-content: center;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }
  @media (width >= 40rem) {
    .sm\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-5 {
      gap: calc(var(--spacing) * 5);
    }
  }
  @media (width >= 40rem) {
    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-0 {
      padding: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-10 {
      padding: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 40rem) {
    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 40rem) {
    .sm\:py-10 {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  @media (width >= 40rem) {
    .sm\:text-start {
      text-align: start;
    }
  }
  @media (width >= 40rem) {
    .sm\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  @media (width >= 40rem) {
    .sm\:text-xl {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  @media (width >= 48rem) {
    .md\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:flex {
      display: flex;
    }
  }
  @media (width >= 48rem) {
    .md\:hidden {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .md\:table-row {
      display: table-row;
    }
  }
  @media (width >= 48rem) {
    .md\:w-\[calc\(50\%-0\.5rem\)\] {
      width: calc(50% - 0.5rem);
    }
  }
  @media (width >= 48rem) {
    .md\:min-w-36 {
      min-width: calc(var(--spacing) * 36);
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 48rem) {
    .md\:gap-x-8 {
      column-gap: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 48rem) {
    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  @media (width >= 64rem) {
    .lg\:sticky {
      position: sticky;
    }
  }
  @media (width >= 64rem) {
    .lg\:top-0 {
      top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:top-4 {
      top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:top-8 {
      top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:bottom-0 {
      bottom: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:order-1 {
      order: 1;
    }
  }
  @media (width >= 64rem) {
    .lg\:order-2 {
      order: 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:mx-0 {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:ms-auto {
      margin-inline-start: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:\!flex {
      display: flex !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:block {
      display: block;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex {
      display: flex;
    }
  }
  @media (width >= 64rem) {
    .lg\:hidden {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:\!h-28 {
      height: calc(var(--spacing) * 28) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:max-h-\[calc\(100dvh-4rem\)\] {
      max-height: calc(100dvh - 4rem);
    }
  }
  @media (width >= 64rem) {
    .lg\:\!w-28 {
      width: calc(var(--spacing) * 28) !important;
    }
  }
  @media (width >= 64rem) {
    .lg\:w-auto {
      width: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:min-w-\[280px\] {
      min-width: 280px;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-1 {
      flex: 1;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-none {
      flex: none;
    }
  }
  @media (width >= 64rem) {
    .lg\:shrink-0 {
      flex-shrink: 0;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] {
      grid-template-columns: minmax(0, 1fr) 20rem;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (width >= 64rem) {
    .lg\:items-center {
      align-items: center;
    }
  }
  @media (width >= 64rem) {
    .lg\:justify-start {
      justify-content: flex-start;
    }
  }
  @media (width >= 64rem) {
    .lg\:gap-4 {
      gap: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:overflow-y-auto {
      overflow-y: auto;
    }
  }
  @media (width >= 64rem) {
    .lg\:rounded-t-\[var\(--p-radius-small\)\] {
      border-top-left-radius: var(--p-radius-small);
      border-top-right-radius: var(--p-radius-small);
    }
  }
  @media (width >= 64rem) {
    .lg\:border-x {
      border-inline-style: var(--tw-border-style);
      border-inline-width: 1px;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  @media (width >= 64rem) {
    .lg\:border-b-0 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  @media (width >= 64rem) {
    .lg\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width >= 64rem) {
    .lg\:px-\[var\(--p-spacing-14\)\] {
      padding-inline: var(--p-spacing-14);
    }
  }
  @media (width >= 64rem) {
    .lg\:py-4 {
      padding-block: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-4 {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  @media (width >= 64rem) {
    .lg\:pt-8 {
      padding-top: calc(var(--spacing) * 8);
    }
  }
  @media (width >= 64rem) {
    .lg\:text-4xl {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (width >= 80rem) {
    .xl\:flex-row {
      flex-direction: row;
    }
  }
  .ltr\:rotate-180:where(:dir(ltr), [dir=ltr], [dir=ltr] *) {
    rotate: 180deg;
  }
  .rtl\:-scale-x-100:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    --tw-scale-x: calc(100% * -1);
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    rotate: 180deg;
  }
  .rtl\:flex-row-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *) {
    flex-direction: row-reverse;
  }
}
@layer tailwind-base, primeng, tailwind-utilities;
:root {
  --p-shadow-primary: var(--bds-elevation-2);
  --p-shadow-glow: var(--bds-elevation-1);
  --p-shadow-button-primary: none;
  --p-shadow-input-surface: none;
  --p-glass-bg: var(--bds-skin-surface);
  --p-glass-card-bg: var(--bds-skin-surface);
  --p-glass-border: var(--bds-border-width) solid var(--bds-skin-border);
  --p-glass-blur: 0px;
  --p-glass-radius: var(--bds-radius-xl);
  --p-glass-shadow: var(--bds-elevation-1);
  --p-gradient-bg: var(--bds-skin-bg);
  --color-primary-alpha-10: var(--color-primary-500);
  --p-white-alpha-20: color-mix(in oklab, white 20%, transparent);
  --p-radius-xx-small: 4px;
  --p-radius-x-small: 8px;
  --p-radius-small: 16px;
  --p-radius-medium: 24px;
  --p-radius-large: 32px;
  --p-size-1: 8px;
  --p-size-2: 16px;
  --p-size-3: 24px;
  --p-size-4: 32px;
  --p-size-5: 40px;
  --p-size-6: 48px;
  --p-size-7: 56px;
  --p-size-8: 64px;
  --p-size-9: 72px;
  --p-size-10: 80px;
  --p-size-12: 96px;
  --p-size-14: 112px;
  --p-size-15: 120px;
  --p-size-16: 128px;
  --p-size-20: 160px;
  --p-size-24: 192px;
  --p-size-28: 224px;
  --p-size-32: 256px;
  --p-size-40: 320px;
  --p-size-48: 384px;
  --p-size-56: 448px;
  --p-size-64: 512px;
  --p-spacing-3: 12px;
  --p-spacing-4: 16px;
  --p-spacing-6: 24px;
  --p-spacing-8: 32px;
  --p-spacing-12: 40px;
  --p-card-body-padding: var(--p-spacing-8);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --color-primary-alpha-10: color-mix( in oklab, var(--color-primary-500) 10%, transparent );
  }
}
body {
  min-height: 100dvh;
}
a {
  color: var(--color-primary-900);
}
.p-card {
  background: var(--p-glass-bg);
  border-radius: var(--p-spacing-8);
  overflow: hidden;
}
.p-card-body {
  border-radius: var(--p-spacing-8);
}
.container {
  width: var(--breakpoint-md-min);
  max-width: calc(100vw - var(--p-spacing-8));
  padding-top: 3.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .container {
    width: calc(100vw - var(--p-sidebar-width) - 6rem) !important;
    padding-top: 2rem;
  }
}
@layer components {
  .choice-tile {
    display: flex;
    align-items: center;
    gap: var(--p-spacing-3);
    inline-size: 100%;
    min-block-size: 3.5rem;
    padding: var(--p-spacing-3) var(--p-spacing-4);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--p-radius-x-small);
    background: var(--p-white);
    color: var(--color-gray-800);
    font: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
  }
  .choice-tile:hover:not(:disabled) {
    border-color: var(--color-primary-300);
    background: var(--color-primary-50);
  }
  .choice-tile:focus-visible {
    outline: 2px solid var(--color-primary-800);
    outline-offset: 2px;
  }
  .choice-tile[aria-pressed=true] {
    border: 2px solid var(--color-primary-600);
    padding: calc(var(--p-spacing-3) - 1px) calc(var(--p-spacing-4) - 1px);
    background: var(--color-primary-50);
    color: var(--color-primary-900);
  }
  .choice-tile:disabled,
  .choice-tile[aria-disabled=true]:not([aria-pressed=true]) {
    opacity: 0.5;
    cursor: not-allowed;
  }
  .choice-tile[aria-disabled=true][aria-pressed=true] {
    cursor: default;
  }
  .choice-tile__media {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-radius: var(--p-radius-x-small);
    background: var(--color-primary-50);
    color: var(--color-primary-700);
    font-size: 1.25rem;
    overflow: hidden;
  }
  .choice-tile[aria-pressed=true] .choice-tile__media {
    background: var(--p-white);
  }
  .choice-tile__media img {
    max-inline-size: 2rem;
    max-block-size: 2rem;
    object-fit: contain;
  }
  .choice-tile__text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-inline-size: 0;
  }
  .choice-tile__label {
    font-size: 0.9375rem;
    font-weight: var(--p-font-weight-semibold);
    line-height: 1.6;
  }
  .choice-tile__description {
    font-size: 0.8125rem;
    line-height: 1.6;
    color: var(--color-gray-600);
  }
  .choice-tile__check {
    flex: none;
    font-size: 1.25rem;
    color: var(--color-primary-600);
    opacity: 0;
    transition: opacity 0.15s;
  }
  .choice-tile[aria-pressed=true] .choice-tile__check {
    opacity: 1;
  }
}
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *,
    ::before,
    ::after,
    ::backdrop {
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

/* libs/shared/src/styles/bds-bridge.css */
html:root {
  --p-border-radius-none: 0;
  --p-border-radius-xs: var(--bds-radius-xs);
  --p-border-radius-sm: var(--bds-radius-sm);
  --p-border-radius-md: var(--bds-radius-md);
  --p-border-radius-lg: var(--bds-radius-lg);
  --p-border-radius-xl: var(--bds-radius-xl);
  --p-focus-ring-width: 2px;
  --p-focus-ring-style: solid;
  --p-focus-ring-color: var(--bds-color-focus-ring);
  --p-focus-ring-offset: 2px;
  --p-focus-ring-shadow: none;
  --p-text-color: var(--bds-color-on-surface);
  --p-text-hover-color: var(--bds-color-on-surface);
  --p-text-muted-color: var(--bds-color-on-surface-variant);
  --p-text-hover-muted-color: var(--bds-color-on-surface);
  --p-content-border-radius: var(--bds-radius-md);
  --p-content-background: var(--bds-skin-surface);
  --p-content-hover-background: var(--bds-state-hover);
  --p-content-border-color: var(--bds-color-outline-variant);
  --p-content-color: var(--bds-color-on-surface);
  --p-content-hover-color: var(--bds-color-on-surface);
  --p-overlay-select-border-radius: var(--bds-radius-md);
  --p-overlay-select-background: var(--bds-skin-surface-raised);
  --p-overlay-select-border-color: var(--bds-skin-border);
  --p-overlay-select-color: var(--bds-color-on-surface);
  --p-overlay-select-shadow: var(--bds-elevation-2);
  --p-overlay-popover-border-radius: var(--bds-radius-md);
  --p-overlay-popover-background: var(--bds-skin-surface-raised);
  --p-overlay-popover-border-color: var(--bds-skin-border);
  --p-overlay-popover-color: var(--bds-color-on-surface);
  --p-overlay-popover-shadow: var(--bds-elevation-2);
  --p-overlay-modal-border-radius: var(--bds-radius-xl);
  --p-overlay-modal-background: var(--bds-skin-surface-raised);
  --p-overlay-modal-border-color: var(--bds-skin-border);
  --p-overlay-modal-color: var(--bds-color-on-surface-variant);
  --p-overlay-modal-shadow: var(--bds-elevation-2);
  --p-overlay-modal-padding: var(--bds-space-24);
  --p-form-field-padding-x: var(--bds-space-12);
  --p-form-field-border-radius: var(--bds-radius-md);
  --p-form-field-background: var(--bds-skin-surface-sunken);
  --p-form-field-disabled-background: var(--bds-color-disabled-container);
  --p-form-field-filled-background: var(--bds-skin-surface-sunken);
  --p-form-field-filled-hover-background: var(--bds-skin-surface-sunken);
  --p-form-field-filled-focus-background: var(--bds-skin-surface-sunken);
  --p-form-field-border-color: var(--bds-skin-field-border);
  --p-form-field-hover-border-color: var(--bds-color-on-surface-variant);
  --p-form-field-focus-border-color: var(--bds-color-primary);
  --p-form-field-invalid-border-color: var(--bds-color-error);
  --p-form-field-color: var(--bds-color-on-surface);
  --p-form-field-disabled-color: var(--bds-color-on-disabled);
  --p-form-field-placeholder-color: var(--bds-color-on-surface-variant);
  --p-form-field-invalid-placeholder-color: var(--bds-color-error);
  --p-form-field-float-label-color: var(--bds-color-on-surface-variant);
  --p-form-field-float-label-focus-color: var(--bds-color-primary);
  --p-form-field-float-label-active-color: var(--bds-color-on-surface-variant);
  --p-form-field-float-label-invalid-color: var(--bds-color-error);
  --p-form-field-icon-color: var(--bds-color-on-surface-variant);
  --p-form-field-shadow: var(--bds-inset-1);
  --p-form-field-focus-ring-color: var(--bds-color-focus-ring);
  --p-form-field-focus-ring-shadow: none;
  --p-inputtext-background: var(--bds-skin-surface-sunken);
  --p-inputtext-border-color: var(--bds-skin-field-border);
  --p-inputtext-hover-border-color: var(--bds-color-on-surface-variant);
  --p-inputtext-focus-border-color: var(--bds-color-primary);
  --p-inputtext-invalid-border-color: var(--bds-color-error);
  --p-inputtext-border-radius: var(--bds-radius-md);
  --p-inputtext-color: var(--bds-color-on-surface);
  --p-inputtext-placeholder-color: var(--bds-color-on-surface-variant);
  --p-inputtext-shadow: var(--bds-inset-1);
  --p-inputtext-focus-ring-color: var(--bds-color-focus-ring);
  --p-textarea-background: var(--bds-skin-surface-sunken);
  --p-textarea-border-color: var(--bds-skin-field-border);
  --p-textarea-hover-border-color: var(--bds-color-on-surface-variant);
  --p-textarea-focus-border-color: var(--bds-color-primary);
  --p-textarea-border-radius: var(--bds-radius-md);
  --p-select-background: var(--bds-skin-surface-sunken);
  --p-select-border-color: var(--bds-skin-field-border);
  --p-select-hover-border-color: var(--bds-color-on-surface-variant);
  --p-select-focus-border-color: var(--bds-color-primary);
  --p-select-border-radius: var(--bds-radius-md);
  --p-select-overlay-border-radius: var(--bds-radius-md);
  --p-select-overlay-shadow: var(--bds-elevation-2);
  --p-select-option-border-radius: var(--bds-radius-sm);
  --p-select-option-selected-background: var(--bds-color-primary-container);
  --p-select-option-selected-color: var(--bds-color-on-primary-container);
  --p-select-option-focus-background: var(--bds-state-hover);
  --p-inputgroup-addon-background: var(--bds-skin-surface-sunken);
  --p-inputgroup-addon-border-color: var(--bds-skin-field-border);
  --p-inputgroup-addon-color: var(--bds-color-on-surface-variant);
  --p-inputgroup-addon-border-radius: var(--bds-radius-md);
  --p-floatlabel-color: var(--bds-color-on-surface-variant);
  --p-floatlabel-focus-color: var(--bds-color-primary);
  --p-floatlabel-invalid-color: var(--bds-color-error);
  --p-floatlabel-on-active-background: var(--bds-skin-surface);
  --p-button-border-radius: var(--bds-radius-md);
  --p-button-rounded-border-radius: var(--bds-radius-full);
  --p-button-gap: var(--bds-space-8);
  --p-button-padding-x: var(--bds-space-16);
  --p-button-label-font-weight: 500;
  --p-button-raised-shadow: var(--bds-elevation-1);
  --p-button-focus-ring-color: var(--bds-color-focus-ring);
  --p-button-focus-ring-width: 2px;
  --p-button-focus-ring-offset: 2px;
  --p-button-primary-background: var(--bds-color-primary);
  --p-button-primary-hover-background: var(--bds-color-primary-hover);
  --p-button-primary-active-background: var(--bds-color-primary-hover);
  --p-button-primary-border-color: transparent;
  --p-button-primary-hover-border-color: transparent;
  --p-button-primary-active-border-color: transparent;
  --p-button-primary-color: var(--bds-color-on-primary);
  --p-button-primary-hover-color: var(--bds-color-on-primary);
  --p-button-primary-active-color: var(--bds-color-on-primary);
  --p-button-primary-focus-ring-color: var(--bds-color-focus-ring);
  --p-button-primary-focus-ring-shadow: none;
  --p-button-secondary-background: var(--bds-color-primary-container);
  --p-button-secondary-hover-background: color-mix( in oklab, var(--bds-color-primary-container) 88%, var(--bds-color-primary) );
  --p-button-secondary-active-background: color-mix( in oklab, var(--bds-color-primary-container) 80%, var(--bds-color-primary) );
  --p-button-secondary-border-color: transparent;
  --p-button-secondary-hover-border-color: transparent;
  --p-button-secondary-active-border-color: transparent;
  --p-button-secondary-color: var(--bds-color-on-primary-container);
  --p-button-secondary-hover-color: var(--bds-color-on-primary-container);
  --p-button-secondary-active-color: var(--bds-color-on-primary-container);
  --p-button-danger-background: var(--bds-color-error);
  --p-button-danger-hover-background: color-mix( in oklab, var(--bds-color-error) 88%, black );
  --p-button-danger-active-background: color-mix( in oklab, var(--bds-color-error) 80%, black );
  --p-button-danger-border-color: transparent;
  --p-button-danger-hover-border-color: transparent;
  --p-button-danger-color: var(--bds-color-on-error);
  --p-button-danger-hover-color: var(--bds-color-on-error);
  --p-button-success-background: var(--bds-color-success);
  --p-button-success-hover-background: color-mix( in oklab, var(--bds-color-success) 88%, black );
  --p-button-success-border-color: transparent;
  --p-button-success-color: var(--bds-color-on-primary);
  --p-button-outlined-primary-border-color: var(--bds-skin-field-border);
  --p-button-outlined-primary-color: var(--bds-color-primary);
  --p-button-outlined-primary-hover-background: var(--bds-state-hover);
  --p-button-outlined-primary-active-background: var(--bds-state-pressed);
  --p-button-outlined-secondary-border-color: var(--bds-skin-field-border);
  --p-button-outlined-secondary-color: var(--bds-color-on-surface-variant);
  --p-button-outlined-secondary-hover-background: var(--bds-state-hover);
  --p-button-outlined-danger-border-color: var(--bds-color-error);
  --p-button-outlined-danger-color: var(--bds-color-error);
  --p-button-outlined-danger-hover-background: color-mix( in oklab, var(--bds-color-error) 8%, transparent );
  --p-button-text-primary-color: var(--bds-color-primary);
  --p-button-text-primary-hover-background: var(--bds-state-hover);
  --p-button-text-primary-active-background: var(--bds-state-pressed);
  --p-button-text-secondary-color: var(--bds-color-on-surface-variant);
  --p-button-text-secondary-hover-background: var(--bds-state-hover);
  --p-button-text-danger-color: var(--bds-color-error);
  --p-button-text-danger-hover-background: color-mix( in oklab, var(--bds-color-error) 8%, transparent );
  --p-button-link-color: var(--bds-color-primary);
  --p-button-link-hover-color: var(--bds-color-primary-hover);
  --p-card-background: var(--bds-skin-surface-raised);
  --p-card-border-radius: var(--bds-radius-lg);
  --p-card-color: var(--bds-color-on-surface);
  --p-card-shadow: var(--bds-elevation-1);
  --p-card-subtitle-color: var(--bds-color-on-surface-variant);
  --p-dialog-background: var(--bds-skin-surface-raised);
  --p-dialog-border-color: var(--bds-skin-border);
  --p-dialog-color: var(--bds-color-on-surface-variant);
  --p-dialog-border-radius: var(--bds-radius-xl);
  --p-dialog-shadow: var(--bds-elevation-2);
  --p-mask-background: var(--bds-color-scrim);
  --p-drawer-background: var(--bds-skin-surface-raised);
  --p-drawer-border-color: var(--bds-skin-border);
  --p-drawer-shadow: var(--bds-elevation-2);
  --p-menu-background: var(--bds-skin-surface-raised);
  --p-menu-border-color: var(--bds-skin-border);
  --p-menu-border-radius: var(--bds-radius-md);
  --p-menu-shadow: var(--bds-elevation-2);
  --p-menu-item-border-radius: var(--bds-radius-sm);
  --p-menu-item-focus-background: var(--bds-state-hover);
  --p-toast-border-radius: var(--bds-radius-sm);
  --p-toast-border-width: 0;
  --p-toast-blur: 0;
  --p-toast-success-background: var(--bds-color-inverse-surface);
  --p-toast-success-color: var(--bds-color-inverse-on-surface);
  --p-toast-success-detail-color: var(--bds-color-inverse-on-surface);
  --p-toast-success-shadow: var(--bds-elevation-2);
  --p-toast-info-background: var(--bds-color-inverse-surface);
  --p-toast-info-color: var(--bds-color-inverse-on-surface);
  --p-toast-info-detail-color: var(--bds-color-inverse-on-surface);
  --p-toast-info-shadow: var(--bds-elevation-2);
  --p-toast-warn-background: var(--bds-color-inverse-surface);
  --p-toast-warn-color: var(--bds-color-inverse-on-surface);
  --p-toast-warn-detail-color: var(--bds-color-inverse-on-surface);
  --p-toast-warn-shadow: var(--bds-elevation-2);
  --p-toast-error-background: var(--bds-color-error-container);
  --p-toast-error-color: var(--bds-color-on-error-container);
  --p-toast-error-detail-color: var(--bds-color-on-error-container);
  --p-toast-error-shadow: var(--bds-elevation-2);
  --p-tabs-tablist-background: transparent;
  --p-tabs-tablist-border-color: var(--bds-color-outline-variant);
  --p-tabs-tab-color: var(--bds-color-on-surface-variant);
  --p-tabs-tab-hover-color: var(--bds-color-on-surface);
  --p-tabs-tab-active-color: var(--bds-color-primary);
  --p-tabs-tab-hover-background: var(--bds-state-hover);
  --p-tabs-tab-font-weight: 500;
  --p-tabs-active-bar-background: var(--bds-color-primary);
  --p-tabs-active-bar-height: 3px;
  --p-tabs-tabpanel-background: transparent;
  --p-checkbox-border-radius: var(--bds-radius-xs);
  --p-checkbox-border-color: var(--bds-color-on-surface-variant);
  --p-checkbox-checked-background: var(--bds-color-primary);
  --p-checkbox-checked-hover-background: var(--bds-color-primary-hover);
  --p-checkbox-checked-border-color: var(--bds-color-primary);
  --p-checkbox-checked-hover-border-color: var(--bds-color-primary-hover);
  --p-checkbox-icon-checked-color: var(--bds-color-on-primary);
  --p-radiobutton-border-color: var(--bds-color-on-surface-variant);
  --p-radiobutton-checked-background: var(--bds-color-primary);
  --p-radiobutton-checked-border-color: var(--bds-color-primary);
  --p-radiobutton-checked-hover-background: var(--bds-color-primary-hover);
  --p-radiobutton-checked-hover-border-color: var(--bds-color-primary-hover);
  --p-toggleswitch-background: var(--bds-color-surface-variant);
  --p-toggleswitch-border-color: var(--bds-color-outline);
  --p-toggleswitch-checked-background: var(--bds-color-primary);
  --p-toggleswitch-checked-hover-background: var(--bds-color-primary-hover);
  --p-toggleswitch-handle-background: var(--bds-color-outline);
  --p-toggleswitch-handle-checked-background: var(--bds-color-on-primary);
  --p-tag-border-radius: var(--bds-radius-full);
  --p-tag-primary-background: var(--bds-color-primary-container);
  --p-tag-primary-color: var(--bds-color-on-primary-container);
  --p-tag-secondary-background: var(--bds-color-surface-variant);
  --p-tag-secondary-color: var(--bds-color-on-surface-variant);
  --p-tag-success-background: var(--bds-color-success-container);
  --p-tag-success-color: var(--bds-color-on-success-container);
  --p-tag-info-background: var(--bds-color-info-container);
  --p-tag-info-color: var(--bds-color-on-info-container);
  --p-tag-warn-background: var(--bds-color-warning-container);
  --p-tag-warn-color: var(--bds-color-on-warning-container);
  --p-tag-danger-background: var(--bds-color-error-container);
  --p-tag-danger-color: var(--bds-color-on-error-container);
  --p-surface-0: var(--bds-neutral-0);
  --p-surface-50: var(--bds-neutral-50);
  --p-surface-100: var(--bds-neutral-100);
  --p-surface-200: var(--bds-neutral-200);
  --p-surface-300: var(--bds-neutral-300);
  --p-surface-400: var(--bds-neutral-400);
  --p-surface-500: var(--bds-neutral-500);
  --p-surface-600: var(--bds-neutral-600);
  --p-surface-700: var(--bds-neutral-700);
  --p-surface-800: var(--bds-neutral-800);
  --p-surface-900: var(--bds-neutral-900);
  --p-surface-950: var(--bds-neutral-950);
  --p-gray-50: var(--bds-neutral-50);
  --p-gray-100: var(--bds-neutral-100);
  --p-gray-200: var(--bds-neutral-200);
  --p-gray-300: var(--bds-neutral-300);
  --p-gray-400: var(--bds-neutral-400);
  --p-gray-500: var(--bds-neutral-500);
  --p-gray-600: var(--bds-neutral-600);
  --p-gray-700: var(--bds-neutral-700);
  --p-gray-800: var(--bds-neutral-800);
  --p-gray-900: var(--bds-neutral-900);
  --p-gray-950: var(--bds-neutral-950);
  --p-color-gray-100: var(--bds-neutral-100);
  --p-color-gray-200: var(--bds-neutral-200);
  --p-color-gray-300: var(--bds-neutral-300);
  --p-color-gray-400: var(--bds-neutral-400);
  --p-color-gray-500: var(--bds-neutral-500);
  --p-color-gray-600: var(--bds-neutral-600);
  --p-color-gray-700: var(--bds-neutral-700);
  --p-color-gray-800: var(--bds-neutral-800);
  --p-color-gray-900: var(--bds-neutral-900);
  --p-color-indigo600: var(--bds-color-primary);
  --p-color-deep-indigo: var(--bds-brand-800);
  --p-color-indigo-lighter: var(--bds-brand-50);
  --p-color-indigo-light: var(--bds-brand-100);
  --p-color-indigo-deep-dark: var(--bds-brand-900);
  --p-radius-xx-small: var(--bds-radius-xs);
  --p-radius-x-small: var(--bds-radius-sm);
  --p-radius-small: var(--bds-radius-lg);
  --p-radius-medium: var(--bds-radius-xl);
  --p-radius-large: var(--bds-radius-xl);
  --p-white: var(--bds-skin-surface);
}
html[lang=en] {
  --font-sans: var(--bds-font-ui);
  --font-heading: var(--bds-font-display-family);
}
:root:lang(fa) {
  --bds-font-fa:
    "Vazirmatn FaNum",
    "Vazirmatn",
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
}
:root:lang(fa) :is(.latin-digits, [lang]:not(:lang(fa)), input[type=email], input[type=url], a[href^="mailto:"]) {
  --bds-font-fa:
    "Vazirmatn",
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    sans-serif;
}
html .p-button {
  min-block-size: var(--bds-control-height-md);
  font: var(--bds-type-label-l);
  letter-spacing: var(--bds-type-label-l-tracking);
  box-shadow: none;
}
html .p-button:not(.p-button-text):not(.p-button-outlined):not(.p-button-link):not(.p-button-secondary) {
  box-shadow: var(--bds-elevation-1);
}
html .p-inputtext,
html .p-select,
html .p-inputgroup-addon {
  min-block-size: var(--bds-control-height-md);
}
html .p-dialog-title {
  font: var(--bds-type-headline-s);
  letter-spacing: var(--bds-type-headline-s-tracking);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled,
html[data-skin][data-brand][data-theme] .p-select.p-variant-filled,
html[data-skin][data-brand][data-theme] .p-textarea.p-variant-filled,
html[data-skin][data-brand][data-theme] .bds-app lib-date-picker .date-field,
html[data-skin][data-brand][data-theme] .bds-app lib-date-picker .date-field.underlined {
  border: var(--bds-border-field-width) solid var(--bds-skin-field-border) !important;
  border-radius: var(--bds-radius-md) !important;
  background-color: var(--bds-skin-surface-sunken) !important;
  background-image: none !important;
  box-shadow: var(--bds-inset-1) !important;
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled:not(textarea),
html[data-skin][data-brand][data-theme] .p-select.p-variant-filled,
html[data-skin][data-brand][data-theme] .bds-app lib-date-picker .date-field {
  min-block-size: var(--bds-control-height-lg);
}
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled:enabled:hover,
html[data-skin][data-brand][data-theme] .p-select.p-variant-filled:not(.p-disabled):hover,
html[data-skin][data-brand][data-theme] .bds-app lib-date-picker .date-field:hover {
  border-color: var(--bds-color-on-surface-variant) !important;
}
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled:enabled:focus,
html[data-skin][data-brand][data-theme] .p-select.p-variant-filled.p-focus,
html[data-skin][data-brand][data-theme] .bds-app lib-date-picker .date-field:focus-within {
  border-color: var(--bds-color-primary) !important;
  box-shadow: var(--bds-inset-1), inset 0 0 0 1px var(--bds-color-primary) !important;
  outline: none;
}
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled.ng-invalid.ng-dirty,
html[data-skin][data-brand][data-theme] .p-inputtext.p-variant-filled.ng-invalid.ng-touched,
html[data-skin][data-brand][data-theme] .p-select.p-variant-filled.ng-invalid.ng-touched,
html[data-skin][data-brand][data-theme] .p-inputtext.p-invalid,
html[data-skin][data-brand][data-theme] .p-select.p-invalid {
  border-color: var(--bds-color-error) !important;
}
html[data-skin][data-brand][data-theme] lib-avatar-component .avatar-placeholder,
html[data-skin][data-brand][data-theme] .p-avatar {
  background: var(--bds-color-info-container);
  color: var(--bds-color-on-info-container);
}
html[data-skin][data-brand][data-theme] .p-button:disabled,
html[data-skin][data-brand][data-theme] .p-button.p-disabled {
  opacity: 1 !important;
  border-color: transparent !important;
  background: var(--bds-color-disabled-container) !important;
  color: var(--bds-color-on-disabled) !important;
  box-shadow: none !important;
}
html[data-skin][data-brand][data-theme] .p-button.p-button-text:disabled,
html[data-skin][data-brand][data-theme] .p-button.p-button-link:disabled {
  background: transparent !important;
}
@layer base {
  html[data-skin][data-brand][data-theme] .p-inputtext,
  html[data-skin][data-brand][data-theme] .p-inputgroupaddon {
    background-color: var(--bds-skin-surface-sunken) !important;
  }
}
html[data-skin][data-brand][data-theme] .lib-modal,
html[data-skin][data-brand][data-theme] .unsaved-dialog {
  --p-dialog-background: var(--bds-skin-surface-raised);
  --p-dialog-border-color: var(--bds-skin-border);
  --p-dialog-color: var(--bds-color-on-surface-variant);
  --p-dialog-border-radius: var(--bds-radius-xl);
  --p-dialog-shadow: var(--bds-elevation-2);
  --p-dialog-header-padding: var(--bds-space-24) var(--bds-space-24) 0;
  --p-dialog-header-gap: var(--bds-space-16);
  --p-dialog-content-padding: var(--bds-space-16) var(--bds-space-24);
  --p-dialog-footer-padding: var(--bds-space-8) var(--bds-space-24) var(--bds-space-24);
  --p-dialog-footer-gap: var(--bds-space-8);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-header,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-header {
  border-block-end: 0;
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-title,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-title {
  min-inline-size: 0;
  font: var(--bds-type-headline-s);
  letter-spacing: var(--bds-type-headline-s-tracking);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-content,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-content {
  font: var(--bds-type-body-m);
  letter-spacing: var(--bds-type-body-m-tracking);
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-footer,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-footer {
  justify-content: flex-end;
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-close-button,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-close-button {
  --_state: var(--bds-color-transparent);
  inline-size: var(--bds-control-height-md);
  block-size: var(--bds-control-height-md);
  margin-inline-end: calc(var(--bds-space-8) * -1);
  border-radius: var(--bds-radius-full);
  background-color: var(--bds-color-transparent);
  background-image: linear-gradient(var(--_state), var(--_state));
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-close-button:hover,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-close-button:hover {
  --_state: var(--bds-state-hover);
  background-color: var(--bds-color-transparent);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-close-button:active,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-close-button:active {
  --_state: var(--bds-state-pressed);
}
html[data-skin][data-brand][data-theme] .lib-modal .p-dialog-close-button:focus-visible,
html[data-skin][data-brand][data-theme] .unsaved-dialog .p-dialog-close-button:focus-visible {
  outline: 2px solid var(--bds-color-focus-ring);
  outline-offset: 2px;
}
html[data-skin][data-brand][data-theme] .p-dialog-mask:has(> .lib-modal),
html[data-skin][data-brand][data-theme] .p-dialog-mask:has(> .unsaved-dialog) {
  background: var(--bds-color-scrim);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .viewport {
  background: var(--bds-skin-bg);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar {
  gap: var(--bds-space-2);
  padding: var(--bds-space-12);
  border-inline-end: var(--bds-border-width) solid var(--bds-skin-border);
  background: var(--bds-skin-surface);
  box-shadow: var(--bds-elevation-1);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu {
  --_state: var(--bds-color-transparent);
  gap: var(--bds-space-12);
  min-block-size: var(--bds-control-height-md);
  padding-block: var(--bds-space-8);
  padding-inline: var(--bds-space-12);
  border-radius: var(--bds-radius-md);
  background-color: var(--bds-color-transparent);
  background-image: linear-gradient(var(--_state), var(--_state));
  color: var(--bds-color-on-surface);
  font: var(--bds-type-label-l);
  letter-spacing: var(--bds-type-label-l-tracking);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu:not(.menu--profile):hover {
  --_state: var(--bds-state-hover);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu:not(.menu--profile):active {
  --_state: var(--bds-state-pressed);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu:focus-visible {
  outline: 2px solid var(--bds-color-focus-ring);
  outline-offset: -2px;
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu i {
  padding-inline: 0;
  inline-size: var(--bds-icon-md);
  block-size: var(--bds-icon-md);
  font-size: var(--bds-icon-md);
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu.active,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu.active i.ph {
  background-color: var(--bds-color-primary-container);
  color: var(--bds-color-on-primary-container);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu.active {
  box-shadow: var(--bds-inset-1);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu.active i.ph {
  background-color: transparent;
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu .collapseIcon {
  padding: var(--bds-space-4);
  margin-inline: 0;
  inline-size: var(--bds-icon-sm);
  block-size: var(--bds-icon-sm);
  font-size: var(--bds-icon-sm);
  border-radius: var(--bds-radius-full);
  background: var(--bds-color-surface-variant);
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .rail-group {
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-2);
  padding-block: 0;
  margin-block-start: var(--bds-space-8);
  border-radius: 0;
  background: transparent;
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .rail-foot {
  display: flex;
  flex-direction: column;
  gap: var(--bds-space-2);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout hr,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar hr {
  border-color: var(--bds-color-outline-variant);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .clinic-name {
  font: var(--bds-type-title-m);
  letter-spacing: var(--bds-type-title-m-tracking);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar h5.text-white {
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .outlet,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .outlet.gray-bg {
  border-radius: 0;
  background: var(--bds-skin-bg);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu {
  --_state: var(--bds-color-transparent);
  gap: var(--bds-space-12);
  min-block-size: var(--bds-control-height-md);
  padding-block: var(--bds-space-8);
  padding-inline: var(--bds-space-12);
  background-image: linear-gradient(var(--_state), var(--_state));
  font: var(--bds-type-label-l);
  letter-spacing: var(--bds-type-label-l-tracking);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu:not(.menu--profile):hover {
  --_state: var(--bds-state-hover);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu:not(.menu--profile):active {
  --_state: var(--bds-state-pressed);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu i {
  padding-inline: 0;
  inline-size: var(--bds-icon-md);
  block-size: var(--bds-icon-md);
  font-size: var(--bds-icon-md);
  color: var(--bds-color-on-surface-variant);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu.active i.ph {
  color: var(--bds-color-on-primary-container);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .clinic-name {
  font: var(--bds-type-title-m);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel hr {
  border-color: var(--bds-color-outline-variant);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel,
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar.sidebar--drawer {
  background: var(--bds-skin-surface) !important;
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar.sidebar--drawer .menu {
  border-radius: var(--bds-radius-md);
  color: var(--bds-color-on-surface);
}
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu.active,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar.sidebar--drawer .menu.active,
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar.sidebar--drawer .menu.active i.ph {
  background-color: var(--bds-color-primary-container);
  color: var(--bds-color-on-primary-container);
}
@layer components {
  .card-panel {
    border: var(--bds-border-width) solid var(--bds-skin-border);
    border-radius: var(--bds-radius-lg);
    background: var(--bds-skin-surface-raised);
    color: var(--bds-color-on-surface);
    box-shadow: var(--bds-elevation-1);
  }
  .card-panel--inert {
    box-shadow: none;
    background: var(--bds-skin-surface-sunken);
  }
  .card-record {
    border-block-end-color: var(--bds-color-outline-variant);
    border-inline-start-color: var(--bds-color-outline-variant);
  }
  .card-record:hover {
    background: var(--bds-state-hover);
    border-inline-start-color: var(--bds-color-primary);
  }
  .card-notice {
    border: 0;
    border-radius: var(--bds-radius-md);
    background: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
  }
  .card-notice--brand {
    background: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
  }
  .card-notice--danger {
    background: var(--bds-color-error-container);
    color: var(--bds-color-on-error-container);
  }
  .card-notice--warning {
    background: var(--bds-color-warning-container);
    color: var(--bds-color-on-warning-container);
  }
  .card-notice--success {
    background: var(--bds-color-success-container);
    color: var(--bds-color-on-success-container);
  }
  .card-notice--info {
    background: var(--bds-color-info-container);
    color: var(--bds-color-on-info-container);
  }
  .card-notice--neutral {
    background: var(--bds-color-surface-variant);
    color: var(--bds-color-on-surface-variant);
  }
  .card-title {
    font: var(--bds-type-title-m);
    letter-spacing: var(--bds-type-title-m-tracking);
  }
}

/* apps/patient/src/styles/bds-patient.css */
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu,
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu {
  min-block-size: var(--bds-control-height-lg);
  font: var(--bds-type-title-m);
  letter-spacing: var(--bds-type-title-m-tracking);
}
html[data-skin][data-brand][data-theme] .bds-app lib-sidebar-layout .sidebar .menu i,
html[data-skin][data-brand][data-theme] .lib-sidebar-drawer-panel .sidebar .menu i {
  inline-size: var(--bds-icon-lg);
  block-size: var(--bds-icon-lg);
  font-size: var(--bds-icon-lg);
}
@layer components {
  .choice-tile {
    border-color: var(--bds-skin-field-border);
    border-radius: var(--bds-radius-md);
    background: var(--bds-skin-surface);
    color: var(--bds-color-on-surface);
  }
  .choice-tile:hover:not(:disabled) {
    border-color: var(--bds-color-primary);
    background: var(--bds-skin-surface);
    background-image: linear-gradient(var(--bds-state-hover), var(--bds-state-hover));
  }
  .choice-tile:focus-visible {
    outline: 2px solid var(--bds-color-focus-ring);
  }
  .choice-tile[aria-pressed=true] {
    border-color: var(--bds-color-primary);
    background: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
  }
  .choice-tile__media {
    border-radius: var(--bds-radius-sm);
    background: var(--bds-color-primary-container);
    color: var(--bds-color-on-primary-container);
  }
  .choice-tile__description {
    color: var(--bds-color-on-surface-variant);
  }
  .choice-tile__check {
    color: var(--bds-color-primary);
  }
}

/* libs/shared/src/styles/auth-shared.css */
.signin-brand,
.signup-brand {
  box-shadow: var(--p-shadow-primary);
}
.brand-logo {
  width: var(--p-size-7);
  height: var(--p-size-7);
  border-radius: var(--p-radius-small);
  border-width: var(--border-1);
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-600);
  border-color: var(--color-primary-300);
  box-shadow: 0 10px 15px -3px color-mix(in srgb, var(--color-primary-600) 30%, transparent), 0 4px 6px -4px color-mix(in srgb, var(--color-primary-600) 20%, transparent);
}
@media (min-width: 640px) {
  .brand-logo {
    width: var(--p-size-8);
    height: var(--p-size-8);
    border-radius: var(--radius-3xl);
  }
}
.brand-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: var(--p-spacing-1);
  padding: 0 var(--p-spacing-2);
}
.brand-name {
  font-size: var(--font-size-lg);
  font-weight: var(--p-font-weight-bold);
  line-height: var(--line-height-tight);
  color: var(--color-primary-900);
}
@media (min-width: 640px) {
  .brand-name {
    font-size: var(--font-size-xl);
  }
}
.brand-subtitle {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-snug);
  color: var(--color-primary-700);
}
@media (min-width: 640px) {
  .brand-subtitle {
    font-size: var(--font-size-base);
  }
}
.brand-icon {
  font-size: var(--font-size-xl);
  color: white;
}
@media (min-width: 640px) {
  .brand-icon {
    font-size: var(--font-size-2xl);
  }
}
.signin-footer,
.signup-footer {
  margin-top: var(--spacing-5);
  text-align: center;
}
@media (min-width: 640px) {
  .signin-footer,
  .signup-footer {
    margin-top: var(--p-spacing-6);
  }
}
.footer-divider {
  height: var(--border-1);
  margin: var(--p-spacing-4) 0;
  border-radius: 999px;
  background: var(--bds-color-outline-variant);
}
@media (min-width: 640px) {
  .footer-divider {
    margin: var(--spacing-5) 0;
  }
}
.footer-text {
  margin: 0 0 var(--p-spacing-3);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
  color: var(--color-primary-700);
}
@media (min-width: 640px) {
  .footer-text {
    font-size: var(--font-size-base);
  }
}
.signin-footer p-button.footer-button,
.signup-footer p-button.footer-button {
  display: block;
  width: 100%;
}
:is(.signin-footer p-button.footer-button, .signup-footer p-button.footer-button) ::ng-deep .p-button {
  width: 100%;
  padding: var(--p-spacing-3) var(--p-spacing-4) !important;
  background: var(--bds-color-primary-container) !important;
  border-color: transparent !important;
  color: var(--bds-color-on-primary-container) !important;
  font-weight: var(--p-font-weight-semibold) !important;
  font-size: var(--font-size-sm) !important;
  min-height: var(--spacing-11) !important;
  transition: all var(--transition-base) !important;
  text-decoration: none;
}
:is():hover {
  background: color-mix(in oklab, var(--bds-color-primary-container) 88%, var(--bds-color-primary)) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
:is():active {
  transform: scale(0.98);
}
@media (min-width: 640px) {
   {
    font-size: var(--font-size-base) !important;
  }
}

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