@charset "UTF-8";

/* src/tailwind.css */
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root,
  :host {
    --font-sans:
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji";
    --font-mono:
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace;
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --spacing: 0.25rem;
    --container-md: 28rem;
    --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-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-wider: 0.05em;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --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);
  }
}
@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)) {
      ::placeholder {
        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 {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .top-1 {
    top: calc(var(--spacing) * 1);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .right-1 {
    right: calc(var(--spacing) * 1);
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .z-50 {
    z-index: 50;
  }
  .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);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .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);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .ml-auto {
    margin-left: auto;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .aspect-\[4\/3\] {
    aspect-ratio: 4/3;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-20 {
    height: calc(var(--spacing) * 20);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[20px\] {
    min-height: 20px;
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-52 {
    width: calc(var(--spacing) * 52);
  }
  .w-60 {
    width: calc(var(--spacing) * 60);
  }
  .w-\[100px\] {
    width: 100px;
  }
  .w-\[280px\] {
    width: 280px;
  }
  .w-\[360px\] {
    width: 360px;
  }
  .w-full {
    width: 100%;
  }
  .max-w-\[80px\] {
    max-width: 80px;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[55px\] {
    min-width: 55px;
  }
  .min-w-\[70px\] {
    min-width: 70px;
  }
  .min-w-\[80px\] {
    min-width: 80px;
  }
  .min-w-\[90px\] {
    min-width: 90px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(90px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
  }
  .grid-cols-\[repeat\(auto-fill\,minmax\(150px\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .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;
  }
  .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-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  :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)));
  }
  .self-start {
    align-self: flex-start;
  }
  .self-stretch {
    align-self: stretch;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .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-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .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-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .border-\[var\(--forge-theme-error\)\] {
    border-color: var(--forge-theme-error);
  }
  .border-\[var\(--forge-theme-outline-low\)\] {
    border-color: var(--forge-theme-outline-low);
  }
  .border-\[var\(--forge-theme-outline-low\,\#eee\)\] {
    border-color: var(--forge-theme-outline-low,#eee);
  }
  .border-\[var\(--forge-theme-warning\)\] {
    border-color: var(--forge-theme-warning);
  }
  .bg-\[var\(--forge-theme-error-container\)\] {
    background-color: var(--forge-theme-error-container);
  }
  .bg-\[var\(--forge-theme-surface\)\]\/60 {
    background-color: var(--forge-theme-surface);
  }
  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--forge-theme-surface\)\]\/60 {
      background-color: color-mix(in oklab, var(--forge-theme-surface) 60%, transparent);
    }
  }
  .bg-\[var\(--forge-theme-surface-dim\)\] {
    background-color: var(--forge-theme-surface-dim);
  }
  .bg-\[var\(--forge-theme-warning-container\)\] {
    background-color: var(--forge-theme-warning-container);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-orange-100 {
    background-color: var(--color-orange-100);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .object-contain {
    object-fit: contain;
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .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);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-12 {
    padding-left: calc(var(--spacing) * 12);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-5xl {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
  .text-6xl {
    font-size: var(--text-6xl);
    line-height: var(--tw-leading, var(--text-6xl--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-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.5px\] {
    --tw-tracking: 0.5px;
    letter-spacing: 0.5px;
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[var\(--forge-theme-error\)\] {
    color: var(--forge-theme-error);
  }
  .text-\[var\(--forge-theme-on-error-container\)\] {
    color: var(--forge-theme-on-error-container);
  }
  .text-\[var\(--forge-theme-on-warning-container\)\] {
    color: var(--forge-theme-on-warning-container);
  }
  .text-\[var\(--forge-theme-primary\)\] {
    color: var(--forge-theme-primary);
  }
  .text-\[var\(--forge-theme-text-high\)\] {
    color: var(--forge-theme-text-high);
  }
  .text-\[var\(--forge-theme-text-low\)\] {
    color: var(--forge-theme-text-low);
  }
  .text-\[var\(--forge-theme-text-medium\)\] {
    color: var(--forge-theme-text-medium);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .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,);
  }
  .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-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  @media (hover: hover) {
    .hover\:bg-\[var\(--forge-theme-surface-dim\)\]:hover {
      background-color: var(--forge-theme-surface-dim);
    }
  }
  @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);
    }
  }
  @media (width >= 40rem) {
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:block {
      display: block;
    }
  }
  @media (width >= 48rem) {
    .md\:w-\[140px\] {
      width: 140px;
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\] {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }
  @media (width >= 64rem) {
    .lg\:col-span-2 {
      grid-column: span 2 / span 2;
    }
  }
  @media (width >= 64rem) {
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}
@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
  }
  input,
  textarea,
  forge-icon-button,
  forge-text-field ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    padding-left: var(--forge-spacing-small);
  }
}
@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-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@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-duration { 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; }
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --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-duration: 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;
    }
  }
}

/* src/styles.scss */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
:root {
  --forge-color-emphasis-highest: 0.87;
  --forge-color-emphasis-inverse: 0.8;
  --forge-color-emphasis-higher: 0.7;
  --forge-color-emphasis-high: 0.65;
  --forge-color-emphasis-medium-high: 0.6;
  --forge-color-emphasis-medium: 0.54;
  --forge-color-emphasis-medium-low: 0.38;
  --forge-color-emphasis-low: 0.24;
  --forge-color-emphasis-lower: 0.12;
  --forge-color-emphasis-lowest: 0.08;
  --forge-color-emphasis-minimum: 0.04;
}
:root {
  --forge-animation-duration-short1: 50ms;
  --forge-animation-duration-short2: 100ms;
  --forge-animation-duration-short3: 150ms;
  --forge-animation-duration-short4: 200ms;
  --forge-animation-duration-medium1: 250ms;
  --forge-animation-duration-medium2: 300ms;
  --forge-animation-duration-medium3: 350ms;
  --forge-animation-duration-medium4: 400ms;
  --forge-animation-duration-long1: 450ms;
  --forge-animation-duration-long2: 500ms;
  --forge-animation-duration-long3: 550ms;
  --forge-animation-duration-long4: 600ms;
  --forge-animation-duration-extra-long1: 700ms;
  --forge-animation-duration-extra-long2: 800ms;
  --forge-animation-duration-extra-long3: 900ms;
  --forge-animation-duration-extra-long4: 1000ms;
  --forge-animation-easing-linear: cubic-bezier(0, 0, 1, 1);
  --forge-animation-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --forge-animation-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --forge-animation-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --forge-animation-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --forge-animation-easing-emphasized-accelerate: cubic-bezier(0.3, 0, 0.8, 0.15);
  --forge-animation-easing-emphasized-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
}
:root {
  --forge-border-thin: 1px;
  --forge-border-medium: 2px;
  --forge-border-thick: 4px;
}
:root {
  --forge-elevation-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --forge-elevation-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --forge-elevation-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --forge-elevation-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --forge-elevation-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --forge-elevation-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --forge-elevation-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --forge-elevation-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --forge-elevation-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --forge-elevation-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --forge-elevation-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --forge-elevation-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --forge-elevation-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --forge-elevation-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --forge-elevation-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --forge-elevation-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --forge-elevation-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --forge-elevation-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --forge-elevation-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
:root {
  --forge-z-index-surface: 1;
  --forge-z-index-header: 4;
  --forge-z-index-backdrop: 7;
  --forge-z-index-dialog: 8;
  --forge-z-index-notification: 9;
  --forge-z-index-popup: 10;
  --forge-z-index-tooltip: 11;
}
:root {
  --forge-shape-extra-small: 1px;
  --forge-shape-extra-small-block-start: 1px 1px 0 0;
  --forge-shape-extra-small-block-end: 0 0 1px 1px;
  --forge-shape-extra-small-inline-start: 1px 0 0 1px;
  --forge-shape-extra-small-inline-end: 0 1px 1px 0;
  --forge-shape-small: 2px;
  --forge-shape-small-block-start: 2px 2px 0 0;
  --forge-shape-small-block-end: 0 0 2px 2px;
  --forge-shape-small-inline-start: 2px 0 0 2px;
  --forge-shape-small-inline-end: 0 2px 2px 0;
  --forge-shape-medium: 4px;
  --forge-shape-medium-block-start: 4px 4px 0 0;
  --forge-shape-medium-block-end: 0 0 4px 4px;
  --forge-shape-medium-inline-start: 4px 0 0 4px;
  --forge-shape-medium-inline-end: 0 4px 4px 0;
  --forge-shape-large: 8px;
  --forge-shape-large-block-start: 8px 8px 0 0;
  --forge-shape-large-block-end: 0 0 8px 8px;
  --forge-shape-large-inline-start: 8px 0 0 8px;
  --forge-shape-large-inline-end: 0 8px 8px 0;
  --forge-shape-extra-large: 16px;
  --forge-shape-extra-large-block-start: 16px 16px 0 0;
  --forge-shape-extra-large-block-end: 0 0 16px 16px;
  --forge-shape-extra-large-inline-start: 16px 0 0 16px;
  --forge-shape-extra-large-inline-end: 0 16px 16px 0;
  --forge-shape-full: 9999px;
  --forge-shape-round: 50%;
}
:root {
  --forge-spacing-xxxsmall: 2px;
  --forge-spacing-xxsmall: 4px;
  --forge-spacing-xsmall: 8px;
  --forge-spacing-small: 12px;
  --forge-spacing-medium: 16px;
  --forge-spacing-medium-large: 20px;
  --forge-spacing-large: 24px;
  --forge-spacing-xlarge: 32px;
  --forge-spacing-xxlarge: 48px;
  --forge-spacing-xxxlarge: 56px;
}
:root {
  --forge-theme-brand: #283593;
  --forge-theme-on-brand: #ffffff;
  --forge-theme-primary: #3f51b5;
  --forge-theme-primary-container-minimum: #f7f8fc;
  --forge-theme-primary-container-low: #e8eaf6;
  --forge-theme-primary-container: #d1d5ed;
  --forge-theme-primary-container-high: #b6bde3;
  --forge-theme-on-primary: #ffffff;
  --forge-theme-on-primary-container-minimum: #222c62;
  --forge-theme-on-primary-container-low: #222c62;
  --forge-theme-on-primary-container: #222c62;
  --forge-theme-on-primary-container-high: #000000;
  --forge-theme-secondary: #ffc107;
  --forge-theme-secondary-container-minimum: #fffdf5;
  --forge-theme-secondary-container-low: #fff8e1;
  --forge-theme-secondary-container: #fff0c3;
  --forge-theme-secondary-container-high: #ffe7a1;
  --forge-theme-on-secondary: #000000;
  --forge-theme-on-secondary-container-minimum: #8a6804;
  --forge-theme-on-secondary-container-low: #8a6804;
  --forge-theme-on-secondary-container: #8a6804;
  --forge-theme-on-secondary-container-high: #000000;
  --forge-theme-tertiary: #3d5afe;
  --forge-theme-tertiary-container-minimum: #f7f8ff;
  --forge-theme-tertiary-container-low: #e8ebff;
  --forge-theme-tertiary-container: #d0d7ff;
  --forge-theme-tertiary-container-high: #b5c0ff;
  --forge-theme-on-tertiary: #ffffff;
  --forge-theme-on-tertiary-container-minimum: #213189;
  --forge-theme-on-tertiary-container-low: #213189;
  --forge-theme-on-tertiary-container: #213189;
  --forge-theme-on-tertiary-container-high: #000000;
  --forge-theme-surface: #ffffff;
  --forge-theme-surface-inverse: #333333;
  --forge-theme-surface-container: #e0e0e0;
  --forge-theme-surface-container-minimum: #f5f5f5;
  --forge-theme-surface-container-low: #ebebeb;
  --forge-theme-surface-container-medium: #c2c2c2;
  --forge-theme-surface-container-high: #9e9e9e;
  --forge-theme-surface-dim: #fafafa;
  --forge-theme-surface-bright: #ffffff;
  --forge-theme-surface-bright-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --forge-theme-on-surface: #000000;
  --forge-theme-on-surface-inverse: #ffffff;
  --forge-theme-on-surface-container: #000000;
  --forge-theme-on-surface-container-minimum: #000000;
  --forge-theme-on-surface-container-low: #000000;
  --forge-theme-on-surface-container-medium: #000000;
  --forge-theme-on-surface-container-high: #000000;
  --forge-theme-text-high: rgba(0, 0, 0, 0.87);
  --forge-theme-text-high-inverse: rgba(255, 255, 255, 0.87);
  --forge-theme-text-medium: rgba(0, 0, 0, 0.6);
  --forge-theme-text-medium-inverse: rgba(255, 255, 255, 0.6);
  --forge-theme-text-low: rgba(0, 0, 0, 0.38);
  --forge-theme-text-low-inverse: rgba(255, 255, 255, 0.38);
  --forge-theme-text-lowest: rgba(0, 0, 0, 0.12);
  --forge-theme-text-lowest-inverse: rgba(255, 255, 255, 0.12);
  --forge-theme-success: #2e7d32;
  --forge-theme-success-container-minimum: #f7faf7;
  --forge-theme-success-container-low: #e6efe6;
  --forge-theme-success-container: #cde0ce;
  --forge-theme-success-container-high: #b0ceb1;
  --forge-theme-on-success: #ffffff;
  --forge-theme-on-success-container-minimum: #19441b;
  --forge-theme-on-success-container-low: #19441b;
  --forge-theme-on-success-container: #19441b;
  --forge-theme-on-success-container-high: #000000;
  --forge-theme-error: #b00020;
  --forge-theme-error-container-minimum: #fcf5f6;
  --forge-theme-error-container-low: #f6e0e4;
  --forge-theme-error-container: #ecc2c9;
  --forge-theme-error-container-high: #e19eaa;
  --forge-theme-on-error: #ffffff;
  --forge-theme-on-error-container-minimum: #5f0011;
  --forge-theme-on-error-container-low: #5f0011;
  --forge-theme-on-error-container: #5f0011;
  --forge-theme-on-error-container-high: #000000;
  --forge-theme-warning: #d14900;
  --forge-theme-warning-container-minimum: #fdf8f5;
  --forge-theme-warning-container-low: #f9e9e0;
  --forge-theme-warning-container: #f4d3c2;
  --forge-theme-warning-container-high: #eeba9e;
  --forge-theme-on-warning: #ffffff;
  --forge-theme-on-warning-container-minimum: #712700;
  --forge-theme-on-warning-container-low: #712700;
  --forge-theme-on-warning-container: #712700;
  --forge-theme-on-warning-container-high: #000000;
  --forge-theme-info: #1565c0;
  --forge-theme-info-container-minimum: #f6f9fc;
  --forge-theme-info-container-low: #e3edf7;
  --forge-theme-info-container: #c7daf0;
  --forge-theme-info-container-high: #a6c4e7;
  --forge-theme-on-info: #ffffff;
  --forge-theme-on-info-container-minimum: #0b3768;
  --forge-theme-on-info-container-low: #0b3768;
  --forge-theme-on-info-container: #0b3768;
  --forge-theme-on-info-container-high: #000000;
  --forge-theme-outline-high: #212121;
  --forge-theme-outline-medium: #757575;
  --forge-theme-outline-low: #9e9e9e;
  --forge-theme-outline: #e0e0e0;
}
*::-webkit-scrollbar {
  height: var(--forge-scrollbar-height, 16px);
  width: var(--forge-scrollbar-width, 16px);
}
*::-webkit-scrollbar-track {
  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));
}
*::-webkit-scrollbar-track:hover {
  background-color: var(--forge-scrollbar-track-container-hover, var(--forge-theme-surface-container-low, #ebebeb));
}
*::-webkit-scrollbar-corner {
  background-color: var(--forge-scrollbar-track-container, var(--forge-theme-surface-container-low, #ebebeb));
}
*::-webkit-scrollbar-thumb {
  height: var(--forge-scrollbar-thumb-min-height, 32px);
  width: var(--forge-scrollbar-thumb-min-width, 32px);
  border-radius: var(--forge-scrollbar-border-radius, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));
  border-width: var(--forge-scrollbar-border-width, 3px);
  border-style: solid;
  border-color: transparent;
  background-color: var(--forge-scrollbar-thumb-container, var(--forge-theme-surface-container-medium, #c2c2c2));
  background-clip: content-box;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--forge-scrollbar-thumb-container-hover, var(--forge-theme-surface-container-high, #9e9e9e));
}
.forge-color--brand {
  color: var(--forge-theme-brand, #283593);
}
.forge-background--brand {
  background-color: var(--forge-theme-brand, #283593);
}
.forge-color--on-brand {
  color: var(--forge-theme-on-brand, #ffffff);
}
.forge-background--on-brand {
  background-color: var(--forge-theme-on-brand, #ffffff);
}
.forge-color--primary {
  color: var(--forge-theme-primary, #3f51b5);
}
.forge-background--primary {
  background-color: var(--forge-theme-primary, #3f51b5);
}
.forge-color--primary-container-minimum {
  color: var(--forge-theme-primary-container-minimum, #f7f8fc);
}
.forge-background--primary-container-minimum {
  background-color: var(--forge-theme-primary-container-minimum, #f7f8fc);
}
.forge-color--primary-container-low {
  color: var(--forge-theme-primary-container-low, #e8eaf6);
}
.forge-background--primary-container-low {
  background-color: var(--forge-theme-primary-container-low, #e8eaf6);
}
.forge-color--primary-container {
  color: var(--forge-theme-primary-container, #d1d5ed);
}
.forge-background--primary-container {
  background-color: var(--forge-theme-primary-container, #d1d5ed);
}
.forge-color--primary-container-high {
  color: var(--forge-theme-primary-container-high, #b6bde3);
}
.forge-background--primary-container-high {
  background-color: var(--forge-theme-primary-container-high, #b6bde3);
}
.forge-color--on-primary {
  color: var(--forge-theme-on-primary, #ffffff);
}
.forge-background--on-primary {
  background-color: var(--forge-theme-on-primary, #ffffff);
}
.forge-color--on-primary-container-minimum {
  color: var(--forge-theme-on-primary-container-minimum, #222c62);
}
.forge-background--on-primary-container-minimum {
  background-color: var(--forge-theme-on-primary-container-minimum, #222c62);
}
.forge-color--on-primary-container-low {
  color: var(--forge-theme-on-primary-container-low, #222c62);
}
.forge-background--on-primary-container-low {
  background-color: var(--forge-theme-on-primary-container-low, #222c62);
}
.forge-color--on-primary-container {
  color: var(--forge-theme-on-primary-container, #222c62);
}
.forge-background--on-primary-container {
  background-color: var(--forge-theme-on-primary-container, #222c62);
}
.forge-color--on-primary-container-high {
  color: var(--forge-theme-on-primary-container-high, #000000);
}
.forge-background--on-primary-container-high {
  background-color: var(--forge-theme-on-primary-container-high, #000000);
}
.forge-color--secondary {
  color: var(--forge-theme-secondary, #ffc107);
}
.forge-background--secondary {
  background-color: var(--forge-theme-secondary, #ffc107);
}
.forge-color--secondary-container-minimum {
  color: var(--forge-theme-secondary-container-minimum, #fffdf5);
}
.forge-background--secondary-container-minimum {
  background-color: var(--forge-theme-secondary-container-minimum, #fffdf5);
}
.forge-color--secondary-container-low {
  color: var(--forge-theme-secondary-container-low, #fff8e1);
}
.forge-background--secondary-container-low {
  background-color: var(--forge-theme-secondary-container-low, #fff8e1);
}
.forge-color--secondary-container {
  color: var(--forge-theme-secondary-container, #fff0c3);
}
.forge-background--secondary-container {
  background-color: var(--forge-theme-secondary-container, #fff0c3);
}
.forge-color--secondary-container-high {
  color: var(--forge-theme-secondary-container-high, #ffe7a1);
}
.forge-background--secondary-container-high {
  background-color: var(--forge-theme-secondary-container-high, #ffe7a1);
}
.forge-color--on-secondary {
  color: var(--forge-theme-on-secondary, #000000);
}
.forge-background--on-secondary {
  background-color: var(--forge-theme-on-secondary, #000000);
}
.forge-color--on-secondary-container-minimum {
  color: var(--forge-theme-on-secondary-container-minimum, #8a6804);
}
.forge-background--on-secondary-container-minimum {
  background-color: var(--forge-theme-on-secondary-container-minimum, #8a6804);
}
.forge-color--on-secondary-container-low {
  color: var(--forge-theme-on-secondary-container-low, #8a6804);
}
.forge-background--on-secondary-container-low {
  background-color: var(--forge-theme-on-secondary-container-low, #8a6804);
}
.forge-color--on-secondary-container {
  color: var(--forge-theme-on-secondary-container, #8a6804);
}
.forge-background--on-secondary-container {
  background-color: var(--forge-theme-on-secondary-container, #8a6804);
}
.forge-color--on-secondary-container-high {
  color: var(--forge-theme-on-secondary-container-high, #000000);
}
.forge-background--on-secondary-container-high {
  background-color: var(--forge-theme-on-secondary-container-high, #000000);
}
.forge-color--tertiary {
  color: var(--forge-theme-tertiary, #3d5afe);
}
.forge-background--tertiary {
  background-color: var(--forge-theme-tertiary, #3d5afe);
}
.forge-color--tertiary-container-minimum {
  color: var(--forge-theme-tertiary-container-minimum, #f7f8ff);
}
.forge-background--tertiary-container-minimum {
  background-color: var(--forge-theme-tertiary-container-minimum, #f7f8ff);
}
.forge-color--tertiary-container-low {
  color: var(--forge-theme-tertiary-container-low, #e8ebff);
}
.forge-background--tertiary-container-low {
  background-color: var(--forge-theme-tertiary-container-low, #e8ebff);
}
.forge-color--tertiary-container {
  color: var(--forge-theme-tertiary-container, #d0d7ff);
}
.forge-background--tertiary-container {
  background-color: var(--forge-theme-tertiary-container, #d0d7ff);
}
.forge-color--tertiary-container-high {
  color: var(--forge-theme-tertiary-container-high, #b5c0ff);
}
.forge-background--tertiary-container-high {
  background-color: var(--forge-theme-tertiary-container-high, #b5c0ff);
}
.forge-color--on-tertiary {
  color: var(--forge-theme-on-tertiary, #ffffff);
}
.forge-background--on-tertiary {
  background-color: var(--forge-theme-on-tertiary, #ffffff);
}
.forge-color--on-tertiary-container-minimum {
  color: var(--forge-theme-on-tertiary-container-minimum, #213189);
}
.forge-background--on-tertiary-container-minimum {
  background-color: var(--forge-theme-on-tertiary-container-minimum, #213189);
}
.forge-color--on-tertiary-container-low {
  color: var(--forge-theme-on-tertiary-container-low, #213189);
}
.forge-background--on-tertiary-container-low {
  background-color: var(--forge-theme-on-tertiary-container-low, #213189);
}
.forge-color--on-tertiary-container {
  color: var(--forge-theme-on-tertiary-container, #213189);
}
.forge-background--on-tertiary-container {
  background-color: var(--forge-theme-on-tertiary-container, #213189);
}
.forge-color--on-tertiary-container-high {
  color: var(--forge-theme-on-tertiary-container-high, #000000);
}
.forge-background--on-tertiary-container-high {
  background-color: var(--forge-theme-on-tertiary-container-high, #000000);
}
.forge-color--surface {
  color: var(--forge-theme-surface, #ffffff);
}
.forge-background--surface {
  background-color: var(--forge-theme-surface, #ffffff);
}
.forge-color--surface-inverse {
  color: var(--forge-theme-surface-inverse, #333333);
}
.forge-background--surface-inverse {
  background-color: var(--forge-theme-surface-inverse, #333333);
}
.forge-color--surface-container {
  color: var(--forge-theme-surface-container, #e0e0e0);
}
.forge-background--surface-container {
  background-color: var(--forge-theme-surface-container, #e0e0e0);
}
.forge-color--surface-container-minimum {
  color: var(--forge-theme-surface-container-minimum, #f5f5f5);
}
.forge-background--surface-container-minimum {
  background-color: var(--forge-theme-surface-container-minimum, #f5f5f5);
}
.forge-color--surface-container-low {
  color: var(--forge-theme-surface-container-low, #ebebeb);
}
.forge-background--surface-container-low {
  background-color: var(--forge-theme-surface-container-low, #ebebeb);
}
.forge-color--surface-container-medium {
  color: var(--forge-theme-surface-container-medium, #c2c2c2);
}
.forge-background--surface-container-medium {
  background-color: var(--forge-theme-surface-container-medium, #c2c2c2);
}
.forge-color--surface-container-high {
  color: var(--forge-theme-surface-container-high, #9e9e9e);
}
.forge-background--surface-container-high {
  background-color: var(--forge-theme-surface-container-high, #9e9e9e);
}
.forge-color--surface-dim {
  color: var(--forge-theme-surface-dim, #fafafa);
}
.forge-background--surface-dim {
  background-color: var(--forge-theme-surface-dim, #fafafa);
}
.forge-color--surface-bright {
  color: var(--forge-theme-surface-bright, #ffffff);
}
.forge-background--surface-bright {
  background-color: var(--forge-theme-surface-bright, #ffffff);
}
.forge-color--surface-bright-shadow {
  color: var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
}
.forge-background--surface-bright-shadow {
  background-color: var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));
}
.forge-color--on-surface {
  color: var(--forge-theme-on-surface, #000000);
}
.forge-background--on-surface {
  background-color: var(--forge-theme-on-surface, #000000);
}
.forge-color--on-surface-inverse {
  color: var(--forge-theme-on-surface-inverse, #ffffff);
}
.forge-background--on-surface-inverse {
  background-color: var(--forge-theme-on-surface-inverse, #ffffff);
}
.forge-color--on-surface-container {
  color: var(--forge-theme-on-surface-container, #000000);
}
.forge-background--on-surface-container {
  background-color: var(--forge-theme-on-surface-container, #000000);
}
.forge-color--on-surface-container-minimum {
  color: var(--forge-theme-on-surface-container-minimum, #000000);
}
.forge-background--on-surface-container-minimum {
  background-color: var(--forge-theme-on-surface-container-minimum, #000000);
}
.forge-color--on-surface-container-low {
  color: var(--forge-theme-on-surface-container-low, #000000);
}
.forge-background--on-surface-container-low {
  background-color: var(--forge-theme-on-surface-container-low, #000000);
}
.forge-color--on-surface-container-medium {
  color: var(--forge-theme-on-surface-container-medium, #000000);
}
.forge-background--on-surface-container-medium {
  background-color: var(--forge-theme-on-surface-container-medium, #000000);
}
.forge-color--on-surface-container-high {
  color: var(--forge-theme-on-surface-container-high, #000000);
}
.forge-background--on-surface-container-high {
  background-color: var(--forge-theme-on-surface-container-high, #000000);
}
.forge-color--text-high {
  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
}
.forge-background--text-high {
  background-color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
}
.forge-color--text-high-inverse {
  color: var(--forge-theme-text-high-inverse, rgba(255, 255, 255, 0.87));
}
.forge-background--text-high-inverse {
  background-color: var(--forge-theme-text-high-inverse, rgba(255, 255, 255, 0.87));
}
.forge-color--text-medium {
  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
}
.forge-background--text-medium {
  background-color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
}
.forge-color--text-medium-inverse {
  color: var(--forge-theme-text-medium-inverse, rgba(255, 255, 255, 0.6));
}
.forge-background--text-medium-inverse {
  background-color: var(--forge-theme-text-medium-inverse, rgba(255, 255, 255, 0.6));
}
.forge-color--text-low {
  color: var(--forge-theme-text-low, rgba(0, 0, 0, 0.38));
}
.forge-background--text-low {
  background-color: var(--forge-theme-text-low, rgba(0, 0, 0, 0.38));
}
.forge-color--text-low-inverse {
  color: var(--forge-theme-text-low-inverse, rgba(255, 255, 255, 0.38));
}
.forge-background--text-low-inverse {
  background-color: var(--forge-theme-text-low-inverse, rgba(255, 255, 255, 0.38));
}
.forge-color--text-lowest {
  color: var(--forge-theme-text-lowest, rgba(0, 0, 0, 0.12));
}
.forge-background--text-lowest {
  background-color: var(--forge-theme-text-lowest, rgba(0, 0, 0, 0.12));
}
.forge-color--text-lowest-inverse {
  color: var(--forge-theme-text-lowest-inverse, rgba(255, 255, 255, 0.12));
}
.forge-background--text-lowest-inverse {
  background-color: var(--forge-theme-text-lowest-inverse, rgba(255, 255, 255, 0.12));
}
.forge-color--success {
  color: var(--forge-theme-success, #2e7d32);
}
.forge-background--success {
  background-color: var(--forge-theme-success, #2e7d32);
}
.forge-color--success-container-minimum {
  color: var(--forge-theme-success-container-minimum, #f7faf7);
}
.forge-background--success-container-minimum {
  background-color: var(--forge-theme-success-container-minimum, #f7faf7);
}
.forge-color--success-container-low {
  color: var(--forge-theme-success-container-low, #e6efe6);
}
.forge-background--success-container-low {
  background-color: var(--forge-theme-success-container-low, #e6efe6);
}
.forge-color--success-container {
  color: var(--forge-theme-success-container, #cde0ce);
}
.forge-background--success-container {
  background-color: var(--forge-theme-success-container, #cde0ce);
}
.forge-color--success-container-high {
  color: var(--forge-theme-success-container-high, #b0ceb1);
}
.forge-background--success-container-high {
  background-color: var(--forge-theme-success-container-high, #b0ceb1);
}
.forge-color--on-success {
  color: var(--forge-theme-on-success, #ffffff);
}
.forge-background--on-success {
  background-color: var(--forge-theme-on-success, #ffffff);
}
.forge-color--on-success-container-minimum {
  color: var(--forge-theme-on-success-container-minimum, #19441b);
}
.forge-background--on-success-container-minimum {
  background-color: var(--forge-theme-on-success-container-minimum, #19441b);
}
.forge-color--on-success-container-low {
  color: var(--forge-theme-on-success-container-low, #19441b);
}
.forge-background--on-success-container-low {
  background-color: var(--forge-theme-on-success-container-low, #19441b);
}
.forge-color--on-success-container {
  color: var(--forge-theme-on-success-container, #19441b);
}
.forge-background--on-success-container {
  background-color: var(--forge-theme-on-success-container, #19441b);
}
.forge-color--on-success-container-high {
  color: var(--forge-theme-on-success-container-high, #000000);
}
.forge-background--on-success-container-high {
  background-color: var(--forge-theme-on-success-container-high, #000000);
}
.forge-color--error {
  color: var(--forge-theme-error, #b00020);
}
.forge-background--error {
  background-color: var(--forge-theme-error, #b00020);
}
.forge-color--error-container-minimum {
  color: var(--forge-theme-error-container-minimum, #fcf5f6);
}
.forge-background--error-container-minimum {
  background-color: var(--forge-theme-error-container-minimum, #fcf5f6);
}
.forge-color--error-container-low {
  color: var(--forge-theme-error-container-low, #f6e0e4);
}
.forge-background--error-container-low {
  background-color: var(--forge-theme-error-container-low, #f6e0e4);
}
.forge-color--error-container {
  color: var(--forge-theme-error-container, #ecc2c9);
}
.forge-background--error-container {
  background-color: var(--forge-theme-error-container, #ecc2c9);
}
.forge-color--error-container-high {
  color: var(--forge-theme-error-container-high, #e19eaa);
}
.forge-background--error-container-high {
  background-color: var(--forge-theme-error-container-high, #e19eaa);
}
.forge-color--on-error {
  color: var(--forge-theme-on-error, #ffffff);
}
.forge-background--on-error {
  background-color: var(--forge-theme-on-error, #ffffff);
}
.forge-color--on-error-container-minimum {
  color: var(--forge-theme-on-error-container-minimum, #5f0011);
}
.forge-background--on-error-container-minimum {
  background-color: var(--forge-theme-on-error-container-minimum, #5f0011);
}
.forge-color--on-error-container-low {
  color: var(--forge-theme-on-error-container-low, #5f0011);
}
.forge-background--on-error-container-low {
  background-color: var(--forge-theme-on-error-container-low, #5f0011);
}
.forge-color--on-error-container {
  color: var(--forge-theme-on-error-container, #5f0011);
}
.forge-background--on-error-container {
  background-color: var(--forge-theme-on-error-container, #5f0011);
}
.forge-color--on-error-container-high {
  color: var(--forge-theme-on-error-container-high, #000000);
}
.forge-background--on-error-container-high {
  background-color: var(--forge-theme-on-error-container-high, #000000);
}
.forge-color--warning {
  color: var(--forge-theme-warning, #d14900);
}
.forge-background--warning {
  background-color: var(--forge-theme-warning, #d14900);
}
.forge-color--warning-container-minimum {
  color: var(--forge-theme-warning-container-minimum, #fdf8f5);
}
.forge-background--warning-container-minimum {
  background-color: var(--forge-theme-warning-container-minimum, #fdf8f5);
}
.forge-color--warning-container-low {
  color: var(--forge-theme-warning-container-low, #f9e9e0);
}
.forge-background--warning-container-low {
  background-color: var(--forge-theme-warning-container-low, #f9e9e0);
}
.forge-color--warning-container {
  color: var(--forge-theme-warning-container, #f4d3c2);
}
.forge-background--warning-container {
  background-color: var(--forge-theme-warning-container, #f4d3c2);
}
.forge-color--warning-container-high {
  color: var(--forge-theme-warning-container-high, #eeba9e);
}
.forge-background--warning-container-high {
  background-color: var(--forge-theme-warning-container-high, #eeba9e);
}
.forge-color--on-warning {
  color: var(--forge-theme-on-warning, #ffffff);
}
.forge-background--on-warning {
  background-color: var(--forge-theme-on-warning, #ffffff);
}
.forge-color--on-warning-container-minimum {
  color: var(--forge-theme-on-warning-container-minimum, #712700);
}
.forge-background--on-warning-container-minimum {
  background-color: var(--forge-theme-on-warning-container-minimum, #712700);
}
.forge-color--on-warning-container-low {
  color: var(--forge-theme-on-warning-container-low, #712700);
}
.forge-background--on-warning-container-low {
  background-color: var(--forge-theme-on-warning-container-low, #712700);
}
.forge-color--on-warning-container {
  color: var(--forge-theme-on-warning-container, #712700);
}
.forge-background--on-warning-container {
  background-color: var(--forge-theme-on-warning-container, #712700);
}
.forge-color--on-warning-container-high {
  color: var(--forge-theme-on-warning-container-high, #000000);
}
.forge-background--on-warning-container-high {
  background-color: var(--forge-theme-on-warning-container-high, #000000);
}
.forge-color--info {
  color: var(--forge-theme-info, #1565c0);
}
.forge-background--info {
  background-color: var(--forge-theme-info, #1565c0);
}
.forge-color--info-container-minimum {
  color: var(--forge-theme-info-container-minimum, #f6f9fc);
}
.forge-background--info-container-minimum {
  background-color: var(--forge-theme-info-container-minimum, #f6f9fc);
}
.forge-color--info-container-low {
  color: var(--forge-theme-info-container-low, #e3edf7);
}
.forge-background--info-container-low {
  background-color: var(--forge-theme-info-container-low, #e3edf7);
}
.forge-color--info-container {
  color: var(--forge-theme-info-container, #c7daf0);
}
.forge-background--info-container {
  background-color: var(--forge-theme-info-container, #c7daf0);
}
.forge-color--info-container-high {
  color: var(--forge-theme-info-container-high, #a6c4e7);
}
.forge-background--info-container-high {
  background-color: var(--forge-theme-info-container-high, #a6c4e7);
}
.forge-color--on-info {
  color: var(--forge-theme-on-info, #ffffff);
}
.forge-background--on-info {
  background-color: var(--forge-theme-on-info, #ffffff);
}
.forge-color--on-info-container-minimum {
  color: var(--forge-theme-on-info-container-minimum, #0b3768);
}
.forge-background--on-info-container-minimum {
  background-color: var(--forge-theme-on-info-container-minimum, #0b3768);
}
.forge-color--on-info-container-low {
  color: var(--forge-theme-on-info-container-low, #0b3768);
}
.forge-background--on-info-container-low {
  background-color: var(--forge-theme-on-info-container-low, #0b3768);
}
.forge-color--on-info-container {
  color: var(--forge-theme-on-info-container, #0b3768);
}
.forge-background--on-info-container {
  background-color: var(--forge-theme-on-info-container, #0b3768);
}
.forge-color--on-info-container-high {
  color: var(--forge-theme-on-info-container-high, #000000);
}
.forge-background--on-info-container-high {
  background-color: var(--forge-theme-on-info-container-high, #000000);
}
.forge-color--outline-high {
  color: var(--forge-theme-outline-high, #212121);
}
.forge-background--outline-high {
  background-color: var(--forge-theme-outline-high, #212121);
}
.forge-color--outline-medium {
  color: var(--forge-theme-outline-medium, #757575);
}
.forge-background--outline-medium {
  background-color: var(--forge-theme-outline-medium, #757575);
}
.forge-color--outline-low {
  color: var(--forge-theme-outline-low, #9e9e9e);
}
.forge-background--outline-low {
  background-color: var(--forge-theme-outline-low, #9e9e9e);
}
.forge-color--outline {
  color: var(--forge-theme-outline, #e0e0e0);
}
.forge-background--outline {
  background-color: var(--forge-theme-outline, #e0e0e0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-font-family, "Roboto", sans-serif);
  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));
  font-weight: var(--forge-typography-body2-font-weight, 400);
  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));
  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);
  text-transform: var(--forge-typography-body2-text-transform, inherit);
  text-decoration: var(--forge-typography-body2-text-decoration, inherit);
}
.forge-typography--display1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-font-size-scale, 1.5)));
  font-weight: var(--forge-typography-display1-font-weight, 300);
  line-height: var(--forge-typography-display1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-line-height-scale, 2.25)));
  letter-spacing: var(--forge-typography-display1-letter-spacing, normal);
  text-transform: var(--forge-typography-display1-text-transform, inherit);
  text-decoration: var(--forge-typography-display1-text-decoration, inherit);
}
.forge-typography--display2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-font-size-scale, 1.75)));
  font-weight: var(--forge-typography-display2-font-weight, 300);
  line-height: var(--forge-typography-display2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-line-height-scale, 2.25)));
  letter-spacing: var(--forge-typography-display2-letter-spacing, normal);
  text-transform: var(--forge-typography-display2-text-transform, inherit);
  text-decoration: var(--forge-typography-display2-text-decoration, inherit);
}
.forge-typography--display3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-font-size-scale, 2)));
  font-weight: var(--forge-typography-display3-font-weight, 300);
  line-height: var(--forge-typography-display3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-line-height-scale, 2.5)));
  letter-spacing: var(--forge-typography-display3-letter-spacing, normal);
  text-transform: var(--forge-typography-display3-text-transform, inherit);
  text-decoration: var(--forge-typography-display3-text-decoration, inherit);
}
.forge-typography--display4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-font-size-scale, 2.25)));
  font-weight: var(--forge-typography-display4-font-weight, 300);
  line-height: var(--forge-typography-display4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-line-height-scale, 2.75)));
  letter-spacing: var(--forge-typography-display4-letter-spacing, -0.0069444444em);
  text-transform: var(--forge-typography-display4-text-transform, inherit);
  text-decoration: var(--forge-typography-display4-text-decoration, inherit);
}
.forge-typography--display5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-font-size-scale, 2.5)));
  font-weight: var(--forge-typography-display5-font-weight, 300);
  line-height: var(--forge-typography-display5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-line-height-scale, 3)));
  letter-spacing: var(--forge-typography-display5-letter-spacing, -0.0125em);
  text-transform: var(--forge-typography-display5-text-transform, inherit);
  text-decoration: var(--forge-typography-display5-text-decoration, inherit);
}
.forge-typography--display6 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-font-size-scale, 3)));
  font-weight: var(--forge-typography-display6-font-weight, 300);
  line-height: var(--forge-typography-display6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-line-height-scale, 4)));
  letter-spacing: var(--forge-typography-display6-letter-spacing, -0.0208333333em);
  text-transform: var(--forge-typography-display6-text-transform, inherit);
  text-decoration: var(--forge-typography-display6-text-decoration, inherit);
}
.forge-typography--display7 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-font-size-scale, 3.5)));
  font-weight: var(--forge-typography-display7-font-weight, 300);
  line-height: var(--forge-typography-display7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-line-height-scale, 4.5)));
  letter-spacing: var(--forge-typography-display7-letter-spacing, -0.0267857143em);
  text-transform: var(--forge-typography-display7-text-transform, inherit);
  text-decoration: var(--forge-typography-display7-text-decoration, inherit);
}
.forge-typography--display8 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-display8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-display8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-font-size-scale, 4)));
  font-weight: var(--forge-typography-display8-font-weight, 300);
  line-height: var(--forge-typography-display8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-line-height-scale, 4.75)));
  letter-spacing: var(--forge-typography-display8-letter-spacing, -0.03125em);
  text-transform: var(--forge-typography-display8-text-transform, inherit);
  text-decoration: var(--forge-typography-display8-text-decoration, inherit);
}
.forge-typography--heading1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-heading1-font-weight, 500);
  line-height: var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));
  letter-spacing: var(--forge-typography-heading1-letter-spacing, 0.0178571429em);
  text-transform: var(--forge-typography-heading1-text-transform, inherit);
  text-decoration: var(--forge-typography-heading1-text-decoration, inherit);
}
.forge-typography--heading2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-font-size-scale, 1)));
  font-weight: var(--forge-typography-heading2-font-weight, 500);
  line-height: var(--forge-typography-heading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-line-height-scale, 1.25)));
  letter-spacing: var(--forge-typography-heading2-letter-spacing, 0.0125em);
  text-transform: var(--forge-typography-heading2-text-transform, inherit);
  text-decoration: var(--forge-typography-heading2-text-decoration, inherit);
}
.forge-typography--heading3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-font-size-scale, 1.125)));
  font-weight: var(--forge-typography-heading3-font-weight, 500);
  line-height: var(--forge-typography-heading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-line-height-scale, 1.375)));
  letter-spacing: var(--forge-typography-heading3-letter-spacing, 0.0083333333em);
  text-transform: var(--forge-typography-heading3-text-transform, inherit);
  text-decoration: var(--forge-typography-heading3-text-decoration, inherit);
}
.forge-typography--heading4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-font-size-scale, 1.25)));
  font-weight: var(--forge-typography-heading4-font-weight, 500);
  line-height: var(--forge-typography-heading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-line-height-scale, 1.5)));
  letter-spacing: var(--forge-typography-heading4-letter-spacing, 0.005em);
  text-transform: var(--forge-typography-heading4-text-transform, inherit);
  text-decoration: var(--forge-typography-heading4-text-decoration, inherit);
}
.forge-typography--heading5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-font-size-scale, 1.5)));
  font-weight: var(--forge-typography-heading5-font-weight, 500);
  line-height: var(--forge-typography-heading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-line-height-scale, 1.75)));
  letter-spacing: var(--forge-typography-heading5-letter-spacing, 0em);
  text-transform: var(--forge-typography-heading5-text-transform, inherit);
  text-decoration: var(--forge-typography-heading5-text-decoration, inherit);
}
.forge-typography--heading6 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-font-size-scale, 1.75)));
  font-weight: var(--forge-typography-heading6-font-weight, 500);
  line-height: var(--forge-typography-heading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-line-height-scale, 2.125)));
  letter-spacing: var(--forge-typography-heading6-letter-spacing, 0em);
  text-transform: var(--forge-typography-heading6-text-transform, inherit);
  text-decoration: var(--forge-typography-heading6-text-decoration, inherit);
}
.forge-typography--heading7 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-font-size-scale, 2)));
  font-weight: var(--forge-typography-heading7-font-weight, 500);
  line-height: var(--forge-typography-heading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-line-height-scale, 2.5)));
  letter-spacing: var(--forge-typography-heading7-letter-spacing, -0.0015625em);
  text-transform: var(--forge-typography-heading7-text-transform, inherit);
  text-decoration: var(--forge-typography-heading7-text-decoration, inherit);
}
.forge-typography--heading8 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-heading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-heading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-font-size-scale, 2.25)));
  font-weight: var(--forge-typography-heading8-font-weight, 500);
  line-height: var(--forge-typography-heading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-line-height-scale, 2.625)));
  letter-spacing: var(--forge-typography-heading8-letter-spacing, -0.0027777778em);
  text-transform: var(--forge-typography-heading8-text-transform, inherit);
  text-decoration: var(--forge-typography-heading8-text-decoration, inherit);
}
.forge-typography--subheading1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-subheading1-font-weight, 400);
  line-height: var(--forge-typography-subheading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-line-height-scale, 1.125)));
  letter-spacing: var(--forge-typography-subheading1-letter-spacing, normal);
  text-transform: var(--forge-typography-subheading1-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading1-text-decoration, inherit);
}
.forge-typography--subheading2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));
  font-weight: var(--forge-typography-subheading2-font-weight, 400);
  line-height: var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));
  letter-spacing: var(--forge-typography-subheading2-letter-spacing, normal);
  text-transform: var(--forge-typography-subheading2-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading2-text-decoration, inherit);
}
.forge-typography--subheading3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-font-size-scale, 1.125)));
  font-weight: var(--forge-typography-subheading3-font-weight, 400);
  line-height: var(--forge-typography-subheading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-line-height-scale, 1.375)));
  letter-spacing: var(--forge-typography-subheading3-letter-spacing, normal);
  text-transform: var(--forge-typography-subheading3-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading3-text-decoration, inherit);
}
.forge-typography--subheading4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-font-size-scale, 1.25)));
  font-weight: var(--forge-typography-subheading4-font-weight, 400);
  line-height: var(--forge-typography-subheading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-line-height-scale, 1.5)));
  letter-spacing: var(--forge-typography-subheading4-letter-spacing, normal);
  text-transform: var(--forge-typography-subheading4-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading4-text-decoration, inherit);
}
.forge-typography--subheading5 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-font-size-scale, 1.5)));
  font-weight: var(--forge-typography-subheading5-font-weight, 400);
  line-height: var(--forge-typography-subheading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-line-height-scale, 1.75)));
  letter-spacing: var(--forge-typography-subheading5-letter-spacing, 0em);
  text-transform: var(--forge-typography-subheading5-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading5-text-decoration, inherit);
}
.forge-typography--subheading6 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-font-size-scale, 1.75)));
  font-weight: var(--forge-typography-subheading6-font-weight, 400);
  line-height: var(--forge-typography-subheading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-line-height-scale, 2.125)));
  letter-spacing: var(--forge-typography-subheading6-letter-spacing, 0em);
  text-transform: var(--forge-typography-subheading6-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading6-text-decoration, inherit);
}
.forge-typography--subheading7 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-font-size-scale, 2)));
  font-weight: var(--forge-typography-subheading7-font-weight, 400);
  line-height: var(--forge-typography-subheading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-line-height-scale, 2.5)));
  letter-spacing: var(--forge-typography-subheading7-letter-spacing, -0.0015625em);
  text-transform: var(--forge-typography-subheading7-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading7-text-decoration, inherit);
}
.forge-typography--subheading8 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-subheading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-subheading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-font-size-scale, 2.25)));
  font-weight: var(--forge-typography-subheading8-font-weight, 400);
  line-height: var(--forge-typography-subheading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-line-height-scale, 2.625)));
  letter-spacing: var(--forge-typography-subheading8-letter-spacing, -0.0027777778em);
  text-transform: var(--forge-typography-subheading8-text-transform, inherit);
  text-decoration: var(--forge-typography-subheading8-text-decoration, inherit);
}
.forge-typography--body1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-body1-font-weight, 400);
  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));
  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);
  text-transform: var(--forge-typography-body1-text-transform, inherit);
  text-decoration: var(--forge-typography-body1-text-decoration, inherit);
}
.forge-typography--body2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));
  font-weight: var(--forge-typography-body2-font-weight, 400);
  line-height: var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));
  letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);
  text-transform: var(--forge-typography-body2-text-transform, inherit);
  text-decoration: var(--forge-typography-body2-text-decoration, inherit);
}
.forge-typography--body3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-body3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-body3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.125)));
  font-weight: var(--forge-typography-body3-font-weight, 400);
  line-height: var(--forge-typography-body3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.5)));
  letter-spacing: var(--forge-typography-body3-letter-spacing, 0.0083333333em);
  text-transform: var(--forge-typography-body3-text-transform, inherit);
  text-decoration: var(--forge-typography-body3-text-decoration, inherit);
}
.forge-typography--body4 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-body4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-body4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.25)));
  font-weight: var(--forge-typography-body4-font-weight, 400);
  line-height: var(--forge-typography-body4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.75)));
  letter-spacing: var(--forge-typography-body4-letter-spacing, 0.005em);
  text-transform: var(--forge-typography-body4-text-transform, inherit);
  text-decoration: var(--forge-typography-body4-text-decoration, inherit);
}
.forge-typography--label1 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));
  font-weight: var(--forge-typography-label1-font-weight, 400);
  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));
  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);
  text-transform: var(--forge-typography-label1-text-transform, inherit);
  text-decoration: var(--forge-typography-label1-text-decoration, inherit);
}
.forge-typography--label2 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.8125)));
  font-weight: var(--forge-typography-label2-font-weight, 400);
  line-height: var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));
  letter-spacing: var(--forge-typography-label2-letter-spacing, 0.0096153846em);
  text-transform: var(--forge-typography-label2-text-transform, inherit);
  text-decoration: var(--forge-typography-label2-text-decoration, inherit);
}
.forge-typography--label3 {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-label3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-label3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-label3-font-weight, 400);
  line-height: var(--forge-typography-label3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));
  letter-spacing: var(--forge-typography-label3-letter-spacing, 0.0089285714em);
  text-transform: var(--forge-typography-label3-text-transform, inherit);
  text-decoration: var(--forge-typography-label3-text-decoration, inherit);
}
.forge-typography--button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));
  font-weight: var(--forge-typography-button-font-weight, 500);
  line-height: var(--forge-typography-button-line-height, normal);
  letter-spacing: var(--forge-typography-button-letter-spacing, 0.0714285714em);
  text-transform: var(--forge-typography-button-text-transform, inherit);
  text-decoration: var(--forge-typography-button-text-decoration, inherit);
}
.forge-typography--overline {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--forge-typography-overline-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
  font-size: var(--forge-typography-overline-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-font-size-scale, 0.75)));
  font-weight: var(--forge-typography-overline-font-weight, 500);
  line-height: var(--forge-typography-overline-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-line-height-scale, 2)));
  letter-spacing: var(--forge-typography-overline-letter-spacing, 0.1666666667em);
  text-transform: var(--forge-typography-overline-text-transform, uppercase);
  text-decoration: var(--forge-typography-overline-text-decoration, inherit);
}
.forge-anchor,
.forge-hyperlink,
.forge-typography--link {
  text-decoration: var(--forge-typography-link-text-decoration, underline);
  color: var(--forge-theme-primary, #3f51b5);
  cursor: pointer;
}
.forge-anchor:visited,
.forge-hyperlink:visited,
.forge-typography--link:visited {
  color: var(--forge-theme-primary, #3f51b5);
}
.forge-anchor:hover,
.forge-hyperlink:hover,
.forge-typography--link:hover {
  text-decoration: none;
}
.forge-anchor:active,
.forge-hyperlink:active,
.forge-typography--link:active {
  opacity: 0.65;
}
.forge-anchor-plain,
.forge-hyperlink-plain,
.forge-typography--link-plain {
  text-decoration: none;
  color: inherit;
  outline: none;
}
forge-table {
  display: block;
}
.forge-table {
  width: 100%;
  border-spacing: 0;
}
.forge-table--dense .forge-table-row {
  height: 36px;
}
.forge-table--roomy .forge-table-row {
  height: 56px;
}
.forge-table--resizable .forge-table-head__cell {
  position: relative;
}
.forge-table--resizable .forge-table-head__cell:hover .forge-table__resize-handle {
  display: block;
}
.forge-table--resizable .forge-table__resize-handle {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 8px;
  border-right-width: var(--forge-border-medium, 2px);
  border-right-style: solid;
  border-right-color: var(--forge-theme-primary, #3f51b5);
  box-sizing: border-box;
  margin-right: var(--forge-spacing-xxsmall, 4px);
  transition-property: border-right-width;
  transition-duration: var(--forge-animation-duration-medium1, 250ms);
  transition-timing-function: var(--forge-animation-easing-accelerate, cubic-bezier(0.3, 0, 1, 1));
}
.forge-table--resizable .forge-table__resize-handle:hover {
  border-right-width: var(--forge-border-thick, 4px);
  cursor: col-resize;
}
.forge-table--resizing {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}
.forge-table--layout-fixed {
  table-layout: fixed;
}
.forge-table--no-wrap-content.forge-table--dense .forge-table-row,
.forge-table--no-wrap-content.forge-table--dense .forge-table-cell__container {
  height: 36px;
}
.forge-table--no-wrap-content .forge-table-cell__container > .forge-table-cell__container-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.forge-table--filter-visible .forge-table-head__row {
  height: 32px;
}
.forge-table--filter-visible .forge-table-head__row .forge-table-head__cell {
  border: none;
}
.forge-table-head__row {
  height: 48px;
}
.forge-table-head__row__filter {
  --forge-field-height: 40px;
}
.forge-table-head__row__filter .forge-table-head__cell-container {
  padding: var(--forge-spacing-xsmall, 8px) 0;
}
.forge-table-head__cell {
  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
  font-weight: bold;
  text-align: left;
  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.75);
  box-sizing: border-box;
}
.forge-table-head__cell-container {
  display: flex;
  align-items: center;
}
.forge-table-head__cell--sorted-ascending .forge-table-head__cell-text,
.forge-table-head__cell--sorted-descending .forge-table-head__cell-text {
  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
  font-weight: 700 !important;
}
.forge-table-head__cell__sort-order--hidden {
  display: none;
}
.forge-table-head__cell--sortable {
  cursor: pointer;
}
.forge-table-head__cell--sortable :hover .forge-table-head__cell-sort-icon,
.forge-table-head__cell--sortable :hover .forge-table-head__cell__sort-order {
  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
}
.forge-table-head__cell--sortable button {
  cursor: pointer;
  border: none;
  background: transparent;
  text-align: inherit;
  margin: inherit;
  padding-block: var(--forge-spacing-xxsmall, 4px);
  padding-inline: 0;
  font: inherit;
  color: inherit;
  width: 100%;
  outline: none;
  position: relative;
}
.forge-table-head__cell--sortable button forge-focus-indicator {
  border-radius: 4px;
  --forge-focus-indicator-offset-inline: -4px;
}
.forge-table-head__cell--sortable.forge-table-head__cell--sorted-ascending .forge-table-head__cell-sort-icon {
  transform: rotate(180deg);
}
.forge-table-head__cell-sort-icon {
  color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
  font-size: 18px !important;
  height: 18px;
  width: 18px;
  margin-left: 5px;
  transition: transform var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-accelerate, cubic-bezier(0.3, 0, 1, 1));
  display: none !important;
  font-weight: 700;
}
.forge-table-head__cell-sort-icon--active {
  display: inline !important;
}
.forge-table-head__cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.forge-table-row > .forge-table-cell:not(.forge-table-cell__select):first-child,
.forge-table-row .forge-table-cell.forge-table-cell__select + .forge-table-cell:not(.forge-table-cell__select) {
  padding-right: var(--forge-spacing-large, 24px);
}
.forge-table-row > .forge-table-cell:last-child {
  padding-right: var(--forge-spacing-large, 24px);
}
.forge-table-row--expanded .forge-table-body__cell {
  border-bottom: none;
}
.forge-table-row__expandable-content {
  height: auto !important;
}
.forge-table-row__expandable-content:hover {
  background-color: inherit !important;
}
.forge-table-body__row {
  height: 48px;
  transition: background-color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));
}
.forge-table-body__row:hover {
  background-color: var(--forge-table-theme-row-hover-background, var(--forge-theme-surface-container-low, #ebebeb));
}
.forge-table-body__row--selected:hover {
  background-color: var(--forge-table-theme-row-selected-hover-background, var(--forge-theme-primary-container, #d1d5ed));
}
.forge-table-body__row--selected {
  background-color: var(--forge-table-theme-row-selected-background, var(--forge-theme-primary-container-low, #e8eaf6));
}
.forge-table-body__row--selected:hover {
  background-color: var(--forge-table-theme-row-selected-hover-background, var(--forge-theme-primary-container, #d1d5ed));
}
.forge-table-body__row--clickable {
  cursor: pointer;
}
.forge-table-body__row--clickable:active {
  background-color: var(--forge-table-theme-row-active-background, var(--forge-theme-surface-container, #e0e0e0));
}
.forge-table-body__row--clickable.forge-table-body__row--selected:active {
  background-color: var(--forge-table-theme-row-selected-active-background, var(--forge-theme-primary-container-high, #b6bde3));
}
.forge-table-body__cell {
  color: var(--forge-theme-on-surface, #000000);
  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.875);
}
.forge-table-cell {
  padding-right: var(--forge-spacing-xxxlarge, 56px);
  border-bottom-width: var(--forge-border-thin, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--forge-theme-outline, #e0e0e0);
}
.forge-table-cell:first-child:not(.forge-table-cell__select) {
  padding-left: var(--forge-spacing-large, 24px);
}
.forge-table-cell--resizing {
  position: relative;
}
.forge-table-cell--resizing::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  border-right-width: var(--forge-border-medium, 2px);
  border-right-style: solid;
  border-right-color: var(--forge-theme-primary, #3f51b5);
}
.forge-table-cell__select {
  text-align: center !important;
  box-sizing: border-box;
  width: 66px;
  padding-right: var(--forge-spacing-small, 12px);
  padding-left: var(--forge-spacing-medium, 16px);
}
.forge-table-cell__select-checkbox-container {
  display: flex;
}
.forge-table-cell__select-checkbox-container--align-left {
  justify-content: flex-start;
}
.forge-table-cell__select-checkbox-container--align-right {
  justify-content: flex-end;
}
.forge-table-cell__select-checkbox-container--align-center {
  justify-content: center;
}
.forge-table-cell__container {
  display: flex;
  align-items: center;
}
.forge-table-cell--center {
  justify-content: center;
}
.forge-table-cell--right {
  justify-content: flex-end;
}
.forge-table--fixed {
  position: relative;
}
.forge-table--fixed .forge-table-head__cell {
  position: sticky;
  top: 0;
  background: var(--forge-theme-surface, #ffffff);
  z-index: var(--forge-z-index-surface, 1);
}
.forge-table--fixed .forge-table-head__cell::after {
  content: "";
  border-bottom-width: 1px;
  border-style: solid;
  border-color: var(--forge-theme-outline, #e0e0e0);
  border-width: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  box-sizing: border-box;
}
.forge-table--fixed .forge-table-head__row__filter .forge-table-head__cell {
  top: 32px;
}
.forge-data-table {
  width: 100%;
  border-spacing: 0;
}
.forge-data-table thead tr {
  height: 48px;
}
.forge-data-table thead tr th {
  padding-right: var(--forge-spacing-xxxlarge, 56px);
  padding-left: var(--forge-spacing-large, 24px);
  border-bottom-width: var(--forge-border-thin, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--forge-theme-outline, #e0e0e0);
  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
  font-weight: bold;
  text-align: left;
  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.75);
  box-sizing: border-box;
}
.forge-data-table tbody tr {
  height: 48px;
  transition: background-color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));
}
.forge-data-table tbody tr:hover {
  background-color: var(--forge-table-theme-row-hover-background, var(--forge-theme-surface-container-low, #ebebeb));
}
.forge-data-table tbody tr--selected:hover {
  background-color: var(--forge-table-theme-row-selected-hover-background, var(--forge-theme-primary-container, #d1d5ed));
}
.forge-data-table tbody tr td {
  padding-right: var(--forge-spacing-xxxlarge, 56px);
  padding-left: var(--forge-spacing-large, 24px);
  border-bottom-width: var(--forge-border-thin, 1px);
  border-bottom-style: solid;
  border-bottom-color: var(--forge-theme-outline, #e0e0e0);
  color: var(--forge-theme-on-surface, #000000);
  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.875);
}
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
/**
 * @license
 * Copyright Tyler Technologies, Inc. 
 * License: Apache-2.0
 */
html[data-forge-theme=dark] {
  --forge-theme-brand: #212121;
  --forge-theme-on-brand: #ffffff;
  --forge-theme-primary: #8c9eff;
  --forge-theme-primary-container-minimum: #303134;
  --forge-theme-primary-container-low: #383a45;
  --forge-theme-primary-container: #43475f;
  --forge-theme-primary-container-high: #50577c;
  --forge-theme-on-primary: #000000;
  --forge-theme-on-primary-container-minimum: #c1cbff;
  --forge-theme-on-primary-container-low: #c1cbff;
  --forge-theme-on-primary-container: #c1cbff;
  --forge-theme-on-primary-container-high: #ffffff;
  --forge-theme-secondary: #ffe082;
  --forge-theme-secondary-container-minimum: #34332f;
  --forge-theme-secondary-container-low: #454236;
  --forge-theme-secondary-container: #5f5741;
  --forge-theme-secondary-container-high: #7c704d;
  --forge-theme-on-secondary: #000000;
  --forge-theme-on-secondary-container-minimum: #ffeebc;
  --forge-theme-on-secondary-container-low: #ffeebc;
  --forge-theme-on-secondary-container: #ffeebc;
  --forge-theme-on-secondary-container-high: #ffffff;
  --forge-theme-tertiary: #ffe082;
  --forge-theme-tertiary-container-minimum: #34332f;
  --forge-theme-tertiary-container-low: #454236;
  --forge-theme-tertiary-container: #5f5741;
  --forge-theme-tertiary-container-high: #7c704d;
  --forge-theme-on-tertiary: #000000;
  --forge-theme-on-tertiary-container-minimum: #ffeebc;
  --forge-theme-on-tertiary-container-low: #ffeebc;
  --forge-theme-on-tertiary-container: #ffeebc;
  --forge-theme-on-tertiary-container-high: #ffffff;
  --forge-theme-surface: #2c2c2c;
  --forge-theme-surface-inverse: #d5d5d5;
  --forge-theme-surface-container: #454545;
  --forge-theme-surface-container-minimum: #343434;
  --forge-theme-surface-container-low: #3d3d3d;
  --forge-theme-surface-container-medium: #7c7c7c;
  --forge-theme-surface-container-high: #9e9e9e;
  --forge-theme-surface-dim: #212121;
  --forge-theme-surface-bright: #343434;
  --forge-theme-surface-bright-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --forge-theme-on-surface: #ffffff;
  --forge-theme-on-surface-inverse: #000000;
  --forge-theme-on-surface-container: #ffffff;
  --forge-theme-on-surface-container-minimum: #ffffff;
  --forge-theme-on-surface-container-low: #ffffff;
  --forge-theme-on-surface-container-medium: #ffffff;
  --forge-theme-on-surface-container-high: #000000;
  --forge-theme-text-high: rgba(255, 255, 255, 0.87);
  --forge-theme-text-high-inverse: rgba(0, 0, 0, 0.87);
  --forge-theme-text-medium: rgba(255, 255, 255, 0.6);
  --forge-theme-text-medium-inverse: rgba(0, 0, 0, 0.6);
  --forge-theme-text-low: rgba(255, 255, 255, 0.38);
  --forge-theme-text-low-inverse: rgba(0, 0, 0, 0.38);
  --forge-theme-text-lowest: rgba(255, 255, 255, 0.12);
  --forge-theme-text-lowest-inverse: rgba(0, 0, 0, 0.12);
  --forge-theme-success: #86b260;
  --forge-theme-success-container-minimum: #30312e;
  --forge-theme-success-container-low: #373c32;
  --forge-theme-success-container: #424c38;
  --forge-theme-success-container-high: #4e5f40;
  --forge-theme-on-success: #000000;
  --forge-theme-on-success-container-minimum: #bed5a9;
  --forge-theme-on-success-container-low: #bed5a9;
  --forge-theme-on-success-container: #bed5a9;
  --forge-theme-on-success-container-high: #ffffff;
  --forge-theme-error: #ec8396;
  --forge-theme-error-container-minimum: #342f30;
  --forge-theme-error-container-low: #433639;
  --forge-theme-error-container: #5a4145;
  --forge-theme-error-container-high: #754d54;
  --forge-theme-on-error: #000000;
  --forge-theme-on-error-container-minimum: #f5bcc6;
  --forge-theme-on-error-container-low: #f5bcc6;
  --forge-theme-on-error-container: #f5bcc6;
  --forge-theme-on-error-container-high: #ffffff;
  --forge-theme-warning: #f8b27c;
  --forge-theme-warning-container-minimum: #34312f;
  --forge-theme-warning-container-low: #443c36;
  --forge-theme-warning-container: #5d4c3f;
  --forge-theme-warning-container-high: #7a5f4a;
  --forge-theme-on-warning: #000000;
  --forge-theme-on-warning-container-minimum: #fbd5b8;
  --forge-theme-on-warning-container-low: #fbd5b8;
  --forge-theme-on-warning-container: #fbd5b8;
  --forge-theme-on-warning-container-high: #ffffff;
  --forge-theme-info: #1565c0;
  --forge-theme-info-container-minimum: #2b2e32;
  --forge-theme-info-container-low: #29333e;
  --forge-theme-info-container: #263a50;
  --forge-theme-info-container-high: #234264;
  --forge-theme-on-info: #ffffff;
  --forge-theme-on-info-container-minimum: #81acdd;
  --forge-theme-on-info-container-low: #81acdd;
  --forge-theme-on-info-container: #81acdd;
  --forge-theme-on-info-container-high: #ffffff;
  --forge-theme-outline-high: #e4e4e4;
  --forge-theme-outline-medium: #9e9e9e;
  --forge-theme-outline-low: #757575;
  --forge-theme-outline: #424242;
  --forge-popover-border-width: var(--forge-border-thin, 1px);
  --forge-tooltip-background: var(--forge-theme-surface-bright, #ffffff);
  --forge-tooltip-color: var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));
  --forge-tooltip-border-width: var(--forge-border-thin, 1px);
  --forge-chip-field-border-color: var(--forge-theme-outline, #e0e0e0);
  --forge-toast-action-color: var(--forge-theme-on-surface-inverse, #ffffff);
}
*,
forge-card::part(root),
forge-scaffold::part(body) {
  scrollbar-width: thin;
}
:root {
  --forge-typography-font-family: "Montserrat", sans-serif;
  --forge-typography-body2-font-weight: 600;
  --forge-typography-body2-font-size: 13px;
  --forge-field-required-content: "*";
  --forge-theme-primary: #1976d2;
  --forge-theme-primary-rgb:
    25,
    118,
    210;
  --forge-theme-on-primary: #ffffff;
  --forge-theme-primary-container: #e3f2fd;
  --forge-theme-on-primary-container: #0d47a1;
  --forge-theme-secondary: #455a64;
  --forge-theme-secondary-rgb:
    69,
    90,
    100;
  --forge-theme-surface: #ffffff;
  --forge-theme-surface-rgb:
    255,
    255,
    255;
  --forge-theme-surface-dim: #f5f5f5;
  --forge-theme-surface-container: #fafafa;
  --forge-theme-surface-container-high: #f0f0f0;
  --forge-theme-text-high: #212121;
  --forge-theme-text-medium: #666666;
  --forge-theme-text-low: #9e9e9e;
  --forge-theme-outline-low: #e0e0e0;
  --forge-theme-outline-high: #bdbdbd;
  --forge-theme-error: #d32f2f;
  --forge-theme-error-rgb:
    211,
    47,
    47;
  --forge-theme-success: #388e3c;
  --forge-theme-warning: #f57c00;
  --forge-fab-background: #1976d2;
}
forge-app-bar {
  --forge-app-bar-background: var(--forge-theme-surface);
  --forge-app-bar-foreground: var(--forge-theme-text-high);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
forge-app-bar forge-avatar {
  --forge-avatar-background: var(--forge-theme-primary);
  --forge-avatar-color: var(--forge-theme-on-primary);
}
forge-card {
  --forge-card-background: var(--forge-theme-surface);
  --forge-card-padding: 1rem;
  --forge-card-shape: 0.25rem;
  --forge-card-outline-color: var(--forge-theme-outline-low);
  --forge-card-elevation: 0 1px 2px rgba(0, 0, 0, 0.05);
}
forge-card:has(forge-toolbar),
forge-card:has(forge-table) {
  --forge-card-padding: 0;
}
forge-button[variant=raised] {
  --forge-button-raised-background: var(--forge-theme-primary);
  --forge-button-raised-color: var(--forge-theme-on-primary);
}
forge-button[variant=outlined] {
  --forge-button-outlined-color: var(--forge-theme-primary);
  --forge-button-outlined-border-color: var(--forge-theme-primary);
}
forge-button[variant=text] {
  --forge-button-color: var(--forge-theme-primary);
}
forge-mini-drawer {
  --forge-mini-drawer-background: var(--forge-theme-surface);
  border-right: 1px solid var(--forge-theme-outline-low);
}
forge-mini-drawer forge-list-item:hover:not(.active) {
  --forge-list-item-background: var(--forge-theme-surface-container);
}
forge-mini-drawer forge-list-item.active {
  --forge-list-item-background: rgba(var(--forge-theme-primary-rgb), 0.1);
  color: var(--forge-theme-primary);
}
forge-mini-drawer forge-list-item.active forge-icon {
  color: var(--forge-theme-primary);
}
forge-stepper {
  --forge-stepper-active-color: var(--forge-theme-primary);
  --forge-stepper-completed-color: var(--forge-theme-primary);
}
forge-chip[selected] {
  --forge-chip-selected-background: rgba(var(--forge-theme-primary-rgb), 0.15);
  --forge-chip-selected-color: var(--forge-theme-primary);
}
forge-table {
  scrollbar-width: thin;
}
:host {
  scrollbar-width: none;
}
:host([required]) .has-label .label::before {
  color: var(--forge-theme-primary);
}
forge-text-field[required]:has(.ng-valid)::part(label)::before {
  color: green;
  content: "\2714";
}
forge-select[required].ng-valid {
  --forge-field-required-content: "\2714";
  --forge-field-required-color: green;
}
forge-select[required].ng-valid::part(label)::before {
  color: green;
  content: "\2714";
}
forge-autocomplete.ng-valid forge-text-field[required] {
  --forge-field-required-content: "\2714";
  --forge-field-required-color: green;
}
forge-autocomplete.ng-valid forge-text-field[required]::part(label)::before {
  color: green !important;
}
forge-text-field:has(.ng-invalid),
forge-select.ng-invalid,
forge-autocomplete.ng-invalid forge-text-field {
  --forge-theme-outline-low: var(--forge-theme-error);
  --forge-theme-outline-high: var(--forge-theme-error);
  --forge-theme-primary: var(--forge-theme-error);
}
forge-table[allow-row-click] tbody tr {
  cursor: pointer;
}
forge-table[allow-row-click] tbody tr:hover {
  background-color: var(--forge-theme-surface-container);
}
label.error {
  color: #b00020;
}
.dialog-toolbar::part(inner) {
  padding-right: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
input[type=number] {
  appearance: textfield;
}
:host {
  display: block;
  height: 100%;
  width: 100%;
}
html,
body,
app-root {
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: var(--forge-theme-surface-dim);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  -webkit-box-shadow: 0 0 0 1000px var(--forge-theme-surface) inset !important;
  color: var(--forge-theme-primary) !important;
  -webkit-text-fill-color: var(--forge-theme-primary) !important;
  border: 1px solid #cccccc;
}
.portal-main-content {
  min-height: 100%;
  overflow: auto;
  background: var(--forge-theme-surface-dim);
}
.auth-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 1.5rem;
  background: var(--forge-theme-surface-dim);
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }
}
.content-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
  .content-grid {
    grid-template-columns: 1fr;
  }
}
.main-content {
  grid-column: 1;
}
.stat-card-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-header {
  margin-bottom: 1.5rem;
}
.page-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
.card-spacing {
  margin-bottom: 1rem;
}
.card-body {
  padding: 1rem;
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.search-field {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
}
.filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.portal-page-header {
  margin-bottom: 0;
}
.portal-page-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--forge-theme-text-high);
  margin: 0;
  line-height: 1.2;
}
.portal-page-subtitle {
  font-size: 0.9375rem;
  color: var(--forge-theme-text-medium);
  margin: 0.375rem 0 0 0;
}
.portal-section-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--forge-theme-text-high);
  margin: 0;
}
.portal-card {
  background: var(--forge-theme-surface);
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid var(--forge-theme-outline-low);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.portal-text-primary {
  color: var(--forge-theme-text-high);
}
.portal-text-secondary {
  color: var(--forge-theme-text-medium);
}
.portal-text-muted {
  color: var(--forge-theme-text-low);
}
.portal-text-accent {
  color: var(--forge-theme-primary);
}
.portal-list-header {
  --forge-list-item-text-color: var(--forge-theme-text-medium);
}
.portal-icon-muted {
  color: var(--forge-theme-text-low);
}
.portal-icon-accent {
  color: var(--forge-theme-primary);
}
.portal-stat-label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--forge-theme-text-medium);
  margin: 0 0 0.5rem 0;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.portal-stat-value {
  font-size: 2rem;
  font-weight: 700;
  color: var(--forge-theme-text-high);
  margin: 0;
  line-height: 1;
}
.stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.75rem;
  background: var(--forge-theme-surface-container);
  flex-shrink: 0;
}
.stat-icon--primary {
  background: rgba(var(--forge-theme-primary-rgb), 0.1);
  color: var(--forge-theme-primary);
}
.stat-icon--warning {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}
.stat-icon--success {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.stat-icon--info {
  background: rgba(59, 130, 246, 0.1);
  color: #3b82f6;
}
.portal-table-wrapper {
  overflow-x: auto;
}
.portal-table {
  width: 100%;
  border-collapse: collapse;
}
.portal-table thead th {
  padding: 0.75rem 1rem;
  text-align: left;
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--forge-theme-text-high);
  background: var(--forge-theme-surface-container);
  border-bottom: 1px solid var(--forge-theme-outline-low);
}
.portal-table tbody td {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--forge-theme-text-high);
  border-bottom: 1px solid var(--forge-theme-outline-low);
}
.portal-table tbody tr:last-child td {
  border-bottom: none;
}
.portal-table-row-hover {
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.portal-table-row-hover:hover {
  background-color: var(--forge-theme-surface-container);
}
.notification-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 0.15s ease;
  border: 1px solid transparent;
}
.notification-card:hover {
  background-color: var(--forge-theme-surface-container);
}
.notification-card--unread {
  background-color: var(--forge-theme-surface-container);
  border-color: var(--forge-theme-outline-low);
}
.notification-row {
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: background-color 0.15s ease;
  position: relative;
}
.notification-row:hover {
  background-color: var(--forge-theme-surface-container);
}
.notification-row--unread {
  background-color: rgba(var(--forge-theme-primary-rgb), 0.05);
}
.notification-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--forge-theme-surface-container);
  flex-shrink: 0;
}
.notification-icon-wrapper--unread {
  background: rgba(var(--forge-theme-primary-rgb), 0.1);
}
.notification-icon {
  color: var(--forge-theme-text-medium);
}
.notification-icon--unread {
  color: var(--forge-theme-primary);
}
.unread-indicator {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--forge-theme-primary);
  flex-shrink: 0;
}
.timeline-dot {
  background: var(--forge-theme-outline-low);
  flex-shrink: 0;
}
.timeline-dot--current {
  background: var(--forge-theme-primary);
}
.timeline-line {
  background: var(--forge-theme-outline-low);
  min-height: 1rem;
}
.cta-banner {
  background:
    linear-gradient(
      135deg,
      rgba(var(--forge-theme-primary-rgb), 0.05) 0%,
      rgba(var(--forge-theme-primary-rgb), 0.1) 100%);
}
.final-total {
  color: var(--forge-theme-primary);
}
.account-switcher-btn {
  background: transparent;
  border: 1px solid var(--forge-theme-outline-low);
  color: var(--forge-theme-text-high);
  cursor: pointer;
}
.account-switcher-btn:hover {
  background: var(--forge-theme-surface-container);
}
.product-select-card {
  padding: 0.625rem;
  border-radius: 0.375rem;
  border: 1px solid var(--forge-theme-outline-low);
  cursor: pointer;
}
.product-select-card--active {
  border-color: var(--forge-theme-outline-high);
  border-width: 2px;
}
.product-placeholder-img {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--forge-theme-surface-container);
  border-radius: 0.5rem;
}
.product-price {
  color: var(--forge-theme-primary);
}
.cart-item-card {
  background: var(--forge-theme-surface-container);
}
.address-select-card {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--forge-theme-outline-low);
  cursor: pointer;
  transition: all 0.15s ease;
}
.address-select-card:hover {
  border-color: var(--forge-theme-primary);
}
.address-select-card--selected {
  border-color: var(--forge-theme-primary);
  background-color: rgba(var(--forge-theme-primary-rgb), 0.05);
}
.address-card {
  padding: 1rem;
  border-radius: 0.5rem;
  background: var(--forge-theme-surface-container);
}
.logout-btn {
  --forge-button-primary-color: var(--forge-theme-error);
}
.document-types-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 1024px) {
  .document-types-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 640px) {
  .document-types-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.document-type-stat {
  cursor: pointer;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.document-type-stat:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.document-type-stat-content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.document-type-count {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--forge-theme-text-high);
  margin: 0;
  line-height: 1;
}
.document-type-label {
  font-size: 0.75rem;
  color: var(--forge-theme-text-medium);
  margin: 0.25rem 0 0 0;
}
.document-type-card--selected {
  border-color: var(--forge-theme-primary);
  background-color: rgba(var(--forge-theme-primary-rgb), 0.05);
}
.document-type-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  background: rgba(var(--forge-theme-primary-rgb), 0.1);
  color: var(--forge-theme-primary);
  flex-shrink: 0;
}
.document-type-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background: var(--forge-theme-surface-container);
  font-size: 0.75rem;
  color: var(--forge-theme-text-medium);
}
.card-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  text-align: center;
  color: var(--forge-theme-text-medium);
}
.empty-state-icon {
  font-size: 3rem;
  color: var(--forge-theme-text-low);
  margin-bottom: 1rem;
}
.empty-state-title {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--forge-theme-text-high);
  margin: 0 0 0.5rem 0;
}
.empty-state-message {
  color: var(--forge-theme-text-medium);
  margin: 0;
}
.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem;
}
.notification-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.notification-content {
  flex: 1;
  min-width: 0;
}
.notification-title {
  font-weight: 500;
  color: var(--forge-theme-text-high);
  margin: 0;
  font-size: 0.875rem;
}
.notification-message {
  color: var(--forge-theme-text-medium);
  font-size: 0.8125rem;
  margin: 0.25rem 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notification-time {
  color: var(--forge-theme-text-low);
  font-size: 0.75rem;
  margin: 0.25rem 0 0 0;
}
.cta-card {
  margin-top: 1.5rem;
}
.cta-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 640px) {
  .cta-content {
    flex-direction: column;
    text-align: center;
  }
}
.tiles-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .tiles-grid {
    grid-template-columns: 1fr;
  }
}
.tile-card {
  cursor: pointer;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.tile-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}
.tile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 1.5rem;
  text-align: center;
}
.tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}
.tile-icon--primary {
  background: rgba(var(--forge-theme-primary-rgb), 0.1);
  color: var(--forge-theme-primary);
}
.tile-icon--success {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
}
.tile-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--forge-theme-text-high);
  margin: 0 0 0.25rem;
}
.tile-description {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
  margin: 0;
}
.profile-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .profile-grid {
    grid-template-columns: 1fr;
  }
}
.profile-main {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.profile-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.profile-info-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .profile-info-grid {
    grid-template-columns: 1fr;
  }
}
.profile-label {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
  margin: 0 0 0.25rem 0;
}
.profile-value {
  font-weight: 500;
  margin: 0;
  color: var(--forge-theme-text-high);
}
.profile-value--lg {
  font-size: 1.125rem;
}
.addresses-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
  .addresses-grid {
    grid-template-columns: 1fr;
  }
}
.address-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.address-type {
  font-weight: 500;
  color: var(--forge-theme-text-high);
}
.address-details {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
}
.address-details p {
  margin: 0;
}
.summary-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary-value {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--forge-theme-text-high);
}
.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.full-width {
  width: 100%;
}
.wizard-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
}
@media (max-width: 1024px) {
  .wizard-grid {
    grid-template-columns: 1fr;
  }
}
.wizard-main {
  min-width: 0;
}
.wizard-sidebar {
  min-width: 0;
}
.wizard-form-container {
  max-width: 42rem;
  margin: 0 auto;
}
.wizard-review-container {
  max-width: 72rem;
  margin: 0 auto;
}
.wizard-section {
  margin-bottom: 1.5rem;
}
.wizard-section:last-child {
  margin-bottom: 0;
}
.wizard-actions {
  display: flex;
  gap: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--forge-theme-outline-low);
  margin-top: 1.5rem;
}
.wizard-actions-outside {
  display: flex;
  gap: 1rem;
  margin-top: 1.5rem;
}
.flex-grow {
  flex: 1;
}
.products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .products-grid {
    grid-template-columns: 1fr;
  }
}
.product-card-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.product-img {
  width: 3rem;
  height: 3rem;
  object-fit: cover;
  border-radius: 0.5rem;
}
.product-info {
  flex: 1;
  min-width: 0;
}
.product-code {
  font-weight: 500;
  color: var(--forge-theme-text-high);
  margin: 0;
}
.product-name {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
  margin: 0.25rem 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.cart-item-card {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: var(--forge-theme-surface-container);
}
.cart-item-info {
  flex: 1;
  min-width: 0;
}
.cart-item-code {
  font-weight: 500;
  font-size: 0.875rem;
  margin: 0;
}
.cart-item-name {
  font-size: 0.75rem;
  color: var(--forge-theme-text-medium);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-item-qty {
  font-size: 0.875rem;
  margin: 0.25rem 0 0 0;
}
.cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1rem;
  border-top: 1px solid var(--forge-theme-outline-low);
  font-size: 1.125rem;
  font-weight: 600;
}
.cart-total-value {
  color: var(--forge-theme-primary);
}
.address-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.address-select-content {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.address-line {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
  margin: 0;
}
.form-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.review-details-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .review-details-grid {
    grid-template-columns: 1fr;
  }
}
.review-details-right {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.detail-label {
  font-size: 0.875rem;
  color: var(--forge-theme-text-medium);
  margin: 0 0 0.25rem 0;
}
.detail-value {
  font-weight: 500;
  margin: 0;
}
.special-instructions {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--forge-theme-outline-low);
}
.order-total-row {
  border-top: 2px solid var(--forge-theme-outline-high);
}
.order-total-row td {
  font-weight: 600;
}
.order-total-value {
  font-size: 1.125rem;
  color: var(--forge-theme-primary);
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.text-right {
  text-align: right;
}
.dialog-content {
  padding: 1.5rem;
}
.product-modal-info {
  margin-bottom: 1.5rem;
}
.product-modal-info .product-code {
  font-size: 1.125rem;
}
.product-modal-info .product-name {
  margin-top: 0.25rem;
}
.product-modal-info .product-price {
  margin-top: 0.5rem;
  font-weight: 500;
}

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