@accelint/design-toolkit 0.0.1

package/dist/styles.css

@@ -0,0 +1,1643 @@
+/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */
+@layer properties;
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/roboto-flex-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-cyrillic-400-normal.woff2) format('woff2'), url(./files/roboto-flex-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-greek-400-normal.woff2) format('woff2'), url(./files/roboto-flex-greek-400-normal.woff) format('woff');
+  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
+}
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-vietnamese-400-normal.woff2) format('woff2'), url(./files/roboto-flex-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-latin-ext-400-normal.woff2) format('woff2'), url(./files/roboto-flex-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'Roboto Flex';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-flex-latin-400-normal.woff2) format('woff2'), url(./files/roboto-flex-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-cyrillic-ext-400-normal.woff2) format('woff2'), url(./files/roboto-mono-cyrillic-ext-400-normal.woff) format('woff');
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-cyrillic-400-normal.woff2) format('woff2'), url(./files/roboto-mono-cyrillic-400-normal.woff) format('woff');
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-greek-400-normal.woff2) format('woff2'), url(./files/roboto-mono-greek-400-normal.woff) format('woff');
+  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-vietnamese-400-normal.woff2) format('woff2'), url(./files/roboto-mono-vietnamese-400-normal.woff) format('woff');
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-latin-ext-400-normal.woff2) format('woff2'), url(./files/roboto-mono-latin-ext-400-normal.woff) format('woff');
+  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+@font-face {
+  font-family: 'Roboto Mono';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url(./files/roboto-mono-latin-400-normal.woff2) format('woff2'), url(./files/roboto-mono-latin-400-normal.woff) format('woff');
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-primary: "Roboto Flex", sans-serif;
+    --font-display: "Roboto Mono", monospace;
+    --color-surface-default: var(--neutral-10, #0b0b0b);
+    --color-surface-raised: var(--neutral-09, #222222);
+    --color-surface-overlay: var(--neutral-08, #2f2f31);
+    --color-transparent-dark: var(--alpha-black-02, rgba(0, 0, 0, 0.4));
+    --color-transparent-light: var(--alpha-white-01, rgba(255, 255, 255, 0.08));
+    --color-interactive-default: var(--neutral-02, #e6e6e6);
+    --color-interactive-hover-light: var(--neutral-03, #898989);
+    --color-interactive-hover-dark: var(--neutral-08, #2f2f31);
+    --color-interactive-disabled: var(--neutral-07, #383838);
+    --color-static-light: var(--neutral-07, #383838);
+    --color-static-dark: var(--neutral-09, #222222);
+    --color-interactive: var(--neutral-05, #565656);
+    --color-interactive-hover: var(--neutral-01, #ffffff);
+    --color-highlight-bold: var(--highlight-primary-03, #28f5be);
+    --color-highlight-hover: var(--highlight-primary-04, #189372);
+    --color-highlight-subtle: var(--highlight-primary-05, #0a3d30);
+    --color-info-bold: var(--utility-info-03, #686868);
+    --color-info-hover: var(--utility-info-04, #424244);
+    --color-info-subtle: var(--utility-info-05, #222222);
+    --color-advisory-bold: var(--utility-advisory-03, #62a6ff);
+    --color-advisory-hover: var(--utility-advisory-04, #3a6499);
+    --color-advisory-subtle: var(--utility-advisory-05, #142133);
+    --color-normal-bold: var(--utility-normal-03, #30d27e);
+    --color-normal-hover: var(--utility-normal-04, #1c7e4c);
+    --color-normal-subtle: var(--utility-normal-05, #0a2a19);
+    --color-serious-bold: var(--utility-serious-03, #fca400);
+    --color-serious-hover: var(--utility-serious-04, #976201);
+    --color-serious-subtle: var(--utility-serious-05, #322100);
+    --color-critical-bold: var(--utility-critical-03, #d4231d);
+    --color-critical-hover: var(--utility-critical-04, #7f1511);
+    --color-critical-subtle: var(--utility-critical-05, #2a0706);
+    --color-default-light: var(--neutral-01, #ffffff);
+    --color-default-dark: var(--neutral-03, #898989);
+    --color-inverse-dark: var(--neutral-09, #222222);
+    --color-inverse-light: var(--neutral-07, #383838);
+    --color-disabled: var(--neutral-05, #565656);
+    --color-highlight: var(--highlight-primary-03, #28f5be);
+    --color-info: var(--neutral-04, #686868);
+    --color-advisory: var(--utility-advisory-03, #62a6ff);
+    --color-normal: var(--utility-normal-03, #30d27e);
+    --color-serious: var(--utility-serious-03, #fca400);
+    --color-critical: var(--utility-critical-03, #d4231d);
+    --color-classification-missing: var(--neutral-10, #0b0b0b);
+    --color-classification-unclass: var(--classification-unclass, #007A33);
+    --color-classification-cui: var(--classification-cui, #502b85);
+    --color-classification-confidential: var(--classification-confidential, #0033a0);
+    --color-classification-secret: var(--classification-secret, #c8102e);
+    --color-classification-top-secret: var(--classification-top-secret, #ff8c00);
+    --color-classification-top-secret-sci: var(--classification-top-secret-sci, #fce83a);
+    --radius-none: 0px;
+    --radius-small: 2px;
+    --radius-medium: 4px;
+    --radius-large: 8px;
+    --radius-round: 80px;
+    --spacing-none: unset;
+    --spacing-xxs: 2px;
+    --spacing-xs: 4px;
+    --spacing-s: 8px;
+    --spacing-m: 12px;
+    --spacing-l: 16px;
+    --spacing-xl: 24px;
+    --spacing-xxl: 40px;
+    --spacing-oversized: 80px;
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .\[position\:var\(--badge-position\,initial\)\] {
+    position: var(--badge-position,initial);
+  }
+  .absolute {
+    position: absolute;
+  }
+  .relative {
+    position: relative;
+  }
+  .\[inset\:var\(--badge-inset\,initial\)\] {
+    inset: var(--badge-inset,initial);
+  }
+  .right-\[20px\] {
+    right: 20px;
+  }
+  .bottom-\[20px\] {
+    bottom: 20px;
+  }
+  .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;
+    }
+  }
+  .mt-oversized {
+    margin-top: var(--spacing-oversized);
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .size-\[20px\] {
+    width: 20px;
+    height: 20px;
+  }
+  .size-\[28px\] {
+    width: 28px;
+    height: 28px;
+  }
+  .size-\[32px\] {
+    width: 32px;
+    height: 32px;
+  }
+  .size-\[var\(--icon-size\,var\(--spacing-xl\)\)\] {
+    width: var(--icon-size,var(--spacing-xl));
+    height: var(--icon-size,var(--spacing-xl));
+  }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
+  .size-l {
+    width: var(--spacing-l);
+    height: var(--spacing-l);
+  }
+  .size-m {
+    width: var(--spacing-m);
+    height: var(--spacing-m);
+  }
+  .size-oversized {
+    width: var(--spacing-oversized);
+    height: var(--spacing-oversized);
+  }
+  .size-s {
+    width: var(--spacing-s);
+    height: var(--spacing-s);
+  }
+  .size-xl {
+    width: var(--spacing-xl);
+    height: var(--spacing-xl);
+  }
+  .size-xs {
+    width: var(--spacing-xs);
+    height: var(--spacing-xs);
+  }
+  .size-xxl {
+    width: var(--spacing-xxl);
+    height: var(--spacing-xxl);
+  }
+  .size-xxs {
+    width: var(--spacing-xxs);
+    height: var(--spacing-xxs);
+  }
+  .\[height\:var\(--icon-size\,--spacing-xl\)\] {
+    height: var(--icon-size,--spacing-xl);
+  }
+  .h-\[40px\] {
+    height: 40px;
+  }
+  .h-\[90px\] {
+    height: 90px;
+  }
+  .h-l {
+    height: var(--spacing-l);
+  }
+  .min-h-\[20px\] {
+    min-height: 20px;
+  }
+  .min-h-\[32px\] {
+    min-height: 32px;
+  }
+  .min-h-xl {
+    min-height: var(--spacing-xl);
+  }
+  .min-h-xxl {
+    min-height: var(--spacing-xxl);
+  }
+  .\[width\:var\(--icon-size\,--spacing-xl\)\] {
+    width: var(--icon-size,--spacing-xl);
+  }
+  .w-\[80px\] {
+    width: 80px;
+  }
+  .w-\[90px\] {
+    width: 90px;
+  }
+  .w-\[120px\] {
+    width: 120px;
+  }
+  .w-\[size\] {
+    width: size;
+  }
+  .w-content {
+    width: fit-content;
+  }
+  .max-w-\[160px\] {
+    max-width: 160px;
+  }
+  .min-w-l {
+    min-width: var(--spacing-l);
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .items-baseline {
+    align-items: baseline;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .items-stretch {
+    align-items: stretch;
+  }
+  .justify-around {
+    justify-content: space-around;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .justify-evenly {
+    justify-content: space-evenly;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .gap-l {
+    gap: var(--spacing-l);
+  }
+  .gap-m {
+    gap: var(--spacing-m);
+  }
+  .gap-s {
+    gap: var(--spacing-s);
+  }
+  .gap-xl {
+    gap: var(--spacing-xl);
+  }
+  .gap-xs {
+    gap: var(--spacing-xs);
+  }
+  .gap-xxs {
+    gap: var(--spacing-xxs);
+  }
+  .gap-x-l {
+    column-gap: var(--spacing-l);
+  }
+  .gap-x-oversized {
+    column-gap: var(--spacing-oversized);
+  }
+  .gap-x-xxl {
+    column-gap: var(--spacing-xxl);
+  }
+  .gap-y-oversized {
+    row-gap: var(--spacing-oversized);
+  }
+  .gap-y-xl {
+    row-gap: var(--spacing-xl);
+  }
+  .gap-y-xxl {
+    row-gap: var(--spacing-xxl);
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-large {
+    border-radius: var(--radius-large);
+  }
+  .rounded-medium {
+    border-radius: var(--radius-medium);
+  }
+  .rounded-none {
+    border-radius: 0;
+  }
+  .rounded-none {
+    border-radius: var(--radius-none);
+  }
+  .rounded-round {
+    border-radius: var(--radius-round);
+  }
+  .rounded-small {
+    border-radius: var(--radius-small);
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-\[\#E8178A\] {
+    border-color: #E8178A;
+  }
+  .border-advisory {
+    border-color: var(--color-advisory);
+  }
+  .border-advisory-bold {
+    border-color: var(--color-advisory-bold);
+  }
+  .border-critical {
+    border-color: var(--color-critical);
+  }
+  .border-highlight {
+    border-color: var(--color-highlight);
+  }
+  .border-info {
+    border-color: var(--color-info);
+  }
+  .border-info-bold {
+    border-color: var(--color-info-bold);
+  }
+  .border-interactive {
+    border-color: var(--color-interactive);
+  }
+  .border-interactive-default {
+    border-color: var(--color-interactive-default);
+  }
+  .border-interactive-disabled {
+    border-color: var(--color-interactive-disabled);
+  }
+  .border-interactive-hover {
+    border-color: var(--color-interactive-hover);
+  }
+  .border-normal {
+    border-color: var(--color-normal);
+  }
+  .border-serious {
+    border-color: var(--color-serious);
+  }
+  .border-static-dark {
+    border-color: var(--color-static-dark);
+  }
+  .border-static-light {
+    border-color: var(--color-static-light);
+  }
+  .bg-\[\#E8178A\]\/40 {
+    background-color: color-mix(in oklab, #E8178A 40%, transparent);
+  }
+  .bg-advisory {
+    background-color: var(--color-advisory);
+  }
+  .bg-advisory-bold {
+    background-color: var(--color-advisory-bold);
+  }
+  .bg-advisory-hover {
+    background-color: var(--color-advisory-hover);
+  }
+  .bg-advisory-subtle {
+    background-color: var(--color-advisory-subtle);
+  }
+  .bg-classification-confidential {
+    background-color: var(--color-classification-confidential);
+  }
+  .bg-classification-cui {
+    background-color: var(--color-classification-cui);
+  }
+  .bg-classification-missing {
+    background-color: var(--color-classification-missing);
+  }
+  .bg-classification-secret {
+    background-color: var(--color-classification-secret);
+  }
+  .bg-classification-top-secret {
+    background-color: var(--color-classification-top-secret);
+  }
+  .bg-classification-top-secret-sci {
+    background-color: var(--color-classification-top-secret-sci);
+  }
+  .bg-classification-unclass {
+    background-color: var(--color-classification-unclass);
+  }
+  .bg-critical {
+    background-color: var(--color-critical);
+  }
+  .bg-critical-bold {
+    background-color: var(--color-critical-bold);
+  }
+  .bg-critical-hover {
+    background-color: var(--color-critical-hover);
+  }
+  .bg-critical-subtle {
+    background-color: var(--color-critical-subtle);
+  }
+  .bg-default-dark {
+    background-color: var(--color-default-dark);
+  }
+  .bg-default-light {
+    background-color: var(--color-default-light);
+  }
+  .bg-disabled {
+    background-color: var(--color-disabled);
+  }
+  .bg-highlight {
+    background-color: var(--color-highlight);
+  }
+  .bg-highlight-bold {
+    background-color: var(--color-highlight-bold);
+  }
+  .bg-highlight-hover {
+    background-color: var(--color-highlight-hover);
+  }
+  .bg-highlight-subtle {
+    background-color: var(--color-highlight-subtle);
+  }
+  .bg-info {
+    background-color: var(--color-info);
+  }
+  .bg-info-bold {
+    background-color: var(--color-info-bold);
+  }
+  .bg-info-hover {
+    background-color: var(--color-info-hover);
+  }
+  .bg-info-subtle {
+    background-color: var(--color-info-subtle);
+  }
+  .bg-interactive-default {
+    background-color: var(--color-interactive-default);
+  }
+  .bg-interactive-disabled {
+    background-color: var(--color-interactive-disabled);
+  }
+  .bg-interactive-hover-dark {
+    background-color: var(--color-interactive-hover-dark);
+  }
+  .bg-interactive-hover-light {
+    background-color: var(--color-interactive-hover-light);
+  }
+  .bg-inverse-dark {
+    background-color: var(--color-inverse-dark);
+  }
+  .bg-inverse-light {
+    background-color: var(--color-inverse-light);
+  }
+  .bg-normal {
+    background-color: var(--color-normal);
+  }
+  .bg-normal-bold {
+    background-color: var(--color-normal-bold);
+  }
+  .bg-normal-hover {
+    background-color: var(--color-normal-hover);
+  }
+  .bg-normal-subtle {
+    background-color: var(--color-normal-subtle);
+  }
+  .bg-serious {
+    background-color: var(--color-serious);
+  }
+  .bg-serious-bold {
+    background-color: var(--color-serious-bold);
+  }
+  .bg-serious-hover {
+    background-color: var(--color-serious-hover);
+  }
+  .bg-serious-subtle {
+    background-color: var(--color-serious-subtle);
+  }
+  .bg-surface-default {
+    background-color: var(--color-surface-default);
+  }
+  .bg-surface-overlay {
+    background-color: var(--color-surface-overlay);
+  }
+  .bg-surface-raised {
+    background-color: var(--color-surface-raised);
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-transparent-dark {
+    background-color: var(--color-transparent-dark);
+  }
+  .bg-transparent-light {
+    background-color: var(--color-transparent-light);
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .object-center {
+    object-position: center;
+  }
+  .p-m {
+    padding: var(--spacing-m);
+  }
+  .p-s {
+    padding: var(--spacing-s);
+  }
+  .px-l {
+    padding-inline: var(--spacing-l);
+  }
+  .px-s {
+    padding-inline: var(--spacing-s);
+  }
+  .px-xs {
+    padding-inline: var(--spacing-xs);
+  }
+  .py-s {
+    padding-block: var(--spacing-s);
+  }
+  .py-xs {
+    padding-block: var(--spacing-xs);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .font-display {
+    font-family: var(--font-display);
+  }
+  .font-primary {
+    font-family: var(--font-primary);
+  }
+  .text-button-l {
+    font-size: var(--button-l-size);
+    font-weight: bold;
+    line-height: var(--button-l-height);
+    letter-spacing: 0.5px;
+  }
+  .text-button-m {
+    font-size: var(--button-m-size);
+    font-weight: bold;
+    line-height: var(--button-m-height);
+    letter-spacing: 0.25px;
+  }
+  .text-button-s {
+    font-size: var(--button-s-size);
+    font-weight: bold;
+    line-height: var(--button-s-height);
+    letter-spacing: 0.4px;
+  }
+  .text-button-xs {
+    font-size: var(--button-xs-size);
+    font-weight: bold;
+    line-height: var(--button-xs-height);
+    letter-spacing: 0.5px;
+  }
+  .text-header-l {
+    font-size: var(--header-l-size);
+    font-weight: 500;
+    line-height: var(--header-l-height);
+    letter-spacing: 0.18px;
+  }
+  .text-header-m {
+    font-size: var(--header-m-size);
+    font-weight: 500;
+    line-height: var(--header-m-height);
+    letter-spacing: 0.25px;
+  }
+  .text-header-s {
+    font-size: var(--header-s-size);
+    font-weight: 500;
+    line-height: var(--header-s-height);
+    letter-spacing: 0.4px;
+  }
+  .text-header-xl {
+    font-size: var(--header-xl-size);
+    font-weight: 500;
+    line-height: var(--header-xl-height);
+    letter-spacing: 0.18px;
+  }
+  .text-header-xs {
+    font-size: var(--header-xs-size);
+    font-weight: 500;
+    line-height: var(--header-xs-height);
+    letter-spacing: 0.25px;
+  }
+  .text-header-xxl {
+    font-size: var(--header-xxl-size);
+    font-weight: 500;
+    line-height: var(--header-xxl-height);
+    letter-spacing: 0px;
+  }
+  .text-body-l {
+    font-size: var(--body-l-size);
+    line-height: var(--body-l-height);
+    letter-spacing: 0.5px;
+  }
+  .text-body-m {
+    font-size: var(--body-m-size);
+    line-height: var(--body-m-height);
+    letter-spacing: 0.25px;
+  }
+  .text-body-s {
+    font-size: var(--body-s-size);
+    line-height: var(--body-s-height);
+    letter-spacing: 0.4px;
+  }
+  .text-body-xs {
+    font-size: var(--body-xs-size);
+    line-height: var(--body-xs-height);
+    letter-spacing: 0.5px;
+  }
+  .text-body-xxs {
+    font-size: var(--body-xxs-size);
+    line-height: var(--body-xxs-height);
+    letter-spacing: 0.25px;
+  }
+  .text-\[24px\] {
+    font-size: 24px;
+  }
+  .text-\[48px\] {
+    font-size: 48px;
+  }
+  .leading-\[32px\] {
+    --tw-leading: 32px;
+    line-height: 32px;
+  }
+  .leading-\[64px\] {
+    --tw-leading: 64px;
+    line-height: 64px;
+  }
+  .font-medium {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .break-words {
+    overflow-wrap: break-word;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .fg-advisory {
+    color: var(--color-advisory);
+    --icon-color: var(--color-advisory);
+  }
+  .fg-critical {
+    color: var(--color-critical);
+    --icon-color: var(--color-critical);
+  }
+  .fg-default-dark {
+    color: var(--color-default-dark);
+    --icon-color: var(--color-default-dark);
+  }
+  .fg-default-light {
+    color: var(--color-default-light);
+    --icon-color: var(--color-default-light);
+  }
+  .fg-disabled {
+    color: var(--color-disabled);
+    --icon-color: var(--color-disabled);
+  }
+  .fg-highlight {
+    color: var(--color-highlight);
+    --icon-color: var(--color-highlight);
+  }
+  .fg-info {
+    color: var(--color-info);
+    --icon-color: var(--color-info);
+  }
+  .fg-interactive-default {
+    color: var(--color-interactive-default);
+    --icon-color: var(--color-interactive-default);
+  }
+  .fg-interactive-hover-light {
+    color: var(--color-interactive-hover-light);
+    --icon-color: var(--color-interactive-hover-light);
+  }
+  .fg-inverse-dark {
+    color: var(--color-inverse-dark);
+    --icon-color: var(--color-inverse-dark);
+  }
+  .fg-inverse-light {
+    color: var(--color-inverse-light);
+    --icon-color: var(--color-inverse-light);
+  }
+  .fg-normal {
+    color: var(--color-normal);
+    --icon-color: var(--color-normal);
+  }
+  .fg-serious {
+    color: var(--color-serious);
+    --icon-color: var(--color-serious);
+  }
+  .\[color\:var\(--icon-color\,currentColor\)\] {
+    color: var(--icon-color,currentColor);
+  }
+  .text-default-dark {
+    color: var(--color-default-dark);
+  }
+  .text-highlight {
+    color: var(--color-highlight);
+  }
+  .text-interactive-default {
+    color: var(--color-interactive-default);
+  }
+  .text-interactive-hover-light {
+    color: var(--color-interactive-hover-light);
+  }
+  .uppercase {
+    text-transform: uppercase;
+  }
+  .shadow-elevation-overlay {
+    --tw-shadow: 0 8px 10px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.2)), 0 6px 30px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.12)), 0 16px 24px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.14));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-elevation-raised {
+    --tw-shadow: 0 5px 5px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.2)), 0 3px 14px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.12)), 0 8px 10px 0 var(--tw-shadow-color, rgba(0 0 0 / 0.14));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-surface-default {
+    --tw-shadow-color: var(--color-surface-default);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-surface-default) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .shadow-surface-overlay {
+    --tw-shadow-color: var(--color-surface-overlay);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-surface-overlay) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .shadow-surface-raised {
+    --tw-shadow-color: var(--color-surface-raised);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-shadow-color: color-mix(in oklab, var(--color-surface-raised) var(--tw-shadow-alpha), transparent);
+    }
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .brightness-150 {
+    --tw-brightness: brightness(150%);
+    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,);
+  }
+  .saturate-200 {
+    --tw-saturate: saturate(200%);
+    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,);
+  }
+  .sepia-50 {
+    --tw-sepia: sepia(50%);
+    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,);
+  }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .\[--badge-empty-inset\:0_0_auto_auto\] {
+    --badge-empty-inset: 0 0 auto auto;
+  }
+  .\[--badge-inset\:calc\(var\(--spacing-xxs\)\*-1\)_calc\(var\(--spacing-xxs\)\*-1\)_auto_auto\] {
+    --badge-inset: calc(var(--spacing-xxs) * -1) calc(var(--spacing-xxs) * -1) auto auto;
+  }
+  .\[--badge-position\:absolute\] {
+    --badge-position: absolute;
+  }
+  .\[--icon-size\:12px\] {
+    --icon-size: 12px;
+  }
+  .\[--icon-size\:16px\] {
+    --icon-size: 16px;
+  }
+  .\[--icon-size\:20px\] {
+    --icon-size: 20px;
+  }
+  .\[--icon-size\:24px\] {
+    --icon-size: 24px;
+  }
+  .\[--icon-size\:var\(--spacing-l\)\] {
+    --icon-size: var(--spacing-l);
+  }
+  .\[--icon-size\:var\(--spacing-xl\)\] {
+    --icon-size: var(--spacing-xl);
+  }
+  .icon-default-dark {
+    --icon-color: var(--color-default-dark);
+  }
+  .icon-default-light {
+    --icon-color: var(--color-default-light);
+  }
+  .icon-disabled {
+    --icon-color: var(--color-disabled);
+  }
+  .icon-size-xl {
+    --icon-size: var(--spacing-xl);
+  }
+  .not-ai-selected\:cursor-not-allowed {
+    &:not(*[data-selected]) {
+      cursor: not-allowed;
+    }
+  }
+  .not-ai-selected\:bg-interactive-disabled {
+    &:not(*[data-selected]) {
+      background-color: var(--color-interactive-disabled);
+    }
+  }
+  .not-ai-selected\:icon-disabled {
+    &:not(*[data-selected]) {
+      --icon-color: var(--color-disabled);
+    }
+  }
+  .empty\:\[inset\:var\(--badge-empty-inset\,initial\)\] {
+    &:empty {
+      inset: var(--badge-empty-inset,initial);
+    }
+  }
+  .empty\:size-s {
+    &:empty {
+      width: var(--spacing-s);
+      height: var(--spacing-s);
+    }
+  }
+  .empty\:min-w-none {
+    &:empty {
+      min-width: var(--spacing-none);
+    }
+  }
+  .empty\:px-none {
+    &:empty {
+      padding-inline: var(--spacing-none);
+    }
+  }
+  .hover\:border-interactive-disabled {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-interactive-disabled);
+      }
+    }
+  }
+  .hover\:border-interactive-hover {
+    &:hover {
+      @media (hover: hover) {
+        border-color: var(--color-interactive-hover);
+      }
+    }
+  }
+  .hover\:bg-critical-hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-critical-hover);
+      }
+    }
+  }
+  .hover\:bg-interactive-disabled {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-interactive-disabled);
+      }
+    }
+  }
+  .hover\:bg-interactive-hover-dark {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-interactive-hover-dark);
+      }
+    }
+  }
+  .hover\:bg-interactive-hover-light {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-interactive-hover-light);
+      }
+    }
+  }
+  .hover\:bg-serious-hover {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-serious-hover);
+      }
+    }
+  }
+  .hover\:bg-transparent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: transparent;
+      }
+    }
+  }
+  .hover\:fg-disabled {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-disabled);
+        --icon-color: var(--color-disabled);
+      }
+    }
+  }
+  .hover\:icon-default-light {
+    &:hover {
+      @media (hover: hover) {
+        --icon-color: var(--color-default-light);
+      }
+    }
+  }
+  .hover\:icon-disabled {
+    &:hover {
+      @media (hover: hover) {
+        --icon-color: var(--color-disabled);
+      }
+    }
+  }
+  .not-ai-selected\:hover\:bg-interactive-disabled {
+    &:not(*[data-selected]) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-interactive-disabled);
+        }
+      }
+    }
+  }
+  .ai-pressed\:border-interactive-hover {
+    &[data-pressed] {
+      border-color: var(--color-interactive-hover);
+    }
+  }
+  .ai-pressed\:bg-critical-hover {
+    &[data-pressed] {
+      background-color: var(--color-critical-hover);
+    }
+  }
+  .ai-pressed\:bg-interactive-hover-dark {
+    &[data-pressed] {
+      background-color: var(--color-interactive-hover-dark);
+    }
+  }
+  .ai-pressed\:bg-interactive-hover-light {
+    &[data-pressed] {
+      background-color: var(--color-interactive-hover-light);
+    }
+  }
+  .ai-pressed\:bg-serious-hover {
+    &[data-pressed] {
+      background-color: var(--color-serious-hover);
+    }
+  }
+  .ai-pressed\:bg-transparent {
+    &[data-pressed] {
+      background-color: transparent;
+    }
+  }
+  .ai-pressed\:icon-default-light {
+    &[data-pressed] {
+      --icon-color: var(--color-default-light);
+    }
+  }
+  .ai-selected\:cursor-default {
+    &[data-selected] {
+      cursor: default;
+    }
+  }
+  .ai-selected\:icon-highlight {
+    &[data-selected] {
+      --icon-color: var(--color-highlight);
+    }
+  }
+  .ai-selected\:hover\:bg-highlight-subtle {
+    &[data-selected] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-highlight-subtle);
+        }
+      }
+    }
+  }
+  .ai-selected\:hover\:bg-transparent {
+    &[data-selected] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: transparent;
+        }
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'CUI\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'CUI';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Confidential\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Confidential';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Missing\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Missing';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Missing_Classification\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Missing Classification';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Secret\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Secret';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'TS\/SCI\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'TS/SCI';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Top_Secret\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Top Secret';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Top_Secret\/\/SCI\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Top Secret//SCI';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\[\&\:empty\]\:before\:content-\[\'Unclassified\'\] {
+    &:empty {
+      &::before {
+        content: var(--tw-content);
+        --tw-content: 'Unclassified';
+        content: var(--tw-content);
+      }
+    }
+  }
+  .\*\*\:\[svg\]\:size-l {
+    :is(& *) {
+      &:is(svg) {
+        width: var(--spacing-l);
+        height: var(--spacing-l);
+      }
+    }
+  }
+  .\*\*\:\[svg\]\:size-xl {
+    :is(& *) {
+      &:is(svg) {
+        width: var(--spacing-xl);
+        height: var(--spacing-xl);
+      }
+    }
+  }
+}
+:root {
+  --neutral-01: #ffffff;
+  --neutral-02: #e6e6e6;
+  --neutral-03: #898989;
+  --neutral-04: #686868;
+  --neutral-05: #565656;
+  --neutral-06: #424242;
+  --neutral-07: #383838;
+  --neutral-08: #2f2f31;
+  --neutral-09: #222222;
+  --neutral-10: #0b0b0b;
+  --neutral-11: #FF0000;
+  --alpha-black-01: rgba(0, 0, 0, 0.08);
+  --alpha-black-02: rgba(0, 0, 0, 0.4);
+  --alpha-black-03: rgba(0, 0, 0, 0.8);
+  --alpha-white-01: rgba(255, 255, 255, 0.08);
+  --alpha-white-02: rgba(255, 255, 255, 0.4);
+  --alpha-white-03: rgba(255, 255, 255, 0.8);
+  --highlight-primary-01: #c9fdef;
+  --highlight-primary-02: #7df9d8;
+  --highlight-primary-03: #28f5be;
+  --highlight-primary-04: #189372;
+  --highlight-primary-05: #0a3d30;
+  --highlight-secondary-01: #c9f6fd;
+  --highlight-secondary-02: #7ee9f9;
+  --highlight-secondary-03: #28dcf5;
+  --highlight-secondary-04: #188493;
+  --highlight-secondary-05: #0a373d;
+  --highlight-tertiary-01: #f9c5e2;
+  --highlight-tertiary-02: #f174b9;
+  --highlight-tertiary-03: #e8178a;
+  --highlight-tertiary-04: #8a0e53;
+  --highlight-tertiary-05: #3a0623;
+  --utility-info-01: #e6e6e6;
+  --utility-info-02: #898989;
+  --utility-info-03: #686868;
+  --utility-info-04: #424244;
+  --utility-info-05: #222222;
+  --utility-advisory-01: #e0edff;
+  --utility-advisory-02: #a1caff;
+  --utility-advisory-03: #62a6ff;
+  --utility-advisory-04: #3a6499;
+  --utility-advisory-05: #142133;
+  --utility-normal-01: #d6f6e5;
+  --utility-normal-02: #82e4b2;
+  --utility-normal-03: #30d27e;
+  --utility-normal-04: #1c7e4c;
+  --utility-normal-05: #0a2a19;
+  --utility-serious-01: #feedcc;
+  --utility-serious-02: #fdc865;
+  --utility-serious-03: #fca400;
+  --utility-serious-04: #976201;
+  --utility-serious-05: #322100;
+  --utility-critical-01: #f6d3d2;
+  --utility-critical-02: #e57b77;
+  --utility-critical-03: #d4231d;
+  --utility-critical-04: #7f1511;
+  --utility-critical-05: #2a0706;
+  --classification-unclass: #007A33;
+  --classification-cui: #502b85;
+  --classification-confidential: #0033a0;
+  --classification-secret: #c8102e;
+  --classification-top-secret: #ff8c00;
+  --classification-top-secret-sci: #fce83a;
+  --header-xxl-size: 32px;
+  --header-xxl-height: 40px;
+  --header-xl-size: 24px;
+  --header-xl-height: 28px;
+  --header-l-size: 20px;
+  --header-l-height: 24px;
+  --header-m-size: 14px;
+  --header-m-height: 20px;
+  --header-s-size: 12px;
+  --header-s-height: 16px;
+  --header-xs-size: 10px;
+  --header-xs-height: 12px;
+  --body-l-size: 16px;
+  --body-l-height: 24px;
+  --body-m-size: 14px;
+  --body-m-height: 20px;
+  --body-s-size: 12px;
+  --body-s-height: 16px;
+  --body-xs-size: 10px;
+  --body-xs-height: 12px;
+  --body-xxs-size: 9px;
+  --body-xxs-height: 12px;
+  --button-l-size: 16px;
+  --button-l-height: 24px;
+  --button-m-size: 14px;
+  --button-m-height: 20px;
+  --button-s-size: 12px;
+  --button-s-height: 16px;
+  --button-xs-size: 10px;
+  --button-xs-height: 12px;
+}
+@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-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@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-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
+      --tw-content: "";
+    }
+  }
+}