/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --breakpoint-md: 48rem;
    --container-xs: 20rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-normal: 400;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --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);
    --radius: 0.3125rem;
    --color-white: #ffffff;
    --color-green: #25e6c0;
    --color-black: #1d1d1b;
    --color-dark-blue: #000126;
    --color-dark-fill: #1a2942;
    --color-shade: #f3f3f3;
    --color-gray: #d9d9d9;
    --color-gray-placeholder: #5b6476;
    --font-sans: LatoWeb, sans-serif;
    --font-mono: LatoWebMono, ui-monospace, monospace;
    --font-bold: LatoWebBold, sans-serif;
    --font-semibold: LatoWebSemibold, sans-serif;
    --font-light: LatoWebLight, sans-serif;
    --text-14: 0.875rem;
    --text-14--line-height: 1.05rem;
    --text-15: 0.9375rem;
    --text-15--line-height: 1.125rem;
    --text-18: 1.125rem;
    --text-18--line-height: 1.35rem;
    --text-20: 1.25rem;
    --text-20--line-height: 1.5rem;
    --text-22: 1.375rem;
    --text-22--line-height: 1.65rem;
    --text-25: 1.5625rem;
    --text-25--line-height: 1.875rem;
    --text-27: 1.6875rem;
    --text-27--line-height: 2rem;
    --text-30: 1.875rem;
    --text-30--line-height: 2.25rem;
    --text-35: 2.1875rem;
    --text-35--line-height: 2.625rem;
    --text-40: 2.5rem;
    --text-40--line-height: 3rem;
  }
}
@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .-top-1\.5 {
    top: calc(var(--spacing) * -1.5);
  }
  .top-0 {
    top: 0px;
  }
  .top-1\/2 {
    top: calc(1 / 2 * 100%);
  }
  .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .top-2\.5 {
    top: calc(var(--spacing) * 2.5);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-7 {
    top: calc(var(--spacing) * 7);
  }
  .top-8 {
    top: calc(var(--spacing) * 8);
  }
  .top-16 {
    top: calc(var(--spacing) * 16);
  }
  .top-24 {
    top: calc(var(--spacing) * 24);
  }
  .-right-16 {
    right: calc(var(--spacing) * -16);
  }
  .right-0 {
    right: 0px;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .right-8 {
    right: calc(var(--spacing) * 8);
  }
  .right-24 {
    right: calc(var(--spacing) * 24);
  }
  .bottom-0 {
    bottom: 0px;
  }
  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }
  .left-0 {
    left: 0px;
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .z-50 {
    z-index: 50;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-px {
    margin: 1px;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .-mx-1\.5 {
    margin-inline: calc(var(--spacing) * -1.5);
  }
  .mx-1 {
    margin-inline: var(--spacing);
  }
  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mx-px {
    margin-inline: 1px;
  }
  .-my-16 {
    margin-block: calc(var(--spacing) * -16);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: var(--spacing);
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -0.5);
  }
  .-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-0 {
    margin-top: 0px;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: var(--spacing);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-16 {
    margin-top: calc(var(--spacing) * 16);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }
  .mr-\[6px\] {
    margin-right: 6px;
  }
  .mr-px {
    margin-right: 1px;
  }
  .-mb-1 {
    margin-bottom: calc(var(--spacing) * -1);
  }
  .mb-0\.5 {
    margin-bottom: calc(var(--spacing) * 0.5);
  }
  .mb-1 {
    margin-bottom: var(--spacing);
  }
  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }
  .mb-12 {
    margin-bottom: calc(var(--spacing) * 12);
  }
  .mb-px {
    margin-bottom: 1px;
  }
  .-ml-0\.5 {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .-ml-3 {
    margin-left: calc(var(--spacing) * -3);
  }
  .ml-1 {
    margin-left: var(--spacing);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .flow-root {
    display: flow-root;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .h-1 {
    height: var(--spacing);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-\[4em\] {
    height: 4em;
  }
  .h-\[calc\(100\%-2px\)\] {
    height: calc(100% - 2px);
  }
  .min-h-48 {
    min-height: calc(var(--spacing) * 48);
  }
  .min-h-60 {
    min-height: calc(var(--spacing) * 60);
  }
  .min-h-64 {
    min-height: calc(var(--spacing) * 64);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-24 {
    width: calc(var(--spacing) * 24);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-40 {
    width: calc(var(--spacing) * 40);
  }
  .w-\[calc\(100\%-2px\)\] {
    width: calc(100% - 2px);
  }
  .w-auto {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .w-xs {
    width: var(--container-xs);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-80 {
    max-width: calc(var(--spacing) * 80);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .min-w-32 {
    min-width: calc(var(--spacing) * 32);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-1\/3 {
    flex-basis: calc(1 / 3 * 100%);
  }
  .basis-2\/3 {
    flex-basis: calc(2 / 3 * 100%);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-\[5em_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: 5em minmax(0,1fr) auto;
  }
  .grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .content-center {
    align-content: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: var(--spacing);
  }
  .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);
  }
  :where(.space-y-1 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));
  }
  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
  :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-1 {
    column-gap: var(--spacing);
  }
  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-x-8 {
    column-gap: calc(var(--spacing) * 8);
  }
  .gap-x-12 {
    column-gap: calc(var(--spacing) * 12);
  }
  .gap-x-14 {
    column-gap: calc(var(--spacing) * 14);
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .rounded {
    border-radius: var(--radius);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-dark-blue {
    border-color: var(--color-dark-blue);
  }
  .border-dark-blue\/5 {
    border-color: color-mix(in srgb, #000126 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-dark-blue) 5%, transparent);
    }
  }
  .border-gray {
    border-color: var(--color-gray);
  }
  .border-green {
    border-color: var(--color-green);
  }
  .border-shade {
    border-color: var(--color-shade);
  }
  .border-white {
    border-color: var(--color-white);
  }
  .border-b-dark-fill {
    border-bottom-color: var(--color-dark-fill);
  }
  .bg-\[\#F00\] {
    background-color: #F00;
  }
  .bg-\[LimeGreen\] {
    background-color: LimeGreen;
  }
  .bg-\[red\] {
    background-color: red;
  }
  .bg-dark-blue {
    background-color: var(--color-dark-blue);
  }
  .bg-dark-fill {
    background-color: var(--color-dark-fill);
  }
  .bg-dark-fill\/5 {
    background-color: color-mix(in srgb, #1a2942 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-fill) 5%, transparent);
    }
  }
  .bg-gray {
    background-color: var(--color-gray);
  }
  .bg-green {
    background-color: var(--color-green);
  }
  .bg-green\/5 {
    background-color: color-mix(in srgb, #25e6c0 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 5%, transparent);
    }
  }
  .bg-green\/10 {
    background-color: color-mix(in srgb, #25e6c0 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 10%, transparent);
    }
  }
  .bg-shade {
    background-color: var(--color-shade);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .fill-\[LimeGreen\] {
    fill: LimeGreen;
  }
  .fill-\[red\] {
    fill: red;
  }
  .fill-none {
    fill: none;
  }
  .fill-white {
    fill: var(--color-white);
  }
  .stroke-\[LimeGreen\] {
    stroke: LimeGreen;
  }
  .stroke-\[red\] {
    stroke: red;
  }
  .stroke-green {
    stroke: var(--color-green);
  }
  .stroke-white {
    stroke: var(--color-white);
  }
  .stroke-2 {
    stroke-width: 2;
  }
  .p-0 {
    padding: 0px;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0\.5 {
    padding-inline: calc(var(--spacing) * 0.5);
  }
  .px-1 {
    padding-inline: var(--spacing);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: var(--spacing);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-16 {
    padding-block: calc(var(--spacing) * 16);
  }
  .cellpadding-2px td:not([class*="p-"]):not([class*="px-"]), .cellpadding-2px th:not([class*="p-"]):not([class*="px-"]) {
    padding-left: 2px;
    padding-right: 2px;
  }
  .cellpadding-2px td:not([class*="p-"]):not([class*="py-"]), .cellpadding-2px th:not([class*="p-"]):not([class*="py-"]) {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .cellpadding-4px td:not([class*="p-"]):not([class*="px-"]), .cellpadding-4px th:not([class*="p-"]):not([class*="px-"]) {
    padding-left: 4px;
    padding-right: 4px;
  }
  .cellpadding-4px td:not([class*="p-"]):not([class*="py-"]), .cellpadding-4px th:not([class*="p-"]):not([class*="py-"]) {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: var(--spacing);
  }
  .pt-1\.5 {
    padding-top: calc(var(--spacing) * 1.5);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--spacing) * 10);
  }
  .pt-12 {
    padding-top: calc(var(--spacing) * 12);
  }
  .pt-\[0\.01rem\] {
    padding-top: 0.01rem;
  }
  .pt-\[1\.1rem\] {
    padding-top: 1.1rem;
  }
  .pr-5 {
    padding-right: calc(var(--spacing) * 5);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pr-14 {
    padding-right: calc(var(--spacing) * 14);
  }
  .pr-16 {
    padding-right: calc(var(--spacing) * 16);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-0\.5 {
    padding-bottom: calc(var(--spacing) * 0.5);
  }
  .pb-1 {
    padding-bottom: var(--spacing);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pb-\[0\.9rem\] {
    padding-bottom: 0.9rem;
  }
  .pb-\[60px\] {
    padding-bottom: 60px;
  }
  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .font-bold {
    font-family: var(--font-bold);
  }
  .font-light {
    font-family: var(--font-light);
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-sans {
    font-family: var(--font-sans);
  }
  .font-semibold {
    font-family: var(--font-semibold);
  }
  .text-14 {
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
  }
  .text-15 {
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
  }
  .text-18 {
    font-size: var(--text-18);
    line-height: var(--tw-leading, var(--text-18--line-height));
  }
  .text-20 {
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
  }
  .text-22 {
    font-size: var(--text-22);
    line-height: var(--tw-leading, var(--text-22--line-height));
  }
  .text-25 {
    font-size: var(--text-25);
    line-height: var(--tw-leading, var(--text-25--line-height));
  }
  .text-27 {
    font-size: var(--text-27);
    line-height: var(--tw-leading, var(--text-27--line-height));
  }
  .text-30 {
    font-size: var(--text-30);
    line-height: var(--tw-leading, var(--text-30--line-height));
  }
  .text-35 {
    font-size: var(--text-35);
    line-height: var(--tw-leading, var(--text-35--line-height));
  }
  .text-40 {
    font-size: var(--text-40);
    line-height: var(--tw-leading, var(--text-40--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-\[1rem\] {
    font-size: 1rem;
  }
  .text-\[2vw\] {
    font-size: 2vw;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .font-\[600\] {
    --tw-font-weight: 600;
    font-weight: 600;
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[red\] {
    color: red;
  }
  .text-\[red\]\/80 {
    color: color-mix(in oklab, red 80%, transparent);
  }
  .text-black {
    color: var(--color-black);
  }
  .text-dark-blue {
    color: var(--color-dark-blue);
  }
  .text-dark-fill {
    color: var(--color-dark-fill);
  }
  .text-gray-placeholder {
    color: var(--color-gray-placeholder);
  }
  .text-green {
    color: var(--color-green);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .underline {
    text-decoration-line: underline;
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-15 {
    opacity: 15%;
  }
  .opacity-30 {
    opacity: 30%;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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 {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .\[button\:existing-micro-norm\] {
    button: existing-micro-norm;
  }
  .\[button\:existing-micro-process\] {
    button: existing-micro-process;
  }
  .\[button\:new-micro-norm\] {
    button: new-micro-norm;
  }
  .\[button\:new-micro-process\] {
    button: new-micro-process;
  }
  .\[case\:current-state\] {
    case: current-state;
  }
  .\[case\:long-state\] {
    case: long-state;
  }
  .\[case\:medium-state\] {
    case: medium-state;
  }
  .\[case\:short-state\] {
    case: short-state;
  }
  .\[case\:units-number\] {
    case: units-number;
  }
  .\[case\:units-other\] {
    case: units-other;
  }
  .\[case\:units-percentage\] {
    case: units-percentage;
  }
  .\[case\:units-scale\] {
    case: units-scale;
  }
  .\[case\:units-yes-no\] {
    case: units-yes-no;
  }
  .\[each\:credential\] {
    each: credential;
  }
  .\[each\:goal-macro-norm\] {
    each: goal-macro-norm;
  }
  .\[each\:goal\] {
    each: goal;
  }
  .\[each\:group\] {
    each: group;
  }
  .\[each\:macro-micro-norms\] {
    each: macro-micro-norms;
  }
  .\[each\:macro-norm-id\] {
    each: macro-norm-id;
  }
  .\[each\:macro-value-dates\] {
    each: macro-value-dates;
  }
  .\[each\:macro-value\] {
    each: macro-value;
  }
  .\[each\:macro-xs\] {
    each: macro-xs;
  }
  .\[each\:macroNorm\] {
    each: macroNorm;
  }
  .\[each\:micro-norm-date\] {
    each: micro-norm-date;
  }
  .\[each\:micro-sources\] {
    each: micro-sources;
  }
  .\[each\:milestone-dates\] {
    each: milestone-dates;
  }
  .\[each\:org\] {
    each: org;
  }
  .\[each\:party-bb-block\] {
    each: party-bb-block;
  }
  .\[each\:party-bb-group\] {
    each: party-bb-group;
  }
  .\[each\:party-with-bb-block-extents\] {
    each: party-with-bb-block-extents;
  }
  .\[each\:process-micro-processes\] {
    each: process-micro-processes;
  }
  .\[each\:product-group\] {
    each: product-group;
  }
  .\[each\:product-macro-norm\] {
    each: product-macro-norm;
  }
  .\[each\:product-micro-norm\] {
    each: product-micro-norm;
  }
  .\[each\:product-target-group-with-products\] {
    each: product-target-group-with-products;
  }
  .\[each\:product\] {
    each: product;
  }
  .\[each\:shadow-goal-macro-xs\] {
    each: shadow-goal-macro-xs;
  }
  .\[each\:shadow-macro-norm-id\] {
    each: shadow-macro-norm-id;
  }
  .\[each\:shadow-macro-norm\] {
    each: shadow-macro-norm;
  }
  .\[each\:shadow-micro-norm\] {
    each: shadow-micro-norm;
  }
  .\[each\:target-group-product-group\] {
    each: target-group-product-group;
  }
  .\[each\:target-group-product\] {
    each: target-group-product;
  }
  .\[fragment\:form-input-value-of-units\] {
    fragment: form-input-value-of-units;
  }
  .\[fragment\:goal-macro-micro-norm-realizations\] {
    fragment: goal-macro-micro-norm-realizations;
  }
  .\[fragment\:micro-norm-realization-value\] {
    fragment: micro-norm-realization-value;
  }
  .\[fragment\:micro-norm-value-value\] {
    fragment: micro-norm-value-value;
  }
  .\[fragment\:micro-process-realizations\] {
    fragment: micro-process-realizations;
  }
  .\[fragment\:micro-process-value-value\] {
    fragment: micro-process-value-value;
  }
  .\[fragment\:product-macro-micro-norm-realizations\] {
    fragment: product-macro-micro-norm-realizations;
  }
  .\[fragment\:product-relations-macro-norm\] {
    fragment: product-relations-macro-norm;
  }
  .\[hidden\:macro-micro-norm\/macro-norm-id\] {
    hidden: macro-micro-norm/macro-norm-id;
  }
  .\[hidden\:macro-micro-norm\/micro-norm-id\] {
    hidden: macro-micro-norm/micro-norm-id;
  }
  .\[hidden\:micro-norm-id\] {
    hidden: micro-norm-id;
  }
  .\[hidden\:micro-norm-realization\/date\] {
    hidden: micro-norm-realization/date;
  }
  .\[hidden\:micro-norm-realization\/micro-norm-id\] {
    hidden: micro-norm-realization/micro-norm-id;
  }
  .\[hidden\:micro-norm-value\/date\] {
    hidden: micro-norm-value/date;
  }
  .\[hidden\:micro-norm-value\/micro-norm-id\] {
    hidden: micro-norm-value/micro-norm-id;
  }
  .\[hidden\:micro-norm\/org-id\] {
    hidden: micro-norm/org-id;
  }
  .\[hidden\:micro-norm\/units\*\] {
    hidden: micro-norm/units*;
  }
  .\[hidden\:micro-norm\/units\] {
    hidden: micro-norm/units;
  }
  .\[hidden\:micro-process-id\] {
    hidden: micro-process-id;
  }
  .\[hidden\:micro-process-realization\/date\] {
    hidden: micro-process-realization/date;
  }
  .\[hidden\:micro-process-realization\/micro-process-id\] {
    hidden: micro-process-realization/micro-process-id;
  }
  .\[hidden\:micro-process-value\/date\] {
    hidden: micro-process-value/date;
  }
  .\[hidden\:micro-process-value\/micro-process-id\] {
    hidden: micro-process-value/micro-process-id;
  }
  .\[hidden\:micro-source-relation\] {
    hidden: micro-source-relation;
  }
  .\[hidden\:process-micro-process\/micro-process-id\] {
    hidden: process-micro-process/micro-process-id;
  }
  .\[hidden\:process-micro-process\/process-id\] {
    hidden: process-micro-process/process-id;
  }
  .\[hidden\:xt\/id\] {
    hidden: xt/id;
  }
  .\[if\:goal-macro-extent\] {
    if: goal-macro-extent;
  }
  .\[if\:group-has-products\] {
    if: group-has-products;
  }
  .\[if\:hasProducts\] {
    if: hasProducts;
  }
  .\[if\:is-shadow\] {
    if: is-shadow;
  }
  .\[if\:micro-norm-can-have-realization\] {
    if: micro-norm-can-have-realization;
  }
  .\[if\:micro-norm-date-before-today\] {
    if: micro-norm-date-before-today;
  }
  .\[if\:not-empty-bb-groups\] {
    if: not-empty-bb-groups;
  }
  .\[if\:not-empty-product-groups\] {
    if: not-empty-product-groups;
  }
  .\[if\:not-empty\] {
    if: not-empty;
  }
  .\[if\:not-purpose-validation-var\] {
    if: not-purpose-validation-var;
  }
  .\[if\:product-micro-norm\] {
    if: product-micro-norm;
  }
  .\[if\:products\] {
    if: products;
  }
  .\[if\:purpose-validation-var\] {
    if: purpose-validation-var;
  }
  .\[if\:shadow-micro-norm\] {
    if: shadow-micro-norm;
  }
  .\[input\:macro-value\/date\] {
    input: macro-value/date;
  }
  .\[input\:micro-norm-realization\/value\] {
    input: micro-norm-realization/value;
  }
  .\[input\:micro-norm-value\/value\] {
    input: micro-norm-value/value;
  }
  .\[input\:micro-process-realization\/value\] {
    input: micro-process-realization/value;
  }
  .\[input\:micro-process-value\/date\] {
    input: micro-process-value/date;
  }
  .\[input\:micro-process-value\/value\] {
    input: micro-process-value/value;
  }
  .\[insert\:goal-identifier\] {
    insert: goal-identifier;
  }
  .\[insert\:goal-macro-name\] {
    insert: goal-macro-name;
  }
  .\[insert\:goal\/current-state-now\] {
    insert: goal/current-state-now;
  }
  .\[insert\:goal\/current-state-year-end\] {
    insert: goal/current-state-year-end;
  }
  .\[insert\:goal\/long-state\] {
    insert: goal/long-state;
  }
  .\[insert\:goal\/medium-state\] {
    insert: goal/medium-state;
  }
  .\[insert\:goal\/short-state\] {
    insert: goal/short-state;
  }
  .\[insert\:paragraph-text\] {
    insert: paragraph-text;
  }
  .\[insert\:product-relations-macro-norm\] {
    insert: product-relations-macro-norm;
  }
  .\[note\:bb-blocks\] {
    note: bb-blocks;
  }
  .\[replace\:goal-state-paragraphs\/HS\] {
    replace: goal-state-paragraphs/HS;
  }
  .\[replace\:goal-state-paragraphs\/KT\] {
    replace: goal-state-paragraphs/KT;
  }
  .\[replace\:goal-state-paragraphs\/LT\] {
    replace: goal-state-paragraphs/LT;
  }
  .\[replace\:goal-state-paragraphs\/MLT\] {
    replace: goal-state-paragraphs/MLT;
  }
  .\[replace\:goal-state-paragraphs\/NU\] {
    replace: goal-state-paragraphs/NU;
  }
  .\[replace\:macro-norms-chart\] {
    replace: macro-norms-chart;
  }
  .\[replace\:show-one-macro\] {
    replace: show-one-macro;
  }
  .\[switch\:menu-selector\] {
    switch: menu-selector;
  }
  .\[switch\:micro-norm-units\] {
    switch: micro-norm-units;
  }
  .\[switch\:party-type\] {
    switch: party-type;
  }
  .\[switch\:select-links\] {
    switch: select-links;
  }
  .\[switch\:state-selector\] {
    switch: state-selector;
  }
  .\[unless\:is-shadow\] {
    unless: is-shadow;
  }
  .first\:mt-0:first-child {
    margin-top: 0px;
  }
  @media (hover: hover) {
    .hover\:bg-dark-blue\/10:hover {
      background-color: color-mix(in srgb, #000126 10%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-dark-blue\/10:hover {
        background-color: color-mix(in oklab, var(--color-dark-blue) 10%, transparent);
      }
    }
    .hover\:bg-dark-fill\/5:hover {
      background-color: color-mix(in srgb, #1a2942 5%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-dark-fill\/5:hover {
        background-color: color-mix(in oklab, var(--color-dark-fill) 5%, transparent);
      }
    }
    .hover\:bg-green\/80:hover {
      background-color: color-mix(in srgb, #25e6c0 80%, transparent);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green\/80:hover {
        background-color: color-mix(in oklab, var(--color-green) 80%, transparent);
      }
    }
    .hover\:bg-white:hover {
      background-color: var(--color-white);
    }
    .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);
    }
    .hover\:ring-1:hover {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hover\:ring-green:hover {
      --tw-ring-color: var(--color-green);
    }
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-auto:disabled {
    cursor: auto;
  }
  .disabled\:text-gray:disabled {
    color: var(--color-gray);
  }
  .disabled\:opacity-25:disabled {
    opacity: 25%;
  }
  .disabled\:opacity-50:disabled {
    opacity: 50%;
  }
  .data-bridge\:blur[data-bridge] {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  @media (width >= 40rem) {
    .sm\:mt-0 {
      margin-top: 0px;
    }
    .sm\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }
    .sm\:mb-0 {
      margin-bottom: 0px;
    }
    .sm\:flex {
      display: flex;
    }
    .sm\:hidden {
      display: none;
    }
    .sm\:w-60 {
      width: calc(var(--spacing) * 60);
    }
    .sm\:w-80 {
      width: calc(var(--spacing) * 80);
    }
    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (width >= 48rem) {
    .md\:mt-0 {
      margin-top: 0px;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:text-\[1em\] {
      font-size: 1em;
    }
  }
  @media (width >= 64rem) {
    .lg\:mb-0 {
      margin-bottom: 0px;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:px-16 {
      padding-inline: calc(var(--spacing) * 16);
    }
  }
  @media (width >= 96rem) {
    .\32 xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .\[realization\/goal-macro-norms\]\:\[each\:date\]:is(realization/goal-macro-norms) {
    each: date;
  }
  .\[realization\/goal-macro-norms\]\:\[each\:goal\]:is(realization/goal-macro-norms) {
    each: goal;
  }
  .\[realization\/goal-macro-norms\]\:\[each\:macro-micro-norm\]:is(realization/goal-macro-norms) {
    each: macro-micro-norm;
  }
  .\[realization\/goal-macro-norms\]\:\[each\:macro-norm\]:is(realization/goal-macro-norms) {
    each: macro-norm;
  }
  .\[realization\/goal-macro-norms\]\:\[if\:micro-norm-realization\]:is(realization/goal-macro-norms) {
    if: micro-norm-realization;
  }
  .\[realization\/goal-macro-norms\]\:\[if\:micro-norm-value\]:is(realization/goal-macro-norms) {
    if: micro-norm-value;
  }
  .\[realization\/goal-macro-norms\]\:\[if\:selected-goal-id\]:is(realization/goal-macro-norms) {
    if: selected-goal-id;
  }
  .\[realization\/goal-macro-norms\]\:\[if\:without-micro-norms\]:is(realization/goal-macro-norms) {
    if: without-micro-norms;
  }
  .\[realization\/goal-macro-norms\]\:\[menu\:selected-goal-id\]:is(realization/goal-macro-norms) {
    menu: selected-goal-id;
  }
  .\[realization\/goal-macro-norms\]\:\[unless\:selected-goal-id\]:is(realization/goal-macro-norms) {
    unless: selected-goal-id;
  }
  .\[realization\/goal-micro-norms\]\:\[each\:macro-micro-norm\]:is(realization/goal-micro-norms) {
    each: macro-micro-norm;
  }
  .\[realization\/goal-micro-norms\]\:\[each\:micro-norm\]:is(realization/goal-micro-norms) {
    each: micro-norm;
  }
  .\[realization\/goal-micro-norms\]\:\[if\:selected-micro-norm-id\]:is(realization/goal-micro-norms) {
    if: selected-micro-norm-id;
  }
  .\[realization\/goal-micro-norms\]\:\[menu\:selected-micro-norm-id\]:is(realization/goal-micro-norms) {
    menu: selected-micro-norm-id;
  }
  .\[realization\/goal-micro-norms\]\:\[unless\:selected-micro-norm-id\]:is(realization/goal-micro-norms) {
    unless: selected-micro-norm-id;
  }
  .\[realization\/goal-processes\]\:\[each\:date\]:is(realization/goal-processes) {
    each: date;
  }
  .\[realization\/goal-processes\]\:\[each\:goal\]:is(realization/goal-processes) {
    each: goal;
  }
  .\[realization\/goal-processes\]\:\[each\:macro-norm\]:is(realization/goal-processes) {
    each: macro-norm;
  }
  .\[realization\/goal-processes\]\:\[each\:process-micro-process\]:is(realization/goal-processes) {
    each: process-micro-process;
  }
  .\[realization\/goal-processes\]\:\[if\:micro-process-realization\]:is(realization/goal-processes) {
    if: micro-process-realization;
  }
  .\[realization\/goal-processes\]\:\[if\:micro-process-value\]:is(realization/goal-processes) {
    if: micro-process-value;
  }
  .\[realization\/goal-processes\]\:\[if\:selected-goal-id\]:is(realization/goal-processes) {
    if: selected-goal-id;
  }
  .\[realization\/goal-processes\]\:\[if\:without-micro-norms\]:is(realization/goal-processes) {
    if: without-micro-norms;
  }
  .\[realization\/goal-processes\]\:\[menu\:selected-goal-id\]:is(realization/goal-processes) {
    menu: selected-goal-id;
  }
  .\[realization\/goal-processes\]\:\[unless\:selected-goal-id\]:is(realization/goal-processes) {
    unless: selected-goal-id;
  }
  .\[realization\/micro-processes\]\:\[each\:micro-process\]:is(realization/micro-processes) {
    each: micro-process;
  }
  .\[realization\/micro-processes\]\:\[each\:process-micro-process\]:is(realization/micro-processes) {
    each: process-micro-process;
  }
  .\[realization\/micro-processes\]\:\[if\:selected-micro-process-id\]:is(realization/micro-processes) {
    if: selected-micro-process-id;
  }
  .\[realization\/micro-processes\]\:\[menu\:selected-micro-process-id\]:is(realization/micro-processes) {
    menu: selected-micro-process-id;
  }
  .\[realization\/micro-processes\]\:\[unless\:selected-micro-process-id\]:is(realization/micro-processes) {
    unless: selected-micro-process-id;
  }
  .\[realization\/product-macro-norms\]\:\[each\:date\]:is(realization/product-macro-norms) {
    each: date;
  }
  .\[realization\/product-macro-norms\]\:\[each\:group\]:is(realization/product-macro-norms) {
    each: group;
  }
  .\[realization\/product-macro-norms\]\:\[each\:macro-micro-norm\]:is(realization/product-macro-norms) {
    each: macro-micro-norm;
  }
  .\[realization\/product-macro-norms\]\:\[each\:macro-norm\]:is(realization/product-macro-norms) {
    each: macro-norm;
  }
  .\[realization\/product-macro-norms\]\:\[each\:product\]:is(realization/product-macro-norms) {
    each: product;
  }
  .\[realization\/product-macro-norms\]\:\[each\:shadow-macro-norm\]:is(realization/product-macro-norms) {
    each: shadow-macro-norm;
  }
  .\[realization\/product-macro-norms\]\:\[if\:micro-norm-realization\]:is(realization/product-macro-norms) {
    if: micro-norm-realization;
  }
  .\[realization\/product-macro-norms\]\:\[if\:micro-norm-value\]:is(realization/product-macro-norms) {
    if: micro-norm-value;
  }
  .\[realization\/product-macro-norms\]\:\[if\:selected-product-id\]:is(realization/product-macro-norms) {
    if: selected-product-id;
  }
  .\[realization\/product-macro-norms\]\:\[if\:without-micro-norms\]:is(realization/product-macro-norms) {
    if: without-micro-norms;
  }
  .\[realization\/product-macro-norms\]\:\[menu\:selected-product-id\]:is(realization/product-macro-norms) {
    menu: selected-product-id;
  }
  .\[realization\/product-macro-norms\]\:\[unless\:selected-product-id\]:is(realization/product-macro-norms) {
    unless: selected-product-id;
  }
  .\[realization\/product-micro-norms\]\:\[each\:macro-micro-norm\]:is(realization/product-micro-norms) {
    each: macro-micro-norm;
  }
  .\[realization\/product-micro-norms\]\:\[each\:micro-norm\]:is(realization/product-micro-norms) {
    each: micro-norm;
  }
  .\[realization\/product-micro-norms\]\:\[if\:selected-micro-norm-id\]:is(realization/product-micro-norms) {
    if: selected-micro-norm-id;
  }
  .\[realization\/product-micro-norms\]\:\[menu\:selected-micro-norm-id\]:is(realization/product-micro-norms) {
    menu: selected-micro-norm-id;
  }
  .\[realization\/product-micro-norms\]\:\[unless\:selected-micro-norm-id\]:is(realization/product-micro-norms) {
    unless: selected-micro-norm-id;
  }
  .\[relations\/goal-macro-norms\]\:\[each\:goal\]:is(relations/goal-macro-norms) {
    each: goal;
  }
  .\[relations\/goal-macro-norms\]\:\[each\:macro-micro-norm\]:is(relations/goal-macro-norms) {
    each: macro-micro-norm;
  }
  .\[relations\/goal-macro-norms\]\:\[each\:macro-norm\]:is(relations/goal-macro-norms) {
    each: macro-norm;
  }
  .\[relations\/goal-macro-norms\]\:\[if\:selected-goal-id\]:is(relations/goal-macro-norms) {
    if: selected-goal-id;
  }
  .\[relations\/goal-macro-norms\]\:\[if\:without-micro-norms\]:is(relations/goal-macro-norms) {
    if: without-micro-norms;
  }
  .\[relations\/goal-macro-norms\]\:\[menu\:selected-goal-id\]:is(relations/goal-macro-norms) {
    menu: selected-goal-id;
  }
  .\[relations\/goal-macro-norms\]\:\[unless\:selected-goal-id\]:is(relations/goal-macro-norms) {
    unless: selected-goal-id;
  }
  .\[relations\/micro-norms-of-goals\]\:\[each\:goal\]:is(relations/micro-norms-of-goals) {
    each: goal;
  }
  .\[relations\/micro-norms-of-goals\]\:\[each\:macro-micro-norm\]:is(relations/micro-norms-of-goals) {
    each: macro-micro-norm;
  }
  .\[relations\/micro-norms-of-goals\]\:\[each\:micro-norm\]:is(relations/micro-norms-of-goals) {
    each: micro-norm;
  }
  .\[relations\/micro-norms-of-goals\]\:\[if\:macro-micro-norms\]:is(relations/micro-norms-of-goals) {
    if: macro-micro-norms;
  }
  .\[relations\/micro-norms-of-products\]\:\[each\:group\]:is(relations/micro-norms-of-products) {
    each: group;
  }
  .\[relations\/micro-norms-of-products\]\:\[each\:macro-micro-norm\]:is(relations/micro-norms-of-products) {
    each: macro-micro-norm;
  }
  .\[relations\/micro-norms-of-products\]\:\[each\:micro-norm\]:is(relations/micro-norms-of-products) {
    each: micro-norm;
  }
  .\[relations\/micro-norms-of-products\]\:\[each\:product\]:is(relations/micro-norms-of-products) {
    each: product;
  }
  .\[relations\/micro-norms-of-products\]\:\[if\:macro-micro-norms\]:is(relations/micro-norms-of-products) {
    if: macro-micro-norms;
  }
  .\[relations\/micro-processes\]\:\[each\:goal\]:is(relations/micro-processes) {
    each: goal;
  }
  .\[relations\/micro-processes\]\:\[each\:micro-process\]:is(relations/micro-processes) {
    each: micro-process;
  }
  .\[relations\/micro-processes\]\:\[each\:processMicroProcess\]:is(relations/micro-processes) {
    each: processMicroProcess;
  }
  .\[relations\/micro-processes\]\:\[if\:goalProcessMicroProcesses\]:is(relations/micro-processes) {
    if: goalProcessMicroProcesses;
  }
  .\[relations\/micro-sources-of-bb-blocks\]\:\[each\:micro-source\]:is(relations/micro-sources-of-bb-blocks) {
    each: micro-source;
  }
  .\[relations\/micro-sources-of-operations\]\:\[each\:micro-source\]:is(relations/micro-sources-of-operations) {
    each: micro-source;
  }
  .\[relations\/micro-sources-of-products\]\:\[each\:micro-source\]:is(relations/micro-sources-of-products) {
    each: micro-source;
  }
  .\[relations\/micro-sources-of-tasks\]\:\[each\:micro-source\]:is(relations/micro-sources-of-tasks) {
    each: micro-source;
  }
  .\[relations\/processes\]\:\[each\:goal\]:is(relations/processes) {
    each: goal;
  }
  .\[relations\/processes\]\:\[each\:process-micro-processes\]:is(relations/processes) {
    each: process-micro-processes;
  }
  .\[relations\/processes\]\:\[each\:process\]:is(relations/processes) {
    each: process;
  }
  .\[relations\/processes\]\:\[if\:selected-goal-id\]:is(relations/processes) {
    if: selected-goal-id;
  }
  .\[relations\/processes\]\:\[if\:without-micro-norms\]:is(relations/processes) {
    if: without-micro-norms;
  }
  .\[relations\/processes\]\:\[menu\:selected-goal-id\]:is(relations/processes) {
    menu: selected-goal-id;
  }
  .\[relations\/processes\]\:\[unless\:selected-goal-id\]:is(relations/processes) {
    unless: selected-goal-id;
  }
  .\[relations\/product-macro-norms\]\:\[each\:group\]:is(relations/product-macro-norms) {
    each: group;
  }
  .\[relations\/product-macro-norms\]\:\[each\:macro-micro-norm\]:is(relations/product-macro-norms) {
    each: macro-micro-norm;
  }
  .\[relations\/product-macro-norms\]\:\[each\:macro-norm\]:is(relations/product-macro-norms) {
    each: macro-norm;
  }
  .\[relations\/product-macro-norms\]\:\[each\:product\]:is(relations/product-macro-norms) {
    each: product;
  }
  .\[relations\/product-macro-norms\]\:\[each\:shadow-macro-norm\]:is(relations/product-macro-norms) {
    each: shadow-macro-norm;
  }
  .\[relations\/product-macro-norms\]\:\[if\:selected-product-id\]:is(relations/product-macro-norms) {
    if: selected-product-id;
  }
  .\[relations\/product-macro-norms\]\:\[if\:without-micro-norms\]:is(relations/product-macro-norms) {
    if: without-micro-norms;
  }
  .\[relations\/product-macro-norms\]\:\[menu\:selected-product-id\]:is(relations/product-macro-norms) {
    menu: selected-product-id;
  }
  .\[relations\/product-macro-norms\]\:\[unless\:selected-product-id\]:is(relations/product-macro-norms) {
    unless: selected-product-id;
  }
}
@font-face {
  font-family: 'LatoWeb';
  src: url('/static/fonts/Lato-Regular.eot');
  src: url('/static/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-Regular.woff2') format('woff2'), url('/static/fonts/Lato-Regular.woff') format('woff'), url('/static/fonts/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebBold';
  src: url('/static/fonts/Lato-Bold.eot');
  src: url('/static/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-Bold.woff2') format('woff2'), url('/static/fonts/Lato-Bold.woff') format('woff'), url('/static/fonts/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWeb';
  src: url('/static/fonts/Lato-Italic.eot');
  src: url('/static/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-Italic.woff2') format('woff2'), url('/static/fonts/Lato-Italic.woff') format('woff'), url('/static/fonts/Lato-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebBold';
  src: url('/static/fonts/Lato-BoldItalic.eot');
  src: url('/static/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-BoldItalic.woff2') format('woff2'), url('/static/fonts/Lato-BoldItalic.woff') format('woff'), url('/static/fonts/Lato-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebSemibold';
  src: url('/static/fonts/Lato-Semibold.eot');
  src: url('/static/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-Semibold.woff2') format('woff2'), url('/static/fonts/Lato-Semibold.woff') format('woff'), url('/static/fonts/Lato-Semibold.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebSemibold';
  src: url('/static/fonts/Lato-SemiboldItalic.eot');
  src: url('/static/fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-SemiboldItalic.woff2') format('woff2'), url('/static/fonts/Lato-SemiboldItalic.woff') format('woff'), url('/static/fonts/Lato-SemiboldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebLight';
  src: url('/static/fonts/Lato-Light.eot');
  src: url('/static/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-Light.woff2') format('woff2'), url('/static/fonts/Lato-Light.woff') format('woff'), url('/static/fonts/Lato-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: 'LatoWebLight';
  src: url('/static/fonts/Lato-LightItalic.eot');
  src: url('/static/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('/static/fonts/Lato-LightItalic.woff2') format('woff2'), url('/static/fonts/Lato-LightItalic.woff') format('woff'), url('/static/fonts/Lato-LightItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
body {
  font-family: var(--font-sans);
  line-height: 1.2rem;
  &.no-scrolling {
    overflow-y: hidden;
  }
}
p {
  margin-bottom: calc(var(--spacing) * 3);
}
a {
  font-family: var(--font-bold);
  color: var(--color-green);
  text-decoration-line: underline;
}
#modal {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 40;
  overflow-y: scroll;
  &.white {
    background-color: var(--color-white);
  }
}
.landing .how-it-works svg {
  margin-bottom: calc(var(--spacing) * 2);
}
.landing .how-it-works .step {
  margin-top: calc(var(--spacing) * 6);
}
.landing .columns {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: calc(var(--spacing) * 14);
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (width >= 96rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
#login-form {
  background-color: var(--color-dark-fill);
  color: var(--color-white);
  h2 {
    font-family: var(--font-bold);
    font-size: var(--text-40);
    line-height: var(--tw-leading, var(--text-40--line-height));
    margin-block: calc(var(--spacing) * 4);
  }
  label {
    font-family: var(--font-semibold);
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
    --tw-leading: 1;
    line-height: 1;
    input {
      font-family: var(--font-sans);
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      &::placeholder {
        font-size: var(--text-15);
        line-height: var(--tw-leading, var(--text-15--line-height));
      }
      margin-top: var(--spacing);
      margin-bottom: calc(var(--spacing) * 5);
    }
    &.error span {
      color: red;
    }
  }
  input[type=text], input[type=email], input[type=password] {
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    background-color: var(--color-dark-fill);
    &::placeholder {
      color: color-mix(in srgb, #ffffff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
  [type=submit] {
    width: 100%;
    border-radius: var(--radius-xl);
    background-color: var(--color-green);
    font-family: var(--font-bold);
    font-size: var(--text-18);
    line-height: var(--tw-leading, var(--text-18--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-dark-blue);
    margin-block: calc(var(--spacing) * 2);
    padding-top: 1.1rem;
    padding-bottom: 0.9rem;
  }
}
#registration {
  background-color: var(--color-green);
  color: var(--color-dark-blue);
  label {
    font-family: var(--font-bold);
    font-size: var(--text-15);
    line-height: var(--tw-leading, var(--text-15--line-height));
    margin-bottom: calc(var(--spacing) * 4);
    display: block;
    input {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      &::placeholder {
        font-size: var(--text-15);
        line-height: var(--tw-leading, var(--text-15--line-height));
      }
      margin-top: var(--spacing);
    }
  }
  input {
    width: 100%;
    border-radius: var(--radius);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-dark-blue);
    background-color: var(--color-green);
    &::placeholder {
      color: color-mix(in srgb, #000126 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-dark-blue) 50%, transparent);
      }
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
  }
  input[type=submit] {
    border-radius: var(--radius-xl);
    background-color: var(--color-dark-blue);
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-green);
    margin-block: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
}
#dashboard {
  background-color: var(--color-dark-fill);
  padding-block: calc(var(--spacing) * 16);
  padding-right: calc(var(--spacing) * 16);
  padding-left: calc(var(--spacing) * 8);
  color: var(--color-white);
  @media (width >= 48rem) {
    padding-left: calc(var(--spacing) * 16);
  }
  #user-menu {
    position: absolute;
    top: calc(var(--spacing) * 16);
    right: calc(var(--spacing) * 16);
    background-color: var(--color-green);
    font-family: var(--font-bold);
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-dark-blue);
    padding-top: calc(var(--spacing) * 1.5);
    padding-right: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 3);
    border-radius: 20px;
    li {
      margin-bottom: calc(var(--spacing) * 3);
    }
    &.closed {
      border-radius: 34px;
      li {
        margin-bottom: calc(var(--spacing) * 1.5);
      }
      li:not(:first-child) {
        display: none;
      }
    }
    .menu-button {
      display: flex;
      width: 100%;
      align-items: center;
      gap: calc(var(--spacing) * 3);
      border-radius: calc(infinity * 1px);
      padding-right: calc(var(--spacing) * 2);
      .icon {
        display: flex;
        justify-content: center;
        width: 32px;
        height: 32px;
      }
    }
  }
  #timeline {
    margin-top: calc(var(--spacing) * 16);
    margin-bottom: calc(var(--spacing) * 16);
    ol {
      display: flex;
      justify-content: space-between;
      li {
        display: block;
        padding-inline: calc(var(--spacing) * 2);
        font-family: var(--font-bold);
        font-size: var(--text-18);
        line-height: var(--tw-leading, var(--text-18--line-height));
      }
    }
  }
  .menu-links {
    li {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    a {
      font-family: var(--font-bold);
      font-size: var(--text-20);
      line-height: var(--tw-leading, var(--text-20--line-height));
      text-decoration-line: none;
    }
  }
  .select-links {
    li {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    button, a {
      font-family: var(--font-sans);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-green);
      text-decoration-line: none;
      text-align: left;
    }
  }
  .section {
    margin-bottom: calc(var(--spacing) * 14);
    .heading {
      margin-bottom: calc(var(--spacing) * 4);
      .title {
        margin-bottom: calc(var(--spacing) * 1.5);
        display: flex;
        align-items: center;
        h2 {
          margin-top: calc(var(--spacing) * 5);
          font-family: var(--font-bold);
          font-size: var(--text-25);
          line-height: var(--tw-leading, var(--text-25--line-height));
        }
        .step {
          margin-top: calc(var(--spacing) * 1.5);
          font-family: var(--font-bold);
          --tw-leading: 1;
          line-height: 1;
          color: var(--color-green);
        }
      }
      .description {
        opacity: 80%;
      }
    }
    h3 {
      font-family: var(--font-bold);
      font-size: var(--text-18);
      line-height: var(--tw-leading, var(--text-18--line-height));
    }
    select.filter {
      border-radius: var(--radius-md);
      background-color: var(--color-dark-fill);
      font-size: var(--text-14);
      line-height: var(--tw-leading, var(--text-14--line-height));
    }
    .cards {
      display: grid;
      gap: calc(var(--spacing) * 8);
      grid-template-columns: repeat(1, minmax(0, 1fr));
      @media (width >= 40rem) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      @media (width >= 64rem) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      @media (width >= 96rem) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      &.menu {
        row-gap: calc(var(--spacing) * 5);
      }
      .add-button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-xl);
        &:hover {
          @media (hover: hover) {
            background-color: color-mix(in srgb, #ffffff 5%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
            }
          }
        }
        &.card-1 {
          min-height: calc(var(--spacing) * 24);
        }
        &.card-2 {
          min-height: calc(var(--spacing) * 36);
        }
      }
      .card {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-green);
        background-color: var(--color-green);
        color: var(--color-dark-blue);
        position: relative;
        .hotspot {
          position: absolute;
          top: 0px;
          right: 0px;
          bottom: 0px;
          left: 0px;
          cursor: pointer;
          border-radius: var(--radius-xl);
          opacity: 15%;
          &:hover {
            @media (hover: hover) {
              background-color: var(--color-white);
            }
          }
        }
        &.card-1 {
          padding-top: calc(var(--spacing) * 8);
          padding-right: calc(var(--spacing) * 8);
          padding-bottom: calc(var(--spacing) * 10);
          padding-left: calc(var(--spacing) * 4);
          min-height: calc(var(--spacing) * 24);
          .tag {
            border-radius: calc(infinity * 1px);
            font-size: var(--text-14);
            line-height: var(--tw-leading, var(--text-14--line-height));
            --tw-leading: 1;
            line-height: 1;
            position: absolute;
            top: calc(var(--spacing) * 2);
            left: calc(var(--spacing) * 3);
            padding-inline: calc(var(--spacing) * 2.5);
            padding-top: calc(var(--spacing) * 0.5);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-dark-fill);
          }
          .num {
            border-radius: calc(infinity * 1px);
            background-color: var(--color-dark-fill);
            font-size: var(--text-14);
            line-height: var(--tw-leading, var(--text-14--line-height));
            --tw-leading: 1;
            line-height: 1;
            color: var(--color-white);
            position: absolute;
            top: calc(var(--spacing) * 2);
            right: calc(var(--spacing) * 2);
            padding-inline: calc(var(--spacing) * 2.5);
            padding-top: calc(var(--spacing) * 0.5);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-dark-fill);
          }
          .title {
            margin-bottom: calc(var(--spacing) * 0.5);
            font-family: var(--font-bold);
            white-space: pre-line;
          }
          .open-button {
            position: absolute;
            right: calc(var(--spacing) * 2);
            bottom: calc(var(--spacing) * 2);
          }
        }
        &.card-2 {
          padding-inline: calc(var(--spacing) * 8);
          padding-top: calc(var(--spacing) * 12);
          padding-right: calc(var(--spacing) * 14);
          padding-bottom: calc(var(--spacing) * 2);
          min-height: calc(var(--spacing) * 36);
          .tag {
            border-radius: calc(infinity * 1px);
            font-size: var(--text-14);
            line-height: var(--tw-leading, var(--text-14--line-height));
            --tw-leading: 1;
            line-height: 1;
            position: absolute;
            top: calc(var(--spacing) * 4);
            margin-left: calc(var(--spacing) * -3);
            padding-inline: calc(var(--spacing) * 2.5);
            padding-block: calc(var(--spacing) * 0.5);
            padding-top: var(--spacing);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-dark-fill);
          }
          .num {
            border-radius: calc(infinity * 1px);
            background-color: var(--color-dark-fill);
            font-family: var(--font-bold);
            font-size: var(--text-18);
            line-height: var(--tw-leading, var(--text-18--line-height));
            --tw-leading: 1;
            line-height: 1;
            color: var(--color-white);
            position: absolute;
            top: calc(var(--spacing) * 4);
            right: calc(var(--spacing) * 4);
            width: 27px;
            height: 27px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 2px;
          }
          .title {
            font-family: var(--font-bold);
            font-size: var(--text-25);
            line-height: var(--tw-leading, var(--text-25--line-height));
            white-space: pre-line;
            margin-bottom: calc(var(--spacing) * 2);
          }
          ol {
            list-style-position: inside;
            list-style-type: disc;
            padding-left: calc(var(--spacing) * 2);
            li::marker {
              font-size: 1.3125rem;
            }
            span {
              position: relative;
              left: calc(var(--spacing) * -4);
            }
          }
          .open-button {
            position: absolute;
            right: calc(var(--spacing) * 4);
            bottom: calc(var(--spacing) * 4);
          }
        }
        &.card-3 {
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 3);
          .title {
            padding-top: calc(var(--spacing) * 0.5);
            font-family: var(--font-bold);
            font-size: var(--text-18);
            line-height: var(--tw-leading, var(--text-18--line-height));
            --tw-leading: 1;
            line-height: 1;
          }
        }
        &.group-card {
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-green);
          background-color: var(--color-dark-fill);
          color: var(--color-green);
          padding-top: calc(var(--spacing) * 6);
          padding-right: calc(var(--spacing) * 14);
          padding-bottom: calc(var(--spacing) * 5);
          padding-left: calc(var(--spacing) * 8);
          min-height: calc(var(--spacing) * 24);
          .hotspot {
            opacity: 5%;
          }
          .tag {
            border-radius: calc(infinity * 1px);
            font-size: var(--text-14);
            line-height: var(--tw-leading, var(--text-14--line-height));
            --tw-leading: 1;
            line-height: 1;
            display: block;
            width: fit-content;
            opacity: 80%;
            margin-top: calc(var(--spacing) * -2);
            margin-bottom: calc(var(--spacing) * 3);
            margin-left: calc(var(--spacing) * -3);
            padding-inline: calc(var(--spacing) * 2.5);
            padding-top: var(--spacing);
            padding-bottom: calc(var(--spacing) * 0.5);
            border-style: var(--tw-border-style);
            border-width: 1px;
            border-color: var(--color-green);
          }
          .num {
            border-radius: calc(infinity * 1px);
            background-color: var(--color-green);
            font-family: var(--font-bold);
            font-size: var(--text-18);
            line-height: var(--tw-leading, var(--text-18--line-height));
            --tw-leading: 1;
            line-height: 1;
            color: var(--color-dark-fill);
            position: absolute;
            top: calc(var(--spacing) * 4);
            right: calc(var(--spacing) * 4);
            opacity: 80%;
            width: 27px;
            height: 27px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 2px;
          }
          .title {
            margin-bottom: calc(var(--spacing) * 0.5);
            font-family: var(--font-bold);
            font-size: var(--text-25);
            line-height: var(--tw-leading, var(--text-25--line-height));
            white-space: pre-line;
          }
          .open-button {
            position: absolute;
            right: calc(var(--spacing) * 4);
            bottom: calc(var(--spacing) * 1.5);
            padding-right: 2px;
          }
        }
      }
    }
    .table-frame {
      font-family: var(--font-semibold);
      color: var(--color-green);
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-green);
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 4);
      max-width: var(--breakpoint-md);
      input, textarea {
        border-color: var(--color-green);
        background-color: var(--color-dark-fill);
        color: var(--color-green);
        border-radius: var(--radius-lg);
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 1.5);
        padding-bottom: calc(var(--spacing) * 0.5);
        --tw-leading: 1;
        line-height: 1;
        display: block;
      }
      textarea {
        padding-bottom: calc(var(--spacing) * 1.5);
        &[data-autosize-lines] {
          --autosize-padding-height: calc(var(--spacing) * 3 + 2px);
        }
        &.multiline {
          padding-bottom: calc(var(--spacing) * 1.5);
          --tw-leading: var(--leading-normal);
          line-height: var(--leading-normal);
        }
      }
      &.no-frame {
        max-width: 100%;
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding: 0px;
      }
      &.no-padding {
        padding-block: 0px;
      }
      &.td-padding {
        padding-inline: calc(var(--spacing) * 5);
      }
      th {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px;
        border-right-color: var(--color-green);
        padding-right: calc(var(--spacing) * 5);
        text-align: right;
      }
      td {
        padding-block: var(--spacing);
        padding-left: calc(var(--spacing) * 5);
      }
      tr:first-child {
        th, td {
          padding-top: calc(var(--spacing) * 4);
        }
      }
      tr:last-child {
        th, td {
          padding-bottom: calc(var(--spacing) * 4);
        }
      }
    }
    .sub-section {
      margin-bottom: calc(var(--spacing) * 8);
      h3 {
        font-family: var(--font-bold);
        font-size: var(--text-20);
        line-height: var(--tw-leading, var(--text-20--line-height));
        margin-bottom: calc(var(--spacing) * 5);
      }
    }
    .section-group {
      position: relative;
      .group-heading {
        display: flex;
        gap: calc(var(--spacing) * 2);
        margin-right: calc(var(--spacing) * 16);
        padding-bottom: calc(var(--spacing) * 3);
        text-align: left;
        font-family: var(--font-bold);
        font-size: var(--text-20);
        line-height: var(--tw-leading, var(--text-20--line-height));
        .tag {
          font-family: var(--font-sans);
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          border-radius: calc(infinity * 1px);
          font-size: var(--text-14);
          line-height: var(--tw-leading, var(--text-14--line-height));
          --tw-leading: 1;
          line-height: 1;
          color: var(--color-green);
          display: block;
          width: fit-content;
          opacity: 80%;
          margin-bottom: calc(var(--spacing) * 4);
          padding-inline: calc(var(--spacing) * 2.5);
          padding-block: calc(var(--spacing) * 0.5);
          padding-top: var(--spacing);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-green);
        }
      }
      .fold-button {
        position: absolute;
        top: calc(var(--spacing) * -4);
        right: 0px;
        padding-inline: calc(var(--spacing) * 2);
        padding-block: calc(var(--spacing) * 4);
      }
      .group-description {
        margin-top: 0px;
        margin-bottom: calc(var(--spacing) * 5);
        white-space: pre-line;
        opacity: 80%;
      }
    }
    .expand-all-button {
      color: var(--color-green);
      padding-left: calc(var(--spacing) * 3);
    }
  }
}
#modal .form {
  background-color: var(--color-white);
  color: var(--color-dark-blue);
  padding-inline: calc(var(--spacing) * 8);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 16);
  }
  .fixed-top {
    position: sticky;
    top: 0px;
    z-index: 40;
    background-color: var(--color-white);
    padding-bottom: calc(var(--spacing) * 2);
    margin-inline: calc(var(--spacing) * -1);
    padding-inline: var(--spacing);
    padding-top: calc(var(--spacing) * 10);
  }
  .fixed-bottom {
    position: sticky;
    bottom: 0px;
    margin-inline: calc(var(--spacing) * -1);
    margin-top: var(--spacing);
    background-color: var(--color-white);
    padding-inline: var(--spacing);
    padding-top: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 6);
  }
  .close {
    position: fixed;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 12);
  }
  h1 {
    font-family: var(--font-bold);
    font-size: var(--text-40);
    line-height: var(--tw-leading, var(--text-40--line-height));
  }
  h2 {
    margin-bottom: calc(var(--spacing) * 2);
    font-family: var(--font-bold);
    font-size: var(--text-30);
    line-height: var(--tw-leading, var(--text-30--line-height));
  }
  input[type=text], input[type=number], textarea, select, div[contenteditable=true], div[contenteditable=false] {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-dark-blue);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    display: block;
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
    &.red, &.invalid-input {
      border-color: red !important;
    }
  }
  input[type=text], input[type=number], textarea, select {
    &:disabled {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-shade);
      background-color: var(--color-shade);
      opacity: 100%;
    }
  }
  input[type=text], input[type=number], textarea {
    &:read-only {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-shade);
      background-color: var(--color-shade);
      opacity: 100%;
    }
  }
  div[contenteditable=false] {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-shade);
    background-color: var(--color-shade);
    opacity: 100%;
  }
  .expiring-num {
    position: relative;
    span {
      display: none;
    }
    &.expired {
      span {
        pointer-events: none;
        position: absolute;
        top: calc(1 / 2 * 100%);
        left: calc(var(--spacing) * 4);
        display: block;
        --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
        transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
      }
      input {
        padding-left: calc(1rem + 4.5ch);
      }
    }
  }
  div[contenteditable=true]:empty::before {
    content: attr(data-placeholder);
    pointer-events: none;
    opacity: 65%;
  }
  .state-description-field {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    .manual-state-editor.hidden {
      display: none;
    }
    .structured-state-description {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
    .state-slot {
      display: grid;
      column-gap: calc(var(--spacing) * 2.5);
      grid-template-columns: 2.5rem minmax(0, 1fr);
      .state-slot-number {
        padding-top: calc(var(--spacing) * 3);
        padding-left: calc(var(--spacing) * 4);
        text-align: left;
      }
      .state-slot-content {
        min-width: 0px;
        :where(& > :not(:last-child)) {
          --tw-space-y-reverse: 0;
          margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
          margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
        }
      }
      .state-slot-resolved {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 1px;
        border-color: var(--color-shade);
        background-color: var(--color-shade);
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 2.5);
        padding-bottom: calc(var(--spacing) * 2);
        --tw-leading: var(--leading-tight);
        line-height: var(--leading-tight);
      }
      .state-slot-no-reference {
        margin-top: calc(var(--spacing) * 2.5);
        margin-bottom: calc(var(--spacing) * 0.5);
        font-size: var(--text-14);
        line-height: var(--tw-leading, var(--text-14--line-height));
      }
    }
    .state-unnumbered-paragraph {
      border-radius: var(--radius-xl);
      background-color: var(--color-shade);
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 2.5);
      padding-bottom: calc(var(--spacing) * 2);
      --tw-leading: var(--leading-tight);
      line-height: var(--leading-tight);
      margin-left: 3rem;
      min-height: 2.75rem;
    }
  }
  div[contenteditable=true] select, div[contenteditable=false] select {
    margin-inline: 1px;
    margin-bottom: 1px;
    display: inline-block;
    width: auto;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-green);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-top: calc(var(--spacing) * 0.5);
    padding-bottom: 0px;
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
    --tw-leading: 1;
    line-height: 1;
    background-image: none;
    max-width: min(100%, 16em);
    text-overflow: ellipsis;
  }
  div[contenteditable=false] select:disabled {
    border-color: color-mix(in srgb, #000126 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-dark-blue) 40%, transparent);
    }
  }
  #inline-processes-select, #inline-macro-norms-select, #inline-paragraph-number-select {
    display: none;
  }
  div[contenteditable=true] select.paragraph-number-select {
    margin-right: calc(var(--spacing) * 2);
    margin-left: calc(var(--spacing) * -1);
    width: calc(var(--spacing) * 12);
    border-color: color-mix(in srgb, #000126 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-dark-blue) 5%, transparent);
    }
    background-color: var(--color-shade);
  }
  .numbered-paragraph:not(.numbering-disabled):has(> select.paragraph-number-select.absolute) {
    position: relative;
    padding-left: 3.3125rem;
  }
  .numbered-paragraph > select.paragraph-number-select.absolute {
    left: 0;
  }
  div[contenteditable=true]:focus-within select.paragraph-number-select.current:not(.absolute) {
    border-color: var(--color-green);
    background-color: color-mix(in srgb, #25e6c0 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-green) 10%, transparent);
    }
  }
  select.paragraph-number-select option {
    background-color: var(--color-white);
  }
  .numbered-paragraph.numbering-disabled > select.paragraph-number-select {
    display: none;
  }
  textarea:not([data-autosize-lines]) {
    height: 2.75rem;
  }
  input[type=checkbox] {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-dark-blue);
    margin-right: var(--spacing);
    border-radius: 3px;
    width: 1.375rem;
    height: 1.375rem;
    &:checked {
      background-color: var(--color-dark-blue);
    }
  }
  input[type=radio] {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-dark-blue);
    width: 1.375rem;
    height: 1.375rem;
    &:checked {
      background-color: var(--color-dark-blue);
    }
  }
  input[type=date] {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-green);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 2);
    --tw-leading: 1;
    line-height: 1;
    &.red, &.invalid-date {
      border-color: red;
    }
    &:disabled, &:read-only {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-shade);
      background-color: var(--color-shade);
      -webkit-text-fill-color: #000126;
    }
  }
  div.nested {
    margin-left: calc(var(--spacing) * 3);
    .nested {
      margin-left: calc(var(--spacing) * 5);
    }
  }
  div.green2 {
    border-color: var(--color-green);
    --tw-leading: 1;
    line-height: 1;
    margin-right: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 3);
    border-left-width: 9px;
  }
  div.green {
    margin-right: calc(var(--spacing) * 3);
    margin-left: calc(var(--spacing) * 6);
    border-color: var(--color-green);
    --tw-leading: 1;
    line-height: 1;
    border-left-width: 9px;
    padding-left: 1.125rem;
  }
  .field {
    margin-top: calc(var(--spacing) * 6);
    label, .label {
      font-family: var(--font-semibold);
      --tw-leading: 1;
      line-height: 1;
      margin-block: var(--spacing);
      display: block;
      &.checkbox {
        display: inline-block;
        font-family: var(--font-sans);
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        margin-top: var(--spacing);
      }
      &.not-bold {
        font-family: var(--font-sans);
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
      }
    }
    &.green {
      margin-right: calc(var(--spacing) * 3);
      margin-left: calc(var(--spacing) * 6);
      border-color: var(--color-green);
      --tw-leading: 1;
      line-height: 1;
      margin-top: 1.15rem;
      border-left-width: 9px;
      padding-left: 11px;
      input[type=text], textarea {
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-green);
      }
      &.left-padding {
        padding-left: calc(var(--spacing) * 5);
      }
    }
    input[type=text], input[type=number], textarea {
      &.green {
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-green);
      }
    }
    .dates {
      margin-top: calc(var(--spacing) * 3);
      margin-left: calc(var(--spacing) * 4);
      p {
        margin-bottom: calc(var(--spacing) * 1.5);
      }
    }
    .date-input {
      margin-block: calc(var(--spacing) * 2);
      input {
        border-radius: var(--radius-lg);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-green);
        padding-top: var(--spacing);
        padding-bottom: 0px;
        --tw-leading: 1;
        line-height: 1;
        width: calc(var(--spacing) * 20);
        &::placeholder {
          font-size: var(--text-15);
          line-height: var(--tw-leading, var(--text-15--line-height));
        }
        &.day {
          width: calc(var(--spacing) * 16);
        }
      }
    }
    .cards {
      display: flex;
      flex-wrap: wrap;
      gap: calc(var(--spacing) * 4);
      margin-top: var(--spacing);
      .add-button {
        border-radius: var(--radius-xl);
        &:hover {
          @media (hover: hover) {
            background-color: color-mix(in srgb, #000126 10%, transparent);
            @supports (color: color-mix(in lab, red, red)) {
              background-color: color-mix(in oklab, var(--color-dark-blue) 10%, transparent);
            }
          }
        }
      }
    }
    .card {
      border-radius: var(--radius-xl);
      background-color: var(--color-dark-blue);
      color: var(--color-green);
      padding: calc(var(--spacing) * 4);
      width: 298px;
      position: relative;
      .hotspot {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        cursor: pointer;
        border-radius: var(--radius-xl);
        opacity: 15%;
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-white);
          }
        }
      }
      &.card-2 {
        height: 160px;
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 8);
        padding-bottom: calc(var(--spacing) * 6);
        .tag {
          border-radius: calc(infinity * 1px);
          background-color: var(--color-green);
          font-size: var(--text-14);
          line-height: var(--tw-leading, var(--text-14--line-height));
          --tw-leading: 1;
          line-height: 1;
          color: var(--color-dark-blue);
          position: absolute;
          top: calc(var(--spacing) * 2.5);
          right: calc(var(--spacing) * 2.5);
          padding-inline: calc(var(--spacing) * 3);
          padding-block: calc(var(--spacing) * 0.5);
          opacity: 80%;
        }
        .title {
          font-family: var(--font-bold);
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height));
          margin-bottom: calc(var(--spacing) * 0.5);
        }
        .text {
          font-family: var(--font-light);
          p {
            margin-block: 0px;
          }
        }
        .edit-button {
          position: absolute;
          right: calc(var(--spacing) * 3);
          bottom: calc(var(--spacing) * 3);
        }
      }
    }
  }
  .nested-forms {
    .field {
      margin-top: calc(var(--spacing) * 3);
    }
  }
  .buttons {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 4);
    button {
      border-radius: var(--radius-xl);
      background-color: var(--color-green);
      font-family: var(--font-bold);
      font-size: var(--text-18);
      line-height: var(--tw-leading, var(--text-18--line-height));
      --tw-leading: 1;
      line-height: 1;
      color: var(--color-dark-blue);
      margin-block: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 8);
      padding-top: 1.1rem;
      padding-bottom: 0.9rem;
      &.primary {
        min-width: calc(var(--spacing) * 80);
        &[disabled] {
          opacity: 35%;
        }
        &[disabled][data-purpose-validation-pending="true"] {
          opacity: 100%;
        }
      }
      &.secondary {
        background-color: var(--color-dark-blue);
        color: var(--color-green);
        &[disabled] {
          opacity: 15%;
        }
      }
      &.action {
        background-color: var(--color-white);
        padding: 0px;
        color: var(--color-black);
      }
    }
  }
  .goal-states {
    .state-item {
      margin-top: calc(var(--spacing) * 3);
      display: flex;
      flex-direction: row;
      gap: calc(var(--spacing) * 2);
      .description {
        flex-grow: 1;
        .details {
          margin-block: calc(var(--spacing) * 2);
          border-radius: var(--radius-md);
          background-color: var(--color-shade);
          padding-inline: calc(var(--spacing) * 4);
          padding-block: calc(var(--spacing) * 2);
          .macro {
            margin-top: calc(var(--spacing) * 2);
            font-family: var(--font-bold);
            color: var(--color-green);
          }
        }
      }
    }
  }
  li::marker {
    font-size: 1.3125rem;
  }
  .select-button {
    min-width: calc(var(--spacing) * 32);
    border-radius: var(--radius-lg);
    background-color: var(--color-gray);
    --tw-leading: 1;
    line-height: 1;
    margin-inline: var(--spacing);
    margin-top: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 2.5);
    &.selected {
      background-color: var(--color-green);
    }
    &:disabled {
      opacity: 50%;
    }
    &:disabled.selected {
      opacity: 100%;
    }
  }
}
.form textarea[data-autosize-lines] {
  --autosize-padding-height: calc(var(--spacing) * 4.5 + 2px);
  resize: none;
  overflow-y: hidden;
  box-sizing: border-box;
}
.form textarea[data-autosize-lines="1"] {
  height: calc(1lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="2"] {
  height: calc(2lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="3"] {
  height: calc(3lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="4"] {
  height: calc(4lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="5"] {
  height: calc(5lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="6"] {
  height: calc(6lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="7"] {
  height: calc(7lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="8"] {
  height: calc(8lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="9"] {
  height: calc(9lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="10"] {
  height: calc(10lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="11"] {
  height: calc(11lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="12"] {
  height: calc(12lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="13"] {
  height: calc(13lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="14"] {
  height: calc(14lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="15"] {
  height: calc(15lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="16"] {
  height: calc(16lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="17"] {
  height: calc(17lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="18"] {
  height: calc(18lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="19"] {
  height: calc(19lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="20"] {
  height: calc(20lh + var(--autosize-padding-height));
}
.form textarea[data-autosize-lines="max"] {
  height: calc(20lh + var(--autosize-padding-height));
  overflow-y: auto;
}
#modal.consult {
  background-color: var(--color-dark-blue);
  color: var(--color-white);
  padding-inline: calc(var(--spacing) * 8);
  padding-bottom: calc(var(--spacing) * 16);
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 16);
  }
  .fixed-top {
    position: sticky;
    top: 0px;
    z-index: 50;
    background-color: var(--color-dark-blue);
    padding-top: calc(var(--spacing) * 8);
    padding-bottom: calc(var(--spacing) * 2);
    margin-inline: calc(var(--spacing) * -1);
    padding-inline: var(--spacing);
  }
  .close {
    position: fixed;
    top: calc(var(--spacing) * 8);
    right: calc(var(--spacing) * 12);
  }
  h1 {
    font-family: var(--font-bold);
    font-size: var(--text-25);
    line-height: var(--tw-leading, var(--text-25--line-height));
    margin-bottom: calc(var(--spacing) * 2);
  }
  h2 {
    font-family: var(--font-bold);
    font-size: var(--text-22);
    line-height: var(--tw-leading, var(--text-22--line-height));
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 4);
  }
  h3 {
    font-family: var(--font-bold);
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
    margin-top: calc(var(--spacing) * 10);
    margin-bottom: calc(var(--spacing) * 4);
    &.indent {
      margin-left: calc(var(--spacing) * 2);
    }
  }
  h2 + h3 {
    margin-top: 0px;
  }
  .back {
    color: var(--color-green);
    margin-bottom: calc(var(--spacing) * 3);
    margin-left: calc(var(--spacing) * -0.5);
    img {
      margin-top: calc(var(--spacing) * -1);
      display: inline;
    }
  }
  .select-button {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-green);
    --tw-leading: 1;
    line-height: 1;
    font-family: var(--font-light);
    color: var(--color-green);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    &.selected {
      background-color: var(--color-green);
      font-family: var(--font-semibold);
      color: var(--color-dark-blue);
    }
  }
  .select-links {
    li {
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    button {
      font-family: var(--font-sans);
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
      color: var(--color-green);
      text-align: left;
    }
  }
  .cards {
    display: grid;
    gap: calc(var(--spacing) * 8);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 96rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .card {
      border-radius: var(--radius-xl);
      background-color: var(--color-green);
      color: var(--color-dark-blue);
      position: relative;
      .hotspot {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        cursor: pointer;
        border-radius: var(--radius-xl);
        opacity: 15%;
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-white);
          }
        }
      }
      &.card-2 {
        padding-top: calc(var(--spacing) * 12);
        padding-right: calc(var(--spacing) * 14);
        padding-bottom: calc(var(--spacing) * 2);
        padding-left: calc(var(--spacing) * 8);
        min-height: calc(var(--spacing) * 36);
        .tag {
          border-radius: calc(infinity * 1px);
          font-size: var(--text-14);
          line-height: var(--tw-leading, var(--text-14--line-height));
          --tw-leading: 1;
          line-height: 1;
          position: absolute;
          top: calc(var(--spacing) * 4);
          margin-left: calc(var(--spacing) * -3);
          padding-inline: calc(var(--spacing) * 2.5);
          padding-block: calc(var(--spacing) * 0.5);
          padding-top: var(--spacing);
          border-style: var(--tw-border-style);
          border-width: 1px;
          border-color: var(--color-dark-fill);
        }
        .num {
          border-radius: calc(infinity * 1px);
          background-color: var(--color-dark-fill);
          font-family: var(--font-bold);
          font-size: var(--text-18);
          line-height: var(--tw-leading, var(--text-18--line-height));
          --tw-leading: 1;
          line-height: 1;
          color: var(--color-white);
          position: absolute;
          top: calc(var(--spacing) * 4);
          right: calc(var(--spacing) * 4);
          width: 27px;
          height: 27px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding-top: 2px;
        }
        .title {
          font-family: var(--font-bold);
          font-size: var(--text-25);
          line-height: var(--tw-leading, var(--text-25--line-height));
          white-space: pre-line;
          margin-bottom: calc(var(--spacing) * 2);
        }
        .open-button {
          position: absolute;
          right: calc(var(--spacing) * 4);
          bottom: calc(var(--spacing) * 4);
        }
      }
    }
  }
  #expand-all-button {
    color: var(--color-green);
    padding-left: calc(var(--spacing) * 3);
  }
  .fields {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    button {
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-green);
      --tw-leading: 1;
      line-height: 1;
      border-radius: 4px;
      text-align: left;
      color: var(--color-green);
      padding-block: calc(var(--spacing) * 2);
      padding-right: calc(var(--spacing) * 7);
      padding-left: calc(var(--spacing) * 4);
      position: relative;
      .chevron {
        position: absolute;
        top: calc(var(--spacing) * 2);
        right: calc(var(--spacing) * 2);
        &::before {
          content: url(/static/img/button-consult-chevron-down-5x10.svg);
        }
      }
      .value {
        display: none;
      }
      &.open {
        background-color: var(--color-green);
        color: var(--color-dark-blue);
        font-family: var(--font-bold);
        padding-top: calc(var(--spacing) * 3);
        .chevron::before {
          content: url(/static/img/button-consult-chevron-up-5x10.svg);
        }
        .value {
          display: block;
          margin-top: calc(var(--spacing) * 2);
          margin-bottom: 0px;
          font-family: var(--font-sans);
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          --tw-leading: var(--leading-tight);
          line-height: var(--leading-tight);
          .rich-text-part {
            margin: 1px;
            display: inline-block;
            border-radius: var(--radius-md);
            border-style: var(--tw-border-style);
            border-width: 1px;
            padding-inline: calc(var(--spacing) * 1.5);
            padding-top: calc(var(--spacing) * 0.5);
            font-size: var(--text-14);
            line-height: var(--tw-leading, var(--text-14--line-height));
            --tw-leading: 1;
            line-height: 1;
            white-space: normal;
          }
        }
        a {
          font-family: var(--font-sans);
          --tw-font-weight: var(--font-weight-normal);
          font-weight: var(--font-weight-normal);
          color: var(--color-dark-blue);
        }
      }
    }
  }
  .field {
    margin-bottom: calc(var(--spacing) * 3.5);
    .label {
      font-family: var(--font-bold);
      margin-bottom: calc(var(--spacing) * 1.5);
    }
    .input {
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 2px;
      border-color: var(--color-green);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2.5);
      min-height: calc(var(--spacing) * 10);
      white-space: pre-line;
    }
    &.light {
      border-style: var(--tw-border-style);
      border-width: 1px;
      background-color: var(--color-green);
      color: var(--color-dark-blue);
      border-radius: 4px;
      padding-inline: calc(var(--spacing) * 4);
      padding-top: calc(var(--spacing) * 3);
      padding-bottom: calc(var(--spacing) * 2.5);
      min-height: calc(var(--spacing) * 10);
      a {
        font-family: var(--font-sans);
        --tw-font-weight: var(--font-weight-normal);
        font-weight: var(--font-weight-normal);
        color: var(--color-dark-blue);
      }
      .input {
        min-height: 0px;
        border-style: var(--tw-border-style);
        border-width: 0px;
        padding: 0px;
        .rich-text-part {
          margin: 1px;
          display: inline-block;
          border-radius: var(--radius-md);
          border-style: var(--tw-border-style);
          border-width: 1px;
          padding-inline: calc(var(--spacing) * 1.5);
          padding-top: calc(var(--spacing) * 0.5);
          font-size: var(--text-14);
          line-height: var(--tw-leading, var(--text-14--line-height));
          --tw-leading: 1;
          line-height: 1;
          white-space: normal;
        }
      }
    }
    .date {
      div {
        border-radius: var(--radius-xl);
        border-style: var(--tw-border-style);
        border-width: 2px;
        border-color: var(--color-green);
        padding-inline: calc(var(--spacing) * 4);
        padding-top: calc(var(--spacing) * 2.5);
        padding-bottom: calc(var(--spacing) * 2);
        min-height: calc(var(--spacing) * 10);
        display: inline-block;
      }
    }
    .rich-text-part {
      margin: 1px;
      display: inline-block;
      border-radius: var(--radius-md);
      border-style: var(--tw-border-style);
      border-width: 1px;
      padding-inline: calc(var(--spacing) * 1.5);
      padding-top: calc(var(--spacing) * 0.5);
      font-size: var(--text-14);
      line-height: var(--tw-leading, var(--text-14--line-height));
      --tw-leading: 1;
      line-height: 1;
      white-space: normal;
    }
  }
  .chart-legend {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-14);
    line-height: var(--tw-leading, var(--text-14--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-green);
    .legend-item {
      display: flex;
      flex-direction: row;
      .legend-image {
        margin-inline: calc(var(--spacing) * 2);
        margin-top: var(--spacing);
        margin-bottom: calc(var(--spacing) * 0.5);
        height: calc(var(--spacing) * 2.5);
        width: calc(var(--spacing) * 4);
        flex-shrink: 0;
        .date-point {
          background-color: var(--color-white);
          opacity: 80%;
        }
        &.date-point {
          background-color: var(--color-white);
          opacity: 30%;
        }
        &.realization-sufficient {
          background-color: LimeGreen;
          opacity: 80%;
        }
        &.realization-insufficient {
          background-color: red;
          opacity: 80%;
        }
      }
    }
  }
  .num-chart-tick-height {
    height: 2em;
  }
  circle {
    &.date-point {
      fill: var(--color-white);
    }
    &.realization-sufficient {
      fill: LimeGreen;
    }
    &.realization-insufficient, &.failed-realization-date {
      fill: red;
    }
  }
  rect {
    &.realization-sufficient {
      fill: LimeGreen;
      opacity: 80%;
    }
    &.realization-insufficient {
      fill: red;
      opacity: 80%;
    }
  }
  line {
    &.realization-sufficient {
      stroke: LimeGreen;
      stroke-width: 2;
      opacity: 80%;
    }
    &.realization-insufficient {
      stroke: red;
      stroke-width: 2;
      opacity: 80%;
    }
  }
}
@layer base {
  button {
    cursor: pointer;
  }
  input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-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-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  select:where([multiple]),select:where([size]:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  input:where([type='checkbox']),input:where([type='radio']) {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  input:where([type='checkbox']) {
    border-radius: 0px;
  }
  input:where([type='radio']) {
    border-radius: 100%;
  }
  input:where([type='checkbox']):focus,input:where([type='radio']):focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  input:where([type='checkbox']):checked,input:where([type='radio']):checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  input:where([type='checkbox']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='radio']):checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='checkbox']):indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  input:where([type='file']) {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  input:where([type='file']):focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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-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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: 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-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;
    }
  }
}