/* src/styles.scss */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
html {
  color-scheme: light dark;
  --mat-sys-background: light-dark(#faf8ff, #121318);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f7, #2f3035);
  --mat-sys-inverse-primary: light-dark(#b6c4ff, #455aa4);
  --mat-sys-inverse-surface: light-dark(#2f3035, #e3e1e8);
  --mat-sys-on-background: light-dark(#1a1b20, #e3e1e8);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #102a73);
  --mat-sys-on-primary-container: light-dark(#2c428a, #dce1ff);
  --mat-sys-on-primary-fixed: light-dark(#00164f, #00164f);
  --mat-sys-on-primary-fixed-variant: light-dark(#2c428a, #2c428a);
  --mat-sys-on-secondary: light-dark(#ffffff, #282f4b);
  --mat-sys-on-secondary-container: light-dark(#3e4563, #dce1ff);
  --mat-sys-on-secondary-fixed: light-dark(#121a35, #121a35);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4563, #3e4563);
  --mat-sys-on-surface: light-dark(#1a1b20, #e3e1e8);
  --mat-sys-on-surface-variant: light-dark(#444651, #e1e1ef);
  --mat-sys-on-tertiary: light-dark(#ffffff, #4b195d);
  --mat-sys-on-tertiary-container: light-dark(#643275, #fad7ff);
  --mat-sys-on-tertiary-fixed: light-dark(#330045, #330045);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#643275, #643275);
  --mat-sys-outline: light-dark(#757682, #8f909c);
  --mat-sys-outline-variant: light-dark(#c5c5d2, #444651);
  --mat-sys-primary: light-dark(#455aa4, #b6c4ff);
  --mat-sys-primary-container: light-dark(#dce1ff, #2c428a);
  --mat-sys-primary-fixed: light-dark(#dce1ff, #dce1ff);
  --mat-sys-primary-fixed-dim: light-dark(#b6c4ff, #b6c4ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565d7c, #bec5e8);
  --mat-sys-secondary-container: light-dark(#dce1ff, #3e4563);
  --mat-sys-secondary-fixed: light-dark(#dce1ff, #dce1ff);
  --mat-sys-secondary-fixed-dim: light-dark(#bec5e8, #bec5e8);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf8ff, #121318);
  --mat-sys-surface-bright: light-dark(#faf8ff, #38393e);
  --mat-sys-surface-container: light-dark(#efedf4, #1f1f24);
  --mat-sys-surface-container-high: light-dark(#e9e7ee, #292a2f);
  --mat-sys-surface-container-highest: light-dark(#e3e1e8, #34343a);
  --mat-sys-surface-container-low: light-dark(#f4f3fa, #1a1b20);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e13);
  --mat-sys-surface-dim: light-dark(#dbd9e0, #121318);
  --mat-sys-surface-tint: light-dark(#455aa4, #b6c4ff);
  --mat-sys-surface-variant: light-dark(#e1e1ef, #444651);
  --mat-sys-tertiary: light-dark(#7e4a8f, #eeb1fe);
  --mat-sys-tertiary-container: light-dark(#fad7ff, #643275);
  --mat-sys-tertiary-fixed: light-dark(#fad7ff, #fad7ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#eeb1fe, #eeb1fe);
  --mat-sys-neutral-variant20: #2e303a;
  --mat-sys-neutral10: #1a1b20;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
.error-button {
  --mat-button-filled-container-color: var(--mat-sys-error);
  --mat-button-filled-label-text-color: var(--mat-sys-on-error);
  --mat-button-filled-state-layer-color: var(--mat-sys-on-error);
  --mat-button-filled-ripple-color: color-mix(in srgb, var(--mat-sys-on-error) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent);
  --mat-button-text-ripple-color: var(--mat-sys-error);
}
.error-basic-button {
  --mat-button-text-label-text-color: var(--mat-sys-error);
  --mat-button-text-state-layer-color: var(--mat-sys-error);
  --mat-button-text-ripple-color: color-mix(in srgb, var(--mat-sys-error) calc(var(--mat-sys-pressed-state-layer-opacity) * 100%), transparent);
}
@media (prefers-color-scheme: dark) {
  canvas {
    filter: invert(1) hue-rotate(180deg);
  }
}
.body-small {
  font: var(--mat-sys-body-small);
}
.body-medium {
  font: var(--mat-sys-body-medium);
}
.body-large {
  font: var(--mat-sys-body-large);
}
.display-small {
  font: var(--mat-sys-display-small);
}
.display-medium {
  font: var(--mat-sys-display-medium);
}
.display-large {
  font: var(--mat-sys-display-large);
}
.headline-small {
  font: var(--mat-sys-headline-small);
}
.headline-medium {
  font: var(--mat-sys-headline-medium);
}
.headline-large {
  font: var(--mat-sys-headline-large);
}
.label-small {
  font: var(--mat-sys-label-small);
}
.label-medium {
  font: var(--mat-sys-label-medium);
}
.label-large {
  font: var(--mat-sys-label-large);
}
.title-small {
  font: var(--mat-sys-title-small);
}
.title-medium {
  font: var(--mat-sys-title-medium);
}
.title-large {
  font: var(--mat-sys-title-large);
}
.primary {
  color: var(--mat-sys-primary);
}
.on-primary {
  color: var(--mat-sys-on-primary);
}
.bg-primary {
  background-color: var(--mat-sys-primary);
}
.bg-on-primary {
  background-color: var(--mat-sys-on-primary);
}
.error {
  color: var(--mat-sys-error);
}
.form-field-small {
  --mat-form-field-container-height: 2.2rem;
  --mat-form-field-container-vertical-padding: 0.4rem;
}

/* src/tw.css */
/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
@layer theme {
  :root,
  :host {
    --color-red-600:oklch(57.7% .245 27.325);
    --color-green-100:oklch(96.2% .044 156.743);
    --color-green-800:oklch(44.8% .119 151.328);
    --color-gray-700:oklch(37.3% .034 259.733);
    --spacing:.25rem;
    --container-6xl:72rem;
    --container-7xl:80rem;
    --text-sm:.875rem;
    --text-sm--line-height:calc(1.25/.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-2xl:1.5rem;
    --text-2xl--line-height:calc(2/1.5);
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --radius-lg:.5rem;
  }
}
@layer base, components;
@layer utilities {
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-0 {
    inset: calc(var(--spacing)*0);
  }
  .z-\[2\] {
    z-index: 2;
  }
  .container {
    width: 100%;
  }
  @media (min-width:40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (min-width:48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (min-width:64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (min-width:80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (min-width:96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing)*0);
  }
  .mx-0 {
    margin-inline: calc(var(--spacing)*0);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing)*4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-0 {
    margin-block: calc(var(--spacing)*0);
  }
  .my-2 {
    margin-block: calc(var(--spacing)*2);
  }
  .my-4 {
    margin-block: calc(var(--spacing)*4);
  }
  .my-10 {
    margin-block: calc(var(--spacing)*10);
  }
  .mt-0 {
    margin-top: calc(var(--spacing)*0);
  }
  .mt-2 {
    margin-top: calc(var(--spacing)*2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing)*3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing)*4);
  }
  .mt-8 {
    margin-top: calc(var(--spacing)*8);
  }
  .mt-12 {
    margin-top: calc(var(--spacing)*12);
  }
  .mt-auto {
    margin-top: auto;
  }
  .mr-2 {
    margin-right: calc(var(--spacing)*2);
  }
  .mr-6 {
    margin-right: calc(var(--spacing)*6);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing)*0);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing)*2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing)*3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing)*4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing)*6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing)*8);
  }
  .ml-2 {
    margin-left: calc(var(--spacing)*2);
  }
  .ml-6 {
    margin-left: calc(var(--spacing)*6);
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .h-6 {
    height: calc(var(--spacing)*6);
  }
  .h-8 {
    height: calc(var(--spacing)*8);
  }
  .h-32 {
    height: calc(var(--spacing)*32);
  }
  .h-auto {
    height: auto;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-72 {
    max-height: calc(var(--spacing)*72);
  }
  .w-6 {
    width: calc(var(--spacing)*6);
  }
  .w-8 {
    width: calc(var(--spacing)*8);
  }
  .w-48 {
    width: calc(var(--spacing)*48);
  }
  .w-96 {
    width: calc(var(--spacing)*96);
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .transform {
    transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y);
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-2 {
    gap: calc(var(--spacing)*2);
  }
  .gap-4 {
    gap: calc(var(--spacing)*4);
  }
  .gap-6 {
    gap: calc(var(--spacing)*6);
  }
  .gap-8 {
    gap: calc(var(--spacing)*8);
  }
  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse:0;
    margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing)*2);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing)*4);
  }
  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse:0;
    margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)));
  }
  .gap-y-3 {
    row-gap: calc(var(--spacing)*3);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: .25rem;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-gray-700 {
    border-color: var(--color-gray-700);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .object-fill {
    object-fit: fill;
  }
  .p-0 {
    padding: calc(var(--spacing)*0);
  }
  .p-2 {
    padding: calc(var(--spacing)*2);
  }
  .p-4 {
    padding: calc(var(--spacing)*4);
  }
  .px-2 {
    padding-inline: calc(var(--spacing)*2);
  }
  .px-5 {
    padding-inline: calc(var(--spacing)*5);
  }
  .px-8 {
    padding-inline: calc(var(--spacing)*8);
  }
  .py-1 {
    padding-block: calc(var(--spacing)*1);
  }
  .py-3 {
    padding-block: calc(var(--spacing)*3);
  }
  .pt-0 {
    padding-top: calc(var(--spacing)*0);
  }
  .pt-3 {
    padding-top: calc(var(--spacing)*3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing)*4);
  }
  .pr-6 {
    padding-right: calc(var(--spacing)*6);
  }
  .pl-6 {
    padding-left: calc(var(--spacing)*6);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading,var(--text-2xl--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));
  }
  .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);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .shadow-sm {
    --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);
    box-shadow:
      var(--tw-inset-shadow),
      var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow),
      var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  @media (min-width:48rem) {
    .md\:absolute {
      position: absolute;
    }
    .md\:top-4 {
      top: calc(var(--spacing)*4);
    }
    .md\:right-4 {
      right: calc(var(--spacing)*4);
    }
    .md\:col-span-2 {
      grid-column: span 2/span 2;
    }
    .md\:mt-0 {
      margin-top: calc(var(--spacing)*0);
    }
    .md\:ml-0 {
      margin-left: calc(var(--spacing)*0);
    }
    .md\:w-96 {
      width: calc(var(--spacing)*96);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:flex-none {
      flex: none;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:gap-4 {
      gap: calc(var(--spacing)*4);
    }
  }
  @media (prefers-color-scheme:dark) {
    .dark\:bg-green-800 {
      background-color: var(--color-green-800);
    }
    .dark\:text-green-100 {
      color: var(--color-green-100);
    }
  }
}
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  @layer base {
    *,
    :before,
    :after,
    ::backdrop {
      --tw-rotate-x:rotateX(0);
      --tw-rotate-y:rotateY(0);
      --tw-rotate-z:rotateZ(0);
      --tw-skew-x:skewX(0);
      --tw-skew-y:skewY(0);
      --tw-space-y-reverse:0;
      --tw-space-x-reverse:0;
      --tw-border-style:solid;
      --tw-font-weight:initial;
      --tw-shadow:0 0 #0000;
      --tw-shadow-color:initial;
      --tw-shadow-alpha:100%;
      --tw-inset-shadow:0 0 #0000;
      --tw-inset-shadow-color:initial;
      --tw-inset-shadow-alpha:100%;
      --tw-ring-color:initial;
      --tw-ring-shadow:0 0 #0000;
      --tw-inset-ring-color:initial;
      --tw-inset-ring-shadow:0 0 #0000;
      --tw-ring-inset:initial;
      --tw-ring-offset-width:0px;
      --tw-ring-offset-color:#fff;
      --tw-ring-offset-shadow:0 0 #0000;
      --tw-outline-style:solid;
      --tw-blur:initial;
      --tw-brightness:initial;
      --tw-contrast:initial;
      --tw-grayscale:initial;
      --tw-hue-rotate:initial;
      --tw-invert:initial;
      --tw-opacity:initial;
      --tw-saturate:initial;
      --tw-sepia:initial;
      --tw-drop-shadow:initial;
      --tw-drop-shadow-color:initial;
      --tw-drop-shadow-alpha:100%;
      --tw-drop-shadow-size:initial;
    }
  }
}
@property --tw-rotate-x { syntax:"*";inherits:false;initial-value:rotateX(0) }
@property --tw-rotate-y { syntax:"*";inherits:false;initial-value:rotateY(0) }
@property --tw-rotate-z { syntax:"*";inherits:false;initial-value:rotateZ(0) }
@property --tw-skew-x { syntax:"*";inherits:false;initial-value:skewX(0) }
@property --tw-skew-y { syntax:"*";inherits:false;initial-value:skewY(0) }
@property --tw-space-y-reverse { syntax:"*";inherits:false;initial-value:0 }
@property --tw-space-x-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-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:0 }
@property --tw-ring-offset-color { syntax:"*";inherits:false;initial-value:#fff }
@property --tw-ring-offset-shadow { syntax:"*";inherits:false;initial-value:0 0 #0000 }
@property --tw-outline-style { syntax:"*";inherits:false;initial-value:solid }
@property --tw-blur { syntax:"*";inherits:false }
@property --tw-brightness { syntax:"*";inherits:false }
@property --tw-contrast { syntax:"*";inherits:false }
@property --tw-grayscale { syntax:"*";inherits:false }
@property --tw-hue-rotate { syntax:"*";inherits:false }
@property --tw-invert { syntax:"*";inherits:false }
@property --tw-opacity { syntax:"*";inherits:false }
@property --tw-saturate { syntax:"*";inherits:false }
@property --tw-sepia { syntax:"*";inherits:false }
@property --tw-drop-shadow { syntax:"*";inherits:false }
@property --tw-drop-shadow-color { syntax:"*";inherits:false }
@property --tw-drop-shadow-alpha { syntax:"<percentage>";inherits:false;initial-value:100% }
@property --tw-drop-shadow-size { syntax:"*";inherits:false }

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