@loword/loword-design-system 0.0.1

package/dist/index.css

@@ -0,0 +1,4061 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+      "Courier New", monospace;
+    --color-yellow-400: oklch(85.2% 0.199 91.936);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
+    --color-blue-500: oklch(62.3% 0.214 259.815);
+    --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-gray-900: oklch(21% 0.034 264.665);
+    --color-neutral-100: oklch(97% 0 0);
+    --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-500: oklch(55.6% 0 0);
+    --color-neutral-900: oklch(20.5% 0 0);
+    --color-neutral-950: oklch(14.5% 0 0);
+    --color-black: #000000;
+    --color-white: #ffffff;
+    --spacing: 0.25rem;
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --font-weight-normal: 400;
+    --radius-md: 0.375rem;
+    --radius-lg: 0.5rem;
+    --radius-2xl: 1rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --color-hyper-blue: #0066ff;
+    --color-mono50: #f6f7f9;
+    --color-mono100: #f0f0f0;
+    --color-mono200: #ebebeb;
+    --color-mono300: #dadada;
+    --color-mono400: #aaaaaa;
+    --color-mono500: #7c7c7c;
+    --color-mono700: #4e4e4e;
+    --color-mono800: #2a2a2a;
+    --color-mono900: #111111;
+    --color-neutral50: #fafafa;
+    --color-neutral100: #e3e6ea;
+    --color-neutral200: #cdd2d7;
+    --color-neutral300: #b7bbbf;
+    --color-neutral400: #9da3a9;
+    --color-neutral500: #848a92;
+    --color-neutral700: #535a64;
+    --color-neutral800: #3a3f46;
+    --color-neutral900: #191f28;
+    --color-blue200: #8fabff;
+    --color-blue400: #2158fd;
+    --color-red200: #ff9494;
+    --color-red500: #ff4747;
+    --color-orange400: #ff7a33;
+    --color-orange500: #ff6a00;
+    --color-yellow700: #f0ac00;
+    --color-green700: #00cc41;
+    --color-danger50: #fef7f7;
+    --color-danger100: #fdefef;
+    --color-danger200: #fbdede;
+    --color-danger400: #f29d9d;
+    --color-danger500: #ee7c7c;
+    --color-danger600: #ea5b5b;
+    --color-danger700: #c54646;
+    --color-accept50: #f0f6ff;
+    --color-accept600: #5388ef;
+    --color-success600: #2ed573;
+    --color-warning600: #ffbe21;
+    --color-lb50: #e0e9ff;
+    --color-lb500: #6891f8;
+    --color-lb600: #5883ee;
+    --color-lb700: #4a75df;
+    --color-lb900: #143ca3;
+    --color-tintRed: #fdf4f4;
+    --color-tintOrange: #fffaf2;
+    --color-tintYellow: #ffefd2;
+    --color-tintGreen: #f5fbf8;
+    --color-tintBlue: #f0f4ff;
+    --size_xs: 480px;
+    --size_sm: 576px;
+    --size_md: 768px;
+    --size_lg: 992px;
+    --size_xl: 1200px;
+    --size_2xl: 1600px;
+    --size_3xl: 1920px;
+    --width-layout_xs: var(--size_xs);
+    --radius_2: 2px;
+    --radius_4: 4px;
+    --radius_6: 6px;
+    --radius_8: 8px;
+    --radius_10: 10px;
+    --radius_16: 16px;
+    --spacing_1: 1px;
+    --spacing_2: 2px;
+    --spacing_4: 4px;
+    --spacing_6: 6px;
+    --spacing_8: 8px;
+    --spacing_10: 10px;
+    --spacing_12: 12px;
+    --spacing_16: 16px;
+    --spacing_20: 20px;
+    --spacing_28: 28px;
+    --spacing_32: 32px;
+    --spacing_40: 40px;
+    --spacing_64: 64px;
+    --spacing_128: 128px;
+    --spacing_200: 200px;
+    --font-pretendard: 'var(--font-pretendard)', sans-serif;
+    --text-display10: 10px;
+    --leading-display10: 14px;
+    --tracking-display10: -1px;
+    --text-display12: 12px;
+    --leading-display12: 16px;
+    --tracking-display12: -1px;
+    --text-display14: 14px;
+    --leading-display14: 18px;
+    --tracking-display14: -1px;
+    --text-display16: 16px;
+    --leading-display16: 20px;
+    --tracking-display16: -1px;
+    --text-display18: 18px;
+    --leading-display18: 22px;
+    --tracking-display18: -1px;
+    --text-display20: 20px;
+    --leading-display20: 24px;
+    --tracking-display20: -1px;
+    --text-display24: 24px;
+    --leading-display24: 28px;
+    --tracking-display24: -1px;
+    --text-display28: 28px;
+    --leading-display28: 32px;
+    --tracking-display28: -1px;
+    --text-display30: 30px;
+    --leading-display30: 36px;
+    --tracking-display30: -1px;
+    --text-display32: 32px;
+    --leading-display32: 38px;
+    --tracking-display32: -1px;
+    --text-display36: 36px;
+    --leading-display36: 42px;
+    --tracking-display36: -1px;
+    --text-display40: 40px;
+    --leading-display40: 48px;
+    --tracking-display40: -1px;
+    --text-display64: 64px;
+    --leading-display64: 72px;
+    --tracking-display64: -1px;
+    --text-display80: 80px;
+    --leading-display80: 88px;
+    --tracking-display80: -1px;
+    --text-display120: 120px;
+    --leading-display120: 128px;
+    --tracking-display120: -1px;
+    --font-light: 300;
+    --font-regular: 400;
+    --font-medium: 500;
+    --font-semibold: 550;
+    --font-bold: 600;
+    --font-extrabold: 700;
+    --font-black: 900;
+    --control-height-2xs: 16px;
+    --control-height-xs: 24px;
+    --control-height-sm: 32px;
+    --control-height-md: 40px;
+    --control-height-lg: 48px;
+    --control-height-xl: 64px;
+    --control-radius-2xs: var(--radius_2);
+    --control-radius-xs: var(--radius_4);
+    --control-radius-sm: var(--radius_6);
+    --control-radius-md: var(--radius_8);
+    --control-radius-lg: var(--radius_10);
+    --control-radius-xl: var(--radius_16);
+    --control-icon-2xs: 8px;
+    --control-icon-xs: 12px;
+    --control-icon-sm: 16px;
+    --control-icon-md: 20px;
+    --control-icon-lg: 24px;
+    --control-icon-xl: 32px;
+    --control-gap-2xs: var(--spacing_2);
+    --control-gap-xs: var(--spacing_4);
+    --control-gap-sm: var(--spacing_6);
+    --control-gap-md: var(--spacing_8);
+    --control-gap-lg: var(--spacing_10);
+    --control-gap-xl: var(--spacing_12);
+    --control-border-2xs: 1px;
+    --control-border-xs: 2px;
+    --control-font-weight: var(--font-medium);
+    --control-padding-x-button-2xs: var(--spacing_4);
+    --control-padding-x-button-xs: var(--spacing_8);
+    --control-padding-x-button-sm: var(--spacing_12);
+    --control-padding-x-button-md: var(--spacing_16);
+    --control-padding-x-button-lg: var(--spacing_20);
+    --control-padding-x-button-xl: var(--spacing_28);
+    --control-min-width-2xs: 32px;
+    --control-min-width-xs: 48px;
+    --control-min-width-sm: 64px;
+    --control-min-width-md: 80px;
+    --control-min-width-lg: 96px;
+    --control-min-width-xl: 128px;
+    --toggle-gap: 2px;
+    --control-padding-x-input-2xs: var(--spacing_4);
+    --control-padding-x-input-xs: var(--spacing_6);
+    --control-padding-x-input-sm: var(--spacing_10);
+    --control-padding-x-input-md: var(--spacing_12);
+    --control-padding-x-input-lg: var(--spacing_16);
+    --control-padding-x-input-xl: var(--spacing_20);
+    --control-padding-x-badge-2xs: var(--spacing_4);
+    --control-padding-x-badge-xs: var(--spacing_8);
+    --control-padding-x-badge-sm: var(--spacing_12);
+    --control-padding-x-badge-md: var(--spacing_16);
+    --control-size-spinner-2xs: var(--spacing_4);
+    --control-size-spinner-xs: var(--spacing_8);
+    --control-size-spinner-sm: var(--spacing_12);
+    --control-size-spinner-md: var(--spacing_16);
+    --control-size-spinner-lg: var(--spacing_20);
+    --control-size-spinner-xl: var(--spacing_28);
+    --modal-width-sm: 400px;
+    --modal-width-md: 520px;
+    --modal-width-lg: 680px;
+    --modal-width-xl: 860px;
+  }
+}
+@layer base {
+  *, ::after, ::before, ::backdrop, ::file-selector-button {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid;
+  }
+  html, :host {
+    line-height: 1.5;
+    -webkit-text-size-adjust: 100%;
+    tab-size: 4;
+    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
+    font-feature-settings: var(--default-font-feature-settings, normal);
+    font-variation-settings: var(--default-font-variation-settings, normal);
+    -webkit-tap-highlight-color: transparent;
+  }
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+  abbr:where([title]) {
+    -webkit-text-decoration: underline dotted;
+    text-decoration: underline dotted;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  a {
+    color: inherit;
+    -webkit-text-decoration: inherit;
+    text-decoration: inherit;
+  }
+  b, strong {
+    font-weight: bolder;
+  }
+  code, kbd, samp, pre {
+    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-feature-settings: var(--default-mono-font-feature-settings, normal);
+    font-variation-settings: var(--default-mono-font-variation-settings, normal);
+    font-size: 1em;
+  }
+  small {
+    font-size: 80%;
+  }
+  sub, sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  sub {
+    bottom: -0.25em;
+  }
+  sup {
+    top: -0.5em;
+  }
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+  :-moz-focusring {
+    outline: auto;
+  }
+  progress {
+    vertical-align: baseline;
+  }
+  summary {
+    display: list-item;
+  }
+  ol, ul, menu {
+    list-style: none;
+  }
+  img, svg, video, canvas, audio, iframe, embed, object {
+    display: block;
+    vertical-align: middle;
+  }
+  img, video {
+    max-width: 100%;
+    height: auto;
+  }
+  button, input, select, optgroup, textarea, ::file-selector-button {
+    font: inherit;
+    font-feature-settings: inherit;
+    font-variation-settings: inherit;
+    letter-spacing: inherit;
+    color: inherit;
+    border-radius: 0;
+    background-color: transparent;
+    opacity: 1;
+  }
+  :where(select:is([multiple], [size])) optgroup {
+    font-weight: bolder;
+  }
+  :where(select:is([multiple], [size])) optgroup option {
+    padding-inline-start: 20px;
+  }
+  ::file-selector-button {
+    margin-inline-end: 4px;
+  }
+  ::placeholder {
+    opacity: 1;
+  }
+  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
+    ::placeholder {
+      color: currentcolor;
+      @supports (color: color-mix(in lab, red, red)) {
+        color: color-mix(in oklab, currentcolor 50%, transparent);
+      }
+    }
+  }
+  textarea {
+    resize: vertical;
+  }
+  ::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  ::-webkit-date-and-time-value {
+    min-height: 1lh;
+    text-align: inherit;
+  }
+  ::-webkit-datetime-edit {
+    display: inline-flex;
+  }
+  ::-webkit-datetime-edit-fields-wrapper {
+    padding: 0;
+  }
+  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    padding-block: 0;
+  }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    appearance: button;
+  }
+  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    height: auto;
+  }
+  [hidden]:where(:not([hidden="until-found"])) {
+    display: none !important;
+  }
+}
+@layer utilities {
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(var(--spacing) * 0);
+  }
+  .inset-x-0 {
+    inset-inline: calc(var(--spacing) * 0);
+  }
+  .inset-y-1\/4 {
+    inset-block: calc(1 / 4 * 100%);
+  }
+  .start {
+    inset-inline-start: var(--spacing);
+  }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
+  .top-0 {
+    top: calc(var(--spacing) * 0);
+  }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-16 {
+    top: calc(var(--spacing) * 16);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .-right-10 {
+    right: calc(var(--spacing) * -10);
+  }
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-2\.5 {
+    right: calc(var(--spacing) * 2.5);
+  }
+  .right-5 {
+    right: calc(var(--spacing) * 5);
+  }
+  .right-8 {
+    right: calc(var(--spacing) * 8);
+  }
+  .bottom-0 {
+    bottom: calc(var(--spacing) * 0);
+  }
+  .bottom-1 {
+    bottom: calc(var(--spacing) * 1);
+  }
+  .bottom-1\.5 {
+    bottom: calc(var(--spacing) * 1.5);
+  }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
+  .left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
+  .toggle-thumb-off-lg {
+    left: var(--toggle-gap);
+  }
+  .toggle-thumb-off-md {
+    left: var(--toggle-gap);
+  }
+  .toggle-thumb-off-sm {
+    left: var(--toggle-gap);
+  }
+  .toggle-thumb-off-xl {
+    left: var(--toggle-gap);
+  }
+  .toggle-thumb-on-lg {
+    left: 22px;
+  }
+  .toggle-thumb-on-md {
+    left: 20px;
+  }
+  .toggle-thumb-on-sm {
+    left: 18px;
+  }
+  .toggle-thumb-on-xl {
+    left: 24px;
+  }
+  .z-0 {
+    z-index: 0;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-40 {
+    z-index: 40;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .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;
+    }
+  }
+  .mx-1 {
+    margin-inline: calc(var(--spacing) * 1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .prose {
+    color: var(--tw-prose-body);
+    max-width: 65ch;
+    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+    }
+    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-lead);
+      font-size: 1.25em;
+      line-height: 1.6;
+      margin-top: 1.2em;
+      margin-bottom: 1.2em;
+    }
+    :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-links);
+      text-decoration: underline;
+      font-weight: 500;
+    }
+    :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-bold);
+      font-weight: 600;
+    }
+    :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: decimal;
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+      padding-inline-start: 1.625em;
+    }
+    :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-alpha;
+    }
+    :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-alpha;
+    }
+    :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-alpha;
+    }
+    :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-alpha;
+    }
+    :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-roman;
+    }
+    :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-roman;
+    }
+    :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: upper-roman;
+    }
+    :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: lower-roman;
+    }
+    :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: decimal;
+    }
+    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      list-style-type: disc;
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+      padding-inline-start: 1.625em;
+    }
+    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+      font-weight: 400;
+      color: var(--tw-prose-counters);
+    }
+    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+      color: var(--tw-prose-bullets);
+    }
+    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      margin-top: 1.25em;
+    }
+    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-color: var(--tw-prose-hr);
+      border-top-width: 1px;
+      margin-top: 3em;
+      margin-bottom: 3em;
+    }
+    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 500;
+      font-style: italic;
+      color: var(--tw-prose-quotes);
+      border-inline-start-width: 0.25rem;
+      border-inline-start-color: var(--tw-prose-quote-borders);
+      quotes: "\201C""\201D""\2018""\2019";
+      margin-top: 1.6em;
+      margin-bottom: 1.6em;
+      padding-inline-start: 1em;
+    }
+    :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: open-quote;
+    }
+    :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: close-quote;
+    }
+    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 800;
+      font-size: 2.25em;
+      margin-top: 0;
+      margin-bottom: 0.8888889em;
+      line-height: 1.1111111;
+    }
+    :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 900;
+      color: inherit;
+    }
+    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 700;
+      font-size: 1.5em;
+      margin-top: 2em;
+      margin-bottom: 1em;
+      line-height: 1.3333333;
+    }
+    :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 800;
+      color: inherit;
+    }
+    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      font-size: 1.25em;
+      margin-top: 1.6em;
+      margin-bottom: 0.6em;
+      line-height: 1.6;
+    }
+    :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 700;
+      color: inherit;
+    }
+    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      margin-top: 1.5em;
+      margin-bottom: 0.5em;
+      line-height: 1.5;
+    }
+    :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 700;
+      color: inherit;
+    }
+    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      display: block;
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-weight: 500;
+      font-family: inherit;
+      color: var(--tw-prose-kbd);
+      box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
+      font-size: 0.875em;
+      border-radius: 0.3125rem;
+      padding-top: 0.1875em;
+      padding-inline-end: 0.375em;
+      padding-bottom: 0.1875em;
+      padding-inline-start: 0.375em;
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-code);
+      font-weight: 600;
+      font-size: 0.875em;
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: "`";
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: "`";
+    }
+    :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+      font-size: 0.875em;
+    }
+    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+      font-size: 0.9em;
+    }
+    :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: inherit;
+    }
+    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-pre-code);
+      background-color: var(--tw-prose-pre-bg);
+      overflow-x: auto;
+      font-weight: 400;
+      font-size: 0.875em;
+      line-height: 1.7142857;
+      margin-top: 1.7142857em;
+      margin-bottom: 1.7142857em;
+      border-radius: 0.375rem;
+      padding-top: 0.8571429em;
+      padding-inline-end: 1.1428571em;
+      padding-bottom: 0.8571429em;
+      padding-inline-start: 1.1428571em;
+    }
+    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      background-color: transparent;
+      border-width: 0;
+      border-radius: 0;
+      padding: 0;
+      font-weight: inherit;
+      color: inherit;
+      font-size: inherit;
+      font-family: inherit;
+      line-height: inherit;
+    }
+    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+      content: none;
+    }
+    :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+      content: none;
+    }
+    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      width: 100%;
+      table-layout: auto;
+      margin-top: 2em;
+      margin-bottom: 2em;
+      font-size: 0.875em;
+      line-height: 1.7142857;
+    }
+    :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 1px;
+      border-bottom-color: var(--tw-prose-th-borders);
+    }
+    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-headings);
+      font-weight: 600;
+      vertical-align: bottom;
+      padding-inline-end: 0.5714286em;
+      padding-bottom: 0.5714286em;
+      padding-inline-start: 0.5714286em;
+    }
+    :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 1px;
+      border-bottom-color: var(--tw-prose-td-borders);
+    }
+    :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-bottom-width: 0;
+    }
+    :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      vertical-align: baseline;
+    }
+    :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      border-top-width: 1px;
+      border-top-color: var(--tw-prose-th-borders);
+    }
+    :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      vertical-align: top;
+    }
+    :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      text-align: start;
+    }
+    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      color: var(--tw-prose-captions);
+      font-size: 0.875em;
+      line-height: 1.4285714;
+      margin-top: 0.8571429em;
+    }
+    --tw-prose-body: oklch(37.3% 0.034 259.733);
+    --tw-prose-headings: oklch(21% 0.034 264.665);
+    --tw-prose-lead: oklch(44.6% 0.03 256.802);
+    --tw-prose-links: oklch(21% 0.034 264.665);
+    --tw-prose-bold: oklch(21% 0.034 264.665);
+    --tw-prose-counters: oklch(55.1% 0.027 264.364);
+    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
+    --tw-prose-hr: oklch(92.8% 0.006 264.531);
+    --tw-prose-quotes: oklch(21% 0.034 264.665);
+    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
+    --tw-prose-captions: oklch(55.1% 0.027 264.364);
+    --tw-prose-kbd: oklch(21% 0.034 264.665);
+    --tw-prose-kbd-shadows: color-mix(in oklab, oklch(21% 0.034 264.665) 10%, transparent);
+    --tw-prose-code: oklch(21% 0.034 264.665);
+    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
+    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
+    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
+    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
+    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
+    --tw-prose-invert-headings: #fff;
+    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-links: #fff;
+    --tw-prose-invert-bold: #fff;
+    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
+    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
+    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
+    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
+    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
+    --tw-prose-invert-kbd: #fff;
+    --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);
+    --tw-prose-invert-code: #fff;
+    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
+    --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
+    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
+    font-size: 1rem;
+    line-height: 1.75;
+    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.5em;
+      margin-bottom: 0.5em;
+    }
+    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.375em;
+    }
+    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.375em;
+    }
+    :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
+    }
+    :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+    }
+    :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.25em;
+    }
+    :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+    }
+    :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.25em;
+    }
+    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.75em;
+      margin-bottom: 0.75em;
+    }
+    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.25em;
+      margin-bottom: 1.25em;
+    }
+    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.5em;
+      padding-inline-start: 1.625em;
+    }
+    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-top: 0.5714286em;
+      padding-inline-end: 0.5714286em;
+      padding-bottom: 0.5714286em;
+      padding-inline-start: 0.5714286em;
+    }
+    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 2em;
+      margin-bottom: 2em;
+    }
+    :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 0;
+    }
+  }
+  .prose-lg {
+    font-size: 1.125rem;
+    line-height: 1.7777778;
+    :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+      margin-bottom: 1.3333333em;
+    }
+    :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 1.2222222em;
+      line-height: 1.4545455;
+      margin-top: 1.0909091em;
+      margin-bottom: 1.0909091em;
+    }
+    :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.6666667em;
+      margin-bottom: 1.6666667em;
+      padding-inline-start: 1em;
+    }
+    :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 2.6666667em;
+      margin-top: 0;
+      margin-bottom: 0.8333333em;
+      line-height: 1;
+    }
+    :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 1.6666667em;
+      margin-top: 1.8666667em;
+      margin-bottom: 1.0666667em;
+      line-height: 1.3333333;
+    }
+    :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 1.3333333em;
+      margin-top: 1.6666667em;
+      margin-bottom: 0.6666667em;
+      line-height: 1.5;
+    }
+    :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.7777778em;
+      margin-bottom: 0.4444444em;
+      line-height: 1.5555556;
+    }
+    :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.7777778em;
+      margin-bottom: 1.7777778em;
+    }
+    :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.7777778em;
+      margin-bottom: 1.7777778em;
+    }
+    :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.7777778em;
+      margin-bottom: 1.7777778em;
+    }
+    :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8888889em;
+      border-radius: 0.3125rem;
+      padding-top: 0.2222222em;
+      padding-inline-end: 0.4444444em;
+      padding-bottom: 0.2222222em;
+      padding-inline-start: 0.4444444em;
+    }
+    :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8888889em;
+    }
+    :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8666667em;
+    }
+    :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.875em;
+    }
+    :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8888889em;
+      line-height: 1.75;
+      margin-top: 2em;
+      margin-bottom: 2em;
+      border-radius: 0.375rem;
+      padding-top: 1em;
+      padding-inline-end: 1.5em;
+      padding-bottom: 1em;
+      padding-inline-start: 1.5em;
+    }
+    :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+      margin-bottom: 1.3333333em;
+      padding-inline-start: 1.5555556em;
+    }
+    :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+      margin-bottom: 1.3333333em;
+      padding-inline-start: 1.5555556em;
+    }
+    :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.6666667em;
+      margin-bottom: 0.6666667em;
+    }
+    :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.4444444em;
+    }
+    :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0.4444444em;
+    }
+    :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.8888889em;
+      margin-bottom: 0.8888889em;
+    }
+    :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+    }
+    :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.3333333em;
+    }
+    :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+    }
+    :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 1.3333333em;
+    }
+    :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.8888889em;
+      margin-bottom: 0.8888889em;
+    }
+    :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+      margin-bottom: 1.3333333em;
+    }
+    :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.3333333em;
+    }
+    :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0.6666667em;
+      padding-inline-start: 1.5555556em;
+    }
+    :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 3.1111111em;
+      margin-bottom: 3.1111111em;
+    }
+    :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8888889em;
+      line-height: 1.5;
+    }
+    :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0.75em;
+      padding-bottom: 0.75em;
+      padding-inline-start: 0.75em;
+    }
+    :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-top: 0.75em;
+      padding-inline-end: 0.75em;
+      padding-bottom: 0.75em;
+      padding-inline-start: 0.75em;
+    }
+    :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-start: 0;
+    }
+    :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      padding-inline-end: 0;
+    }
+    :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 1.7777778em;
+      margin-bottom: 1.7777778em;
+    }
+    :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+    :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      font-size: 0.8888889em;
+      line-height: 1.5;
+      margin-top: 1em;
+    }
+    :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-top: 0;
+    }
+    :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+      margin-bottom: 0;
+    }
+  }
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
+  .mt-xs {
+    margin-top: var(--spacing_8);
+  }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+  .mb-md {
+    margin-bottom: var(--spacing_20);
+  }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .scrollbar-hide {
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    -ms-overflow-style: none;
+  }
+  .block {
+    display: block;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline {
+    display: inline;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .table {
+    display: table;
+  }
+  .aspect-square {
+    aspect-ratio: 1 / 1;
+  }
+  .size-\(--cell-size\) {
+    width: var(--cell-size);
+    height: var(--cell-size);
+  }
+  .size-1 {
+    width: calc(var(--spacing) * 1);
+    height: calc(var(--spacing) * 1);
+  }
+  .size-4 {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
+  .size-12\.5 {
+    width: calc(var(--spacing) * 12.5);
+    height: calc(var(--spacing) * 12.5);
+  }
+  .size-\[30px\] {
+    width: 30px;
+    height: 30px;
+  }
+  .size-auto {
+    width: auto;
+    height: auto;
+  }
+  .icon-2xs {
+    width: var(--control-icon-2xs);
+    height: var(--control-icon-2xs);
+  }
+  .icon-lg {
+    width: var(--control-icon-lg);
+    height: var(--control-icon-lg);
+  }
+  .icon-md {
+    width: var(--control-icon-md);
+    height: var(--control-icon-md);
+  }
+  .icon-sm {
+    width: var(--control-icon-sm);
+    height: var(--control-icon-sm);
+  }
+  .icon-xl {
+    width: var(--control-icon-xl);
+    height: var(--control-icon-xl);
+  }
+  .icon-xs {
+    width: var(--control-icon-xs);
+    height: var(--control-icon-xs);
+  }
+  .spinner-2xs {
+    width: var(--control-size-spinner-2xs);
+    height: var(--control-size-spinner-2xs);
+  }
+  .spinner-lg {
+    width: var(--control-size-spinner-lg);
+    height: var(--control-size-spinner-lg);
+  }
+  .spinner-md {
+    width: var(--control-size-spinner-md);
+    height: var(--control-size-spinner-md);
+  }
+  .spinner-sm {
+    width: var(--control-size-spinner-sm);
+    height: var(--control-size-spinner-sm);
+  }
+  .spinner-xl {
+    width: var(--control-size-spinner-xl);
+    height: var(--control-size-spinner-xl);
+  }
+  .spinner-xs {
+    width: var(--control-size-spinner-xs);
+    height: var(--control-size-spinner-xs);
+  }
+  .toggle-thumb-lg {
+    width: 16px;
+    height: 16px;
+  }
+  .toggle-thumb-md {
+    width: 14px;
+    height: 14px;
+  }
+  .toggle-thumb-sm {
+    width: 12px;
+    height: 12px;
+  }
+  .toggle-thumb-xl {
+    width: 18px;
+    height: 18px;
+  }
+  .toggle-track-lg {
+    width: 40px;
+    height: 20px;
+  }
+  .toggle-track-md {
+    width: 36px;
+    height: 18px;
+  }
+  .toggle-track-sm {
+    width: 32px;
+    height: 16px;
+  }
+  .toggle-track-xl {
+    width: 44px;
+    height: 22px;
+  }
+  .btn-lg {
+    height: var(--control-height-lg);
+    min-width: var(--control-min-width-lg);
+    padding-inline: var(--control-padding-x-button-lg);
+    border-radius: var(--control-radius-lg);
+    gap: var(--control-gap-lg);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display18);
+    line-height: var(--leading-display18);
+    letter-spacing: var(--tracking-display18);
+  }
+  .btn-md {
+    height: var(--control-height-md);
+    min-width: var(--control-min-width-md);
+    padding-inline: var(--control-padding-x-button-md);
+    border-radius: var(--control-radius-md);
+    gap: var(--control-gap-md);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display16);
+    line-height: var(--leading-display16);
+    letter-spacing: var(--tracking-display16);
+  }
+  .btn-sm {
+    height: var(--control-height-sm);
+    min-width: var(--control-min-width-sm);
+    padding-inline: var(--control-padding-x-button-sm);
+    border-radius: var(--control-radius-sm);
+    gap: var(--control-gap-sm);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .btn-xl {
+    height: var(--control-height-xl);
+    min-width: var(--control-min-width-xl);
+    padding-inline: var(--control-padding-x-button-xl);
+    border-radius: var(--control-radius-xl);
+    gap: var(--control-gap-xl);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display20);
+    line-height: var(--leading-display20);
+    letter-spacing: var(--tracking-display20);
+  }
+  .btn-2xs {
+    height: var(--control-height-2xs);
+    padding-inline: var(--control-padding-x-button-2xs);
+    border-radius: var(--control-radius-2xs);
+    gap: var(--control-gap-2xs);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display10);
+    line-height: var(--leading-display10);
+    letter-spacing: var(--tracking-display10);
+  }
+  .btn-xs {
+    height: var(--control-height-xs);
+    padding-inline: var(--control-padding-x-button-xs);
+    border-radius: var(--control-radius-xs);
+    gap: var(--control-gap-xs);
+    font-weight: var(--control-font-weight);
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .badge-lg {
+    height: var(--control-height-md);
+    padding-inline: var(--control-padding-x-badge-md);
+    border-radius: var(--control-radius-md);
+    gap: var(--control-gap-md);
+    font-size: var(--text-display20);
+    line-height: var(--leading-display20);
+    letter-spacing: var(--tracking-display20);
+  }
+  .badge-md {
+    height: var(--control-height-sm);
+    padding-inline: var(--control-padding-x-badge-sm);
+    border-radius: var(--control-radius-sm);
+    gap: var(--control-gap-sm);
+    font-size: var(--text-display16);
+    line-height: var(--leading-display16);
+    letter-spacing: var(--tracking-display16);
+  }
+  .badge-sm {
+    height: var(--control-height-xs);
+    padding-inline: var(--control-padding-x-badge-xs);
+    border-radius: var(--control-radius-xs);
+    gap: var(--control-gap-xs);
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .badge-xs {
+    height: var(--control-height-2xs);
+    padding-inline: var(--control-padding-x-badge-2xs);
+    border-radius: var(--control-radius-xs);
+    gap: var(--control-gap-2xs);
+    font-size: var(--text-display10);
+    line-height: var(--leading-display10);
+    letter-spacing: var(--tracking-display10);
+  }
+  .input-2xs {
+    height: var(--control-height-2xs);
+    padding-inline: var(--control-padding-x-input-2xs);
+    border-radius: var(--control-radius-2xs);
+    border-width: var(--control-border-2xs);
+    font-size: var(--text-display10);
+    line-height: var(--leading-display10);
+    letter-spacing: var(--tracking-display10);
+  }
+  .input-lg {
+    height: var(--control-height-lg);
+    padding-inline: var(--control-padding-x-input-lg);
+    border-radius: var(--control-radius-lg);
+    border-width: var(--control-border-2xs);
+    font-size: var(--text-display18);
+    line-height: var(--leading-display18);
+    letter-spacing: var(--tracking-display18);
+  }
+  .input-md {
+    height: var(--control-height-md);
+    padding-inline: var(--control-padding-x-input-md);
+    border-radius: var(--control-radius-md);
+    border-width: var(--control-border-2xs);
+    font-size: var(--text-display16);
+    line-height: var(--leading-display16);
+    letter-spacing: var(--tracking-display16);
+  }
+  .input-sm {
+    height: var(--control-height-sm);
+    padding-inline: var(--control-padding-x-input-sm);
+    border-radius: var(--control-radius-sm);
+    border-width: var(--control-border-2xs);
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .input-xl {
+    height: var(--control-height-xl);
+    padding-inline: var(--control-padding-x-input-xl);
+    border-radius: var(--control-radius-xl);
+    border-width: var(--control-border-xs);
+    font-size: var(--text-display20);
+    line-height: var(--leading-display20);
+    letter-spacing: var(--tracking-display20);
+  }
+  .input-xs {
+    height: var(--control-height-xs);
+    padding-inline: var(--control-padding-x-input-xs);
+    border-radius: var(--control-radius-xs);
+    border-width: var(--control-border-2xs);
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .h-\(--cell-size\) {
+    height: var(--cell-size);
+  }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-13 {
+    height: calc(var(--spacing) * 13);
+  }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
+  .h-40 {
+    height: calc(var(--spacing) * 40);
+  }
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+  .h-72 {
+    height: calc(var(--spacing) * 72);
+  }
+  .h-80 {
+    height: calc(var(--spacing) * 80);
+  }
+  .h-\[2px\] {
+    height: 2px;
+  }
+  .h-\[16px\] {
+    height: 16px;
+  }
+  .h-\[24px\] {
+    height: 24px;
+  }
+  .h-\[32px\] {
+    height: 32px;
+  }
+  .h-\[38px\] {
+    height: 38px;
+  }
+  .h-\[40px\] {
+    height: 40px;
+  }
+  .h-\[56px\] {
+    height: 56px;
+  }
+  .h-\[62px\] {
+    height: 62px;
+  }
+  .h-\[64px\] {
+    height: 64px;
+  }
+  .h-\[818px\] {
+    height: 818px;
+  }
+  .h-\[calc\(100vh-64px\)\] {
+    height: calc(100vh - 64px);
+  }
+  .h-full {
+    height: 100%;
+  }
+  .max-h-0 {
+    max-height: calc(var(--spacing) * 0);
+  }
+  .max-h-\[90dvh\] {
+    max-height: 90dvh;
+  }
+  .max-h-\[95dvh\] {
+    max-height: 95dvh;
+  }
+  .max-h-\[230px\] {
+    max-height: 230px;
+  }
+  .max-h-\[240px\] {
+    max-height: 240px;
+  }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
+  .min-h-6 {
+    min-height: calc(var(--spacing) * 6);
+  }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
+  .min-h-\[38px\] {
+    min-height: 38px;
+  }
+  .min-h-\[56px\] {
+    min-height: 56px;
+  }
+  .min-h-\[62px\] {
+    min-height: 62px;
+  }
+  .min-h-\[64px\] {
+    min-height: 64px;
+  }
+  .min-h-\[100px\] {
+    min-height: 100px;
+  }
+  .min-h-\[400px\] {
+    min-height: 400px;
+  }
+  .scrollbar-hover {
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+    &::-webkit-scrollbar-thumb {
+      background: transparent;
+    }
+    &:hover {
+      scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
+    }
+    &:hover::-webkit-scrollbar-thumb {
+      animation: scrollbar-fade-in 0.3s ease forwards;
+    }
+    &:not(:hover)::-webkit-scrollbar-thumb {
+      animation: scrollbar-fade-out 0.3s ease forwards;
+    }
+  }
+  .modal-lg {
+    width: var(--modal-width-lg);
+  }
+  .modal-md {
+    width: var(--modal-width-md);
+  }
+  .modal-sm {
+    width: var(--modal-width-sm);
+  }
+  .modal-xl {
+    width: var(--modal-width-xl);
+  }
+  .w-\(--cell-size\) {
+    width: var(--cell-size);
+  }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-5 {
+    width: calc(var(--spacing) * 5);
+  }
+  .w-6 {
+    width: calc(var(--spacing) * 6);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-9 {
+    width: calc(var(--spacing) * 9);
+  }
+  .w-10 {
+    width: calc(var(--spacing) * 10);
+  }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+  .w-64 {
+    width: calc(var(--spacing) * 64);
+  }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
+  .w-\[2px\] {
+    width: 2px;
+  }
+  .w-\[16px\] {
+    width: 16px;
+  }
+  .w-\[24px\] {
+    width: 24px;
+  }
+  .w-\[32px\] {
+    width: 32px;
+  }
+  .w-\[40px\] {
+    width: 40px;
+  }
+  .w-\[60px\] {
+    width: 60px;
+  }
+  .w-\[64px\] {
+    width: 64px;
+  }
+  .w-\[280px\] {
+    width: 280px;
+  }
+  .w-\[300px\] {
+    width: 300px;
+  }
+  .w-\[400px\] {
+    width: 400px;
+  }
+  .w-\[var\(--radix-popover-trigger-width\)\] {
+    width: var(--radix-popover-trigger-width);
+  }
+  .w-auto {
+    width: auto;
+  }
+  .w-fit {
+    width: fit-content;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .w-layout_xs {
+    width: var(--width-layout_xs);
+  }
+  .w-px {
+    width: 1px;
+  }
+  .max-w-none {
+    max-width: none;
+  }
+  .min-w-\(--cell-size\) {
+    min-width: var(--cell-size);
+  }
+  .min-w-0 {
+    min-width: calc(var(--spacing) * 0);
+  }
+  .min-w-10 {
+    min-width: calc(var(--spacing) * 10);
+  }
+  .min-w-\[100px\] {
+    min-width: 100px;
+  }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
+  .min-w-\[140px\] {
+    min-width: 140px;
+  }
+  .min-w-\[160px\] {
+    min-width: 160px;
+  }
+  .min-w-\[180px\] {
+    min-width: 180px;
+  }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
+  .min-w-\[280px\] {
+    min-width: 280px;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .flex-shrink {
+    flex-shrink: 1;
+  }
+  .flex-shrink-0 {
+    flex-shrink: 0;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .grow-0 {
+    flex-grow: 0;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-top {
+    transform-origin: top;
+  }
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1 {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .-translate-y-1\/2 {
+    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-0 {
+    --tw-translate-y: calc(var(--spacing) * 0);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .rotate-0 {
+    rotate: 0deg;
+  }
+  .rotate-180 {
+    rotate: 180deg;
+  }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-text {
+    cursor: text;
+  }
+  .cursor-wait {
+    cursor: wait;
+  }
+  .resize {
+    resize: both;
+  }
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .items-end {
+    align-items: flex-end;
+  }
+  .items-start {
+    align-items: flex-start;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
+  .gap-1 {
+    gap: calc(var(--spacing) * 1);
+  }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .gap-2 {
+    gap: calc(var(--spacing) * 2);
+  }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .gap-3 {
+    gap: calc(var(--spacing) * 3);
+  }
+  .gap-3xs {
+    gap: var(--spacing_2);
+  }
+  .gap-4 {
+    gap: calc(var(--spacing) * 4);
+  }
+  .gap-5 {
+    gap: calc(var(--spacing) * 5);
+  }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+  .gap-8 {
+    gap: calc(var(--spacing) * 8);
+  }
+  .gap-10 {
+    gap: calc(var(--spacing) * 10);
+  }
+  .gap-\[2px\] {
+    gap: 2px;
+  }
+  .gap-\[5px\] {
+    gap: 5px;
+  }
+  .gap-\[6px\] {
+    gap: 6px;
+  }
+  .gap-\[15px\] {
+    gap: 15px;
+  }
+  .gap-lg {
+    gap: var(--spacing_32);
+  }
+  .gap-md {
+    gap: var(--spacing_20);
+  }
+  .gap-sm {
+    gap: var(--spacing_12);
+  }
+  .gap-xl {
+    gap: var(--spacing_40);
+  }
+  .gap-xs {
+    gap: var(--spacing_8);
+  }
+  .self-start {
+    align-self: flex-start;
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-auto {
+    overflow: auto;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .overflow-y-hidden {
+    overflow-y: hidden;
+  }
+  .rounded {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-\[4px\] {
+    border-radius: 4px;
+  }
+  .rounded-\[5px\] {
+    border-radius: 5px;
+  }
+  .rounded-\[8px\] {
+    border-radius: 8px;
+  }
+  .rounded-\[10px\] {
+    border-radius: 10px;
+  }
+  .rounded-\[inherit\] {
+    border-radius: inherit;
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: var(--radius-lg);
+  }
+  .rounded-md {
+    border-radius: var(--radius-md);
+  }
+  .rounded-none {
+    border-radius: 0;
+  }
+  .rounded-t-2xl {
+    border-top-left-radius: var(--radius-2xl);
+    border-top-right-radius: var(--radius-2xl);
+  }
+  .rounded-t-md {
+    border-top-left-radius: var(--radius-md);
+    border-top-right-radius: var(--radius-md);
+  }
+  .rounded-l-2xl {
+    border-top-left-radius: var(--radius-2xl);
+    border-bottom-left-radius: var(--radius-2xl);
+  }
+  .rounded-l-md {
+    border-top-left-radius: var(--radius-md);
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-r-2xl {
+    border-top-right-radius: var(--radius-2xl);
+    border-bottom-right-radius: var(--radius-2xl);
+  }
+  .rounded-r-md {
+    border-top-right-radius: var(--radius-md);
+    border-bottom-right-radius: var(--radius-md);
+  }
+  .rounded-b-2xl {
+    border-bottom-right-radius: var(--radius-2xl);
+    border-bottom-left-radius: var(--radius-2xl);
+  }
+  .rounded-br-md {
+    border-bottom-right-radius: var(--radius-md);
+  }
+  .rounded-bl-md {
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
+  .border-\[0\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 0.5px;
+  }
+  .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-b-2 {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 2px;
+  }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
+  .border-current {
+    border-color: currentcolor;
+  }
+  .border-danger100 {
+    border-color: var(--color-danger100);
+  }
+  .border-danger500 {
+    border-color: var(--color-danger500);
+  }
+  .border-lb500 {
+    border-color: var(--color-lb500);
+  }
+  .border-mono100 {
+    border-color: var(--color-mono100);
+  }
+  .border-mono200 {
+    border-color: var(--color-mono200);
+  }
+  .border-mono300 {
+    border-color: var(--color-mono300);
+  }
+  .border-neutral-200 {
+    border-color: var(--color-neutral-200);
+  }
+  .border-neutral100 {
+    border-color: var(--color-neutral100);
+  }
+  .border-neutral200 {
+    border-color: var(--color-neutral200);
+  }
+  .border-neutral700 {
+    border-color: var(--color-neutral700);
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .border-t-transparent {
+    border-top-color: transparent;
+  }
+  .bg-accept600 {
+    background-color: var(--color-accept600);
+  }
+  .bg-black\/30 {
+    background-color: color-mix(in srgb, #000000 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
+    }
+  }
+  .bg-black\/40 {
+    background-color: color-mix(in srgb, #000000 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
+    }
+  }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
+  .bg-current {
+    background-color: currentcolor;
+  }
+  .bg-danger500 {
+    background-color: var(--color-danger500);
+  }
+  .bg-danger600 {
+    background-color: var(--color-danger600);
+  }
+  .bg-gray-900 {
+    background-color: var(--color-gray-900);
+  }
+  .bg-hyper-blue {
+    background-color: var(--color-hyper-blue);
+  }
+  .bg-lb50 {
+    background-color: var(--color-lb50);
+  }
+  .bg-lb500 {
+    background-color: var(--color-lb500);
+  }
+  .bg-lb600 {
+    background-color: var(--color-lb600);
+  }
+  .bg-mono50 {
+    background-color: var(--color-mono50);
+  }
+  .bg-mono100 {
+    background-color: var(--color-mono100);
+  }
+  .bg-mono200 {
+    background-color: var(--color-mono200);
+  }
+  .bg-mono300 {
+    background-color: var(--color-mono300);
+  }
+  .bg-neutral-100 {
+    background-color: var(--color-neutral-100);
+  }
+  .bg-neutral50 {
+    background-color: var(--color-neutral50);
+  }
+  .bg-neutral50\! {
+    background-color: var(--color-neutral50) !important;
+  }
+  .bg-neutral100 {
+    background-color: var(--color-neutral100);
+  }
+  .bg-neutral100\! {
+    background-color: var(--color-neutral100) !important;
+  }
+  .bg-neutral200 {
+    background-color: var(--color-neutral200);
+  }
+  .bg-neutral300 {
+    background-color: var(--color-neutral300);
+  }
+  .bg-neutral800 {
+    background-color: var(--color-neutral800);
+  }
+  .bg-orange400 {
+    background-color: var(--color-orange400);
+  }
+  .bg-success600 {
+    background-color: var(--color-success600);
+  }
+  .bg-tintBlue {
+    background-color: var(--color-tintBlue);
+  }
+  .bg-tintGreen {
+    background-color: var(--color-tintGreen);
+  }
+  .bg-tintOrange {
+    background-color: var(--color-tintOrange);
+  }
+  .bg-tintRed {
+    background-color: var(--color-tintRed);
+  }
+  .bg-tintYellow {
+    background-color: var(--color-tintYellow);
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-warning600 {
+    background-color: var(--color-warning600);
+  }
+  .bg-white {
+    background-color: var(--color-white);
+  }
+  .bg-yellow-400 {
+    background-color: var(--color-yellow-400);
+  }
+  .fill-gray-900 {
+    fill: var(--color-gray-900);
+  }
+  .object-cover {
+    object-fit: cover;
+  }
+  .p-0 {
+    padding: calc(var(--spacing) * 0);
+  }
+  .p-0\! {
+    padding: calc(var(--spacing) * 0) !important;
+  }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
+  .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);
+  }
+  .p-12 {
+    padding: calc(var(--spacing) * 12);
+  }
+  .p-20 {
+    padding: calc(var(--spacing) * 20);
+  }
+  .p-\[3px\] {
+    padding: 3px;
+  }
+  .p-lg {
+    padding: var(--spacing_32);
+  }
+  .p-md {
+    padding: var(--spacing_20);
+  }
+  .p-sm {
+    padding: var(--spacing_12);
+  }
+  .p-xs {
+    padding: var(--spacing_8);
+  }
+  .px-\(--cell-size\) {
+    padding-inline: var(--cell-size);
+  }
+  .px-0 {
+    padding-inline: calc(var(--spacing) * 0);
+  }
+  .px-2 {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-\[15px\] {
+    padding-inline: 15px;
+  }
+  .py-1 {
+    padding-block: calc(var(--spacing) * 1);
+  }
+  .py-1\.5 {
+    padding-block: calc(var(--spacing) * 1.5);
+  }
+  .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-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
+  .py-24 {
+    padding-block: calc(var(--spacing) * 24);
+  }
+  .py-\[10px\] {
+    padding-block: 10px;
+  }
+  .py-sm {
+    padding-top: var(--spacing_12);
+    padding-bottom: var(--spacing_12);
+  }
+  .py-xs {
+    padding-top: var(--spacing_8);
+    padding-bottom: var(--spacing_8);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-lg {
+    padding-top: var(--spacing_32);
+  }
+  .pt-xl {
+    padding-top: var(--spacing_40);
+  }
+  .px-md {
+    padding-left: var(--spacing_20);
+    padding-right: var(--spacing_20);
+  }
+  .px-sm {
+    padding-left: var(--spacing_12);
+    padding-right: var(--spacing_12);
+  }
+  .pr-1 {
+    padding-right: calc(var(--spacing) * 1);
+  }
+  .pr-8 {
+    padding-right: calc(var(--spacing) * 8);
+  }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+  .pr-12 {
+    padding-right: calc(var(--spacing) * 12);
+  }
+  .pr-sm {
+    padding-right: var(--spacing_12);
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
+  .pl-sm {
+    padding-left: var(--spacing_12);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .align-middle {
+    vertical-align: middle;
+  }
+  .font-bold {
+    font-family: var(--font-bold);
+  }
+  .font-medium {
+    font-family: var(--font-medium);
+  }
+  .font-semibold {
+    font-family: var(--font-semibold);
+  }
+  .display10 {
+    font-size: var(--text-display10);
+    line-height: var(--leading-display10);
+    letter-spacing: var(--tracking-display10);
+  }
+  .display12 {
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .display14 {
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .display16 {
+    font-size: var(--text-display16);
+    line-height: var(--leading-display16);
+    letter-spacing: var(--tracking-display16);
+  }
+  .display18 {
+    font-size: var(--text-display18);
+    line-height: var(--leading-display18);
+    letter-spacing: var(--tracking-display18);
+  }
+  .display20 {
+    font-size: var(--text-display20);
+    line-height: var(--leading-display20);
+    letter-spacing: var(--tracking-display20);
+  }
+  .display24 {
+    font-size: var(--text-display24);
+    line-height: var(--leading-display24);
+    letter-spacing: var(--tracking-display24);
+  }
+  .display28 {
+    font-size: var(--text-display28);
+    line-height: var(--leading-display28);
+    letter-spacing: var(--tracking-display28);
+  }
+  .display32 {
+    font-size: var(--text-display32);
+    line-height: var(--leading-display32);
+    letter-spacing: var(--tracking-display32);
+  }
+  .toggle-lg {
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .toggle-md {
+    font-size: var(--text-display14);
+    line-height: var(--leading-display14);
+    letter-spacing: var(--tracking-display14);
+  }
+  .toggle-sm {
+    font-size: var(--text-display12);
+    line-height: var(--leading-display12);
+    letter-spacing: var(--tracking-display12);
+  }
+  .toggle-xl {
+    font-size: var(--text-display16);
+    line-height: var(--leading-display16);
+    letter-spacing: var(--tracking-display16);
+  }
+  .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-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[0\.8rem\] {
+    font-size: 0.8rem;
+  }
+  .leading-6 {
+    --tw-leading: calc(var(--spacing) * 6);
+    line-height: calc(var(--spacing) * 6);
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .font-normal {
+    --tw-font-weight: var(--font-weight-normal);
+    font-weight: var(--font-weight-normal);
+  }
+  .bold {
+    font-weight: var(--font-bold);
+  }
+  .light {
+    font-weight: var(--font-light);
+  }
+  .medium {
+    font-weight: var(--font-medium);
+  }
+  .regular {
+    font-weight: var(--font-regular);
+  }
+  .regular\! {
+    font-weight: var(--font-regular) !important;
+  }
+  .semibold {
+    font-weight: var(--font-semibold);
+  }
+  .text-nowrap {
+    text-wrap: nowrap;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
+  .text-blue200 {
+    color: var(--color-blue200);
+  }
+  .text-blue400 {
+    color: var(--color-blue400);
+  }
+  .text-danger400 {
+    color: var(--color-danger400);
+  }
+  .text-danger500 {
+    color: var(--color-danger500);
+  }
+  .text-danger600 {
+    color: var(--color-danger600);
+  }
+  .text-green700 {
+    color: var(--color-green700);
+  }
+  .text-lb500 {
+    color: var(--color-lb500);
+  }
+  .text-lb900 {
+    color: var(--color-lb900);
+  }
+  .text-mono300 {
+    color: var(--color-mono300);
+  }
+  .text-mono400 {
+    color: var(--color-mono400);
+  }
+  .text-mono500 {
+    color: var(--color-mono500);
+  }
+  .text-mono700 {
+    color: var(--color-mono700);
+  }
+  .text-mono800 {
+    color: var(--color-mono800);
+  }
+  .text-neutral-500 {
+    color: var(--color-neutral-500);
+  }
+  .text-neutral100 {
+    color: var(--color-neutral100);
+  }
+  .text-neutral200 {
+    color: var(--color-neutral200);
+  }
+  .text-neutral200\! {
+    color: var(--color-neutral200) !important;
+  }
+  .text-neutral300 {
+    color: var(--color-neutral300);
+  }
+  .text-neutral400 {
+    color: var(--color-neutral400);
+  }
+  .text-neutral400\! {
+    color: var(--color-neutral400) !important;
+  }
+  .text-neutral500 {
+    color: var(--color-neutral500);
+  }
+  .text-neutral800 {
+    color: var(--color-neutral800);
+  }
+  .text-neutral900 {
+    color: var(--color-neutral900);
+  }
+  .text-orange500 {
+    color: var(--color-orange500);
+  }
+  .text-red200 {
+    color: var(--color-red200);
+  }
+  .text-red500 {
+    color: var(--color-red500);
+  }
+  .text-white {
+    color: var(--color-white);
+  }
+  .text-yellow700 {
+    color: var(--color-yellow700);
+  }
+  .italic {
+    font-style: italic;
+  }
+  .line-through {
+    text-decoration-line: line-through;
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .decoration-current {
+    text-decoration-color: currentcolor;
+  }
+  .underline-offset-\[4px\] {
+    text-underline-offset: 4px;
+  }
+  .placeholder-mono400 {
+    &::placeholder {
+      color: var(--color-mono400);
+    }
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .opacity-30 {
+    opacity: 30%;
+  }
+  .opacity-40 {
+    opacity: 40%;
+  }
+  .opacity-50 {
+    opacity: 50%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-2 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-blue-400 {
+    --tw-ring-color: var(--color-blue-400);
+  }
+  .ring-lb500\/20 {
+    --tw-ring-color: color-mix(in srgb, #6891f8 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-lb500) 20%, transparent);
+    }
+  }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .outline-danger500 {
+    outline-color: var(--color-danger500);
+  }
+  .outline-lb500 {
+    outline-color: var(--color-lb500);
+  }
+  .outline-neutral100 {
+    outline-color: var(--color-neutral100);
+  }
+  .outline-neutral200 {
+    outline-color: var(--color-neutral200);
+  }
+  .outline-neutral300 {
+    outline-color: var(--color-neutral300);
+  }
+  .outline-red500 {
+    outline-color: var(--color-red500);
+  }
+  .outline-transparent {
+    outline-color: transparent;
+  }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .\[--cell-size\:--spacing\(8\)\] {
+    --cell-size: calc(var(--spacing) * 8);
+  }
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
+  .ld-transition {
+    transition: all 300ms ease-out;
+  }
+  .group-focus-within\:block {
+    &:is(:where(.group):focus-within *) {
+      display: block;
+    }
+  }
+  .group-focus-within\:hidden {
+    &:is(:where(.group):focus-within *) {
+      display: none;
+    }
+  }
+  .group-data-\[focused\=true\]\/day\:relative {
+    &:is(:where(.group\/day)[data-focused="true"] *) {
+      position: relative;
+    }
+  }
+  .group-data-\[focused\=true\]\/day\:z-10 {
+    &:is(:where(.group\/day)[data-focused="true"] *) {
+      z-index: 10;
+    }
+  }
+  .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
+    &:is(:where(.group\/day)[data-focused="true"] *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+    }
+  }
+  .group-data-\[focused\=true\]\/day\:ring-lb600\/50 {
+    &:is(:where(.group\/day)[data-focused="true"] *) {
+      --tw-ring-color: color-mix(in srgb, #5883ee 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-lb600) 50%, transparent);
+      }
+    }
+  }
+  .peer-focus-visible\:ring-2 {
+    &:is(:where(.peer):focus-visible ~ *) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .peer-focus-visible\:ring-lb500 {
+    &:is(:where(.peer):focus-visible ~ *) {
+      --tw-ring-color: var(--color-lb500);
+    }
+  }
+  .peer-focus-visible\:ring-offset-2 {
+    &:is(:where(.peer):focus-visible ~ *) {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
+  .first\:rounded-t-lg {
+    &:first-child {
+      border-top-left-radius: var(--radius-lg);
+      border-top-right-radius: var(--radius-lg);
+    }
+  }
+  .last\:rounded-b-lg {
+    &:last-child {
+      border-bottom-right-radius: var(--radius-lg);
+      border-bottom-left-radius: var(--radius-lg);
+    }
+  }
+  .read-only\:cursor-not-allowed {
+    &:read-only {
+      cursor: not-allowed;
+    }
+  }
+  .hover\:bg-accept50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-accept50);
+      }
+    }
+  }
+  .hover\:bg-black\/3 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000000 3%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 3%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-blue-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-blue-600);
+      }
+    }
+  }
+  .hover\:bg-danger50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-danger50);
+      }
+    }
+  }
+  .hover\:bg-danger700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-danger700);
+      }
+    }
+  }
+  .hover\:bg-lb50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lb50);
+      }
+    }
+  }
+  .hover\:bg-lb700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lb700);
+      }
+    }
+  }
+  .hover\:bg-mono50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono50);
+      }
+    }
+  }
+  .hover\:bg-mono100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono100);
+      }
+    }
+  }
+  .hover\:bg-mono200 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono200);
+      }
+    }
+  }
+  .hover\:bg-mono300 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono300);
+      }
+    }
+  }
+  .hover\:bg-mono400 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-mono400);
+      }
+    }
+  }
+  .hover\:bg-neutral-100 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral-100);
+      }
+    }
+  }
+  .hover\:bg-neutral50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral50);
+      }
+    }
+  }
+  .hover\:bg-neutral200\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral200) !important;
+      }
+    }
+  }
+  .hover\:bg-neutral900 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral900);
+      }
+    }
+  }
+  .hover\:bg-tintBlue {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-tintBlue);
+      }
+    }
+  }
+  .hover\:bg-tintRed {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-tintRed);
+      }
+    }
+  }
+  .hover\:text-blue400 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-blue400);
+      }
+    }
+  }
+  .hover\:text-danger600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-danger600);
+      }
+    }
+  }
+  .hover\:text-lb500 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-lb500);
+      }
+    }
+  }
+  .hover\:text-lb700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-lb700);
+      }
+    }
+  }
+  .hover\:text-lb900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-lb900);
+      }
+    }
+  }
+  .hover\:text-mono900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-mono900);
+      }
+    }
+  }
+  .hover\:text-neutral-900 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-neutral-900);
+      }
+    }
+  }
+  .hover\:text-neutral700 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-neutral700);
+      }
+    }
+  }
+  .hover\:text-neutral800 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-neutral800);
+      }
+    }
+  }
+  .hover\:outline-lb500 {
+    &:hover {
+      @media (hover: hover) {
+        outline-color: var(--color-lb500);
+      }
+    }
+  }
+  .focus\:border-blue-500 {
+    &:focus {
+      border-color: var(--color-blue-500);
+    }
+  }
+  .focus\:border-lb500 {
+    &:focus {
+      border-color: var(--color-lb500);
+    }
+  }
+  .focus\:border-red500 {
+    &:focus {
+      border-color: var(--color-red500);
+    }
+  }
+  .focus\:bg-lb50 {
+    &:focus {
+      background-color: var(--color-lb50);
+    }
+  }
+  .focus\:bg-mono100 {
+    &:focus {
+      background-color: var(--color-mono100);
+    }
+  }
+  .focus\:bg-tintBlue {
+    &:focus {
+      background-color: var(--color-tintBlue);
+    }
+  }
+  .focus\:bg-tintRed {
+    &:focus {
+      background-color: var(--color-tintRed);
+    }
+  }
+  .focus\:text-lb500 {
+    &:focus {
+      color: var(--color-lb500);
+    }
+  }
+  .focus\:ring-1 {
+    &:focus {
+      --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);
+    }
+  }
+  .focus\:ring-lb500 {
+    &:focus {
+      --tw-ring-color: var(--color-lb500);
+    }
+  }
+  .focus\:outline-lb500 {
+    &:focus {
+      outline-color: var(--color-lb500);
+    }
+  }
+  .focus\:outline-red500 {
+    &:focus {
+      outline-color: var(--color-red500);
+    }
+  }
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .focus\:ring-inset {
+    &:focus {
+      --tw-ring-inset: inset;
+    }
+  }
+  .focus-visible\:border-lb600 {
+    &:focus-visible {
+      border-color: var(--color-lb600);
+    }
+  }
+  .focus-visible\:border-neutral-950 {
+    &:focus-visible {
+      border-color: var(--color-neutral-950);
+    }
+  }
+  .focus-visible\:ring-2 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-visible\:ring-\[3px\] {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus-visible\:ring-danger500 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-danger500);
+    }
+  }
+  .focus-visible\:ring-lb500 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-lb500);
+    }
+  }
+  .focus-visible\:ring-lb600\/50 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, #5883ee 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-lb600) 50%, transparent);
+      }
+    }
+  }
+  .focus-visible\:ring-neutral-950\/50 {
+    &:focus-visible {
+      --tw-ring-color: color-mix(in srgb, oklch(14.5% 0 0) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);
+      }
+    }
+  }
+  .focus-visible\:ring-neutral800 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-neutral800);
+    }
+  }
+  .focus-visible\:ring-offset-2 {
+    &:focus-visible {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
+  .focus-visible\:outline-none {
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
+  .focus-visible\:ring-inset {
+    &:focus-visible {
+      --tw-ring-inset: inset;
+    }
+  }
+  .active\:bg-accept50 {
+    &:active {
+      background-color: var(--color-accept50);
+    }
+  }
+  .active\:bg-danger50 {
+    &:active {
+      background-color: var(--color-danger50);
+    }
+  }
+  .active\:bg-danger700 {
+    &:active {
+      background-color: var(--color-danger700);
+    }
+  }
+  .active\:bg-lb700 {
+    &:active {
+      background-color: var(--color-lb700);
+    }
+  }
+  .active\:bg-mono100 {
+    &:active {
+      background-color: var(--color-mono100);
+    }
+  }
+  .active\:bg-neutral900 {
+    &:active {
+      background-color: var(--color-neutral900);
+    }
+  }
+  .active\:text-danger600 {
+    &:active {
+      color: var(--color-danger600);
+    }
+  }
+  .active\:text-lb700 {
+    &:active {
+      color: var(--color-lb700);
+    }
+  }
+  .active\:text-neutral700 {
+    &:active {
+      color: var(--color-neutral700);
+    }
+  }
+  .disabled\:cursor-not-allowed {
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+  .disabled\:opacity-30 {
+    &:disabled {
+      opacity: 30%;
+    }
+  }
+  .disabled\:opacity-40 {
+    &:disabled {
+      opacity: 40%;
+    }
+  }
+  .disabled\:opacity-50 {
+    &:disabled {
+      opacity: 50%;
+    }
+  }
+  .has-focus\:border-lb600 {
+    &:has(*:focus) {
+      border-color: var(--color-lb600);
+    }
+  }
+  .has-focus\:ring-\[3px\] {
+    &:has(*:focus) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+    }
+  }
+  .has-focus\:ring-lb600\/50 {
+    &:has(*:focus) {
+      --tw-ring-color: color-mix(in srgb, #5883ee 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-lb600) 50%, transparent);
+      }
+    }
+  }
+  .aria-disabled\:opacity-50 {
+    &[aria-disabled="true"] {
+      opacity: 50%;
+    }
+  }
+  .aria-expanded\:bg-tintBlue {
+    &[aria-expanded="true"] {
+      background-color: var(--color-tintBlue);
+    }
+  }
+  .aria-expanded\:text-blue400 {
+    &[aria-expanded="true"] {
+      color: var(--color-blue400);
+    }
+  }
+  .aria-selected\:text-neutral-500 {
+    &[aria-selected="true"] {
+      color: var(--color-neutral-500);
+    }
+  }
+  .data-outside\:\*\:text-mono400 {
+    &[data-outside] {
+      :is(& > *) {
+        color: var(--color-mono400);
+      }
+    }
+  }
+  .data-\[outside\]\:font-normal {
+    &[data-outside] {
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
+  .data-\[outside\]\:text-mono400 {
+    &[data-outside] {
+      color: var(--color-mono400);
+    }
+  }
+  .data-\[range-end\=true\]\:rounded-md {
+    &[data-range-end="true"] {
+      border-radius: var(--radius-md);
+    }
+  }
+  .data-\[range-end\=true\]\:rounded-r-md {
+    &[data-range-end="true"] {
+      border-top-right-radius: var(--radius-md);
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
+  .data-\[range-end\=true\]\:bg-lb600 {
+    &[data-range-end="true"] {
+      background-color: var(--color-lb600);
+    }
+  }
+  .data-\[range-end\=true\]\:text-white {
+    &[data-range-end="true"] {
+      color: var(--color-white);
+    }
+  }
+  .data-\[range-middle\=true\]\:rounded-none {
+    &[data-range-middle="true"] {
+      border-radius: 0;
+    }
+  }
+  .data-\[range-middle\=true\]\:bg-lb50 {
+    &[data-range-middle="true"] {
+      background-color: var(--color-lb50);
+    }
+  }
+  .data-\[range-middle\=true\]\:text-lb900 {
+    &[data-range-middle="true"] {
+      color: var(--color-lb900);
+    }
+  }
+  .data-\[range-start\=true\]\:rounded-md {
+    &[data-range-start="true"] {
+      border-radius: var(--radius-md);
+    }
+  }
+  .data-\[range-start\=true\]\:rounded-l-md {
+    &[data-range-start="true"] {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
+  .data-\[range-start\=true\]\:bg-lb600 {
+    &[data-range-start="true"] {
+      background-color: var(--color-lb600);
+    }
+  }
+  .data-\[range-start\=true\]\:text-white {
+    &[data-range-start="true"] {
+      color: var(--color-white);
+    }
+  }
+  .data-\[selected-single\=true\]\:bg-lb600 {
+    &[data-selected-single="true"] {
+      background-color: var(--color-lb600);
+    }
+  }
+  .data-\[selected-single\=true\]\:text-white {
+    &[data-selected-single="true"] {
+      color: var(--color-white);
+    }
+  }
+  .data-\[selected\=true\]\:rounded-none {
+    &[data-selected="true"] {
+      border-radius: 0;
+    }
+  }
+  .data-\[state\=closed\]\:animate-fade-out {
+    &[data-state="closed"] {
+      animation: fade-out 300ms ease-out forwards;
+    }
+  }
+  .data-\[state\=open\]\:animate-fade-in {
+    &[data-state="open"] {
+      animation: fade-in 300ms ease-out forwards;
+    }
+  }
+  .data-\[state\=open\]\:border-lb500 {
+    &[data-state="open"] {
+      border-color: var(--color-lb500);
+    }
+  }
+  .data-\[state\=open\]\:border-red500 {
+    &[data-state="open"] {
+      border-color: var(--color-red500);
+    }
+  }
+  .data-\[weekend\]\:text-danger600 {
+    &[data-weekend] {
+      color: var(--color-danger600);
+    }
+  }
+  .data-\[outside\]\:data-\[weekend\]\:text-danger200 {
+    &[data-outside] {
+      &[data-weekend] {
+        color: var(--color-danger200);
+      }
+    }
+  }
+  .md\:flex-row {
+    @media (width >= 48rem) {
+      flex-direction: row;
+    }
+  }
+  .mobile\:invisible {
+    @media (max-width: calc(768px - 1px)) {
+      visibility: hidden;
+    }
+  }
+  .mobile\:absolute {
+    @media (max-width: calc(768px - 1px)) {
+      position: absolute;
+    }
+  }
+  .mobile\:top-1\/2 {
+    @media (max-width: calc(768px - 1px)) {
+      top: calc(1 / 2 * 100%);
+    }
+  }
+  .mobile\:left-1\/2 {
+    @media (max-width: calc(768px - 1px)) {
+      left: calc(1 / 2 * 100%);
+    }
+  }
+  .mobile\:h-\[320px\] {
+    @media (max-width: calc(768px - 1px)) {
+      height: 320px;
+    }
+  }
+  .mobile\:h-\[calc\(62dvh-111px\)\] {
+    @media (max-width: calc(768px - 1px)) {
+      height: calc(62dvh - 111px);
+    }
+  }
+  .mobile\:h-auto {
+    @media (max-width: calc(768px - 1px)) {
+      height: auto;
+    }
+  }
+  .mobile\:w-full {
+    @media (max-width: calc(768px - 1px)) {
+      width: 100%;
+    }
+  }
+  .mobile\:max-w-\[calc\(100vw-40px\)\] {
+    @media (max-width: calc(768px - 1px)) {
+      max-width: calc(100vw - 40px);
+    }
+  }
+  .mobile\:flex-1 {
+    @media (max-width: calc(768px - 1px)) {
+      flex: 1;
+    }
+  }
+  .mobile\:-translate-x-1\/2 {
+    @media (max-width: calc(768px - 1px)) {
+      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .mobile\:-translate-y-1\/2 {
+    @media (max-width: calc(768px - 1px)) {
+      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .mobile\:flex-col {
+    @media (max-width: calc(768px - 1px)) {
+      flex-direction: column;
+    }
+  }
+  .mobile\:items-center {
+    @media (max-width: calc(768px - 1px)) {
+      align-items: center;
+    }
+  }
+  .mobile\:overflow-hidden {
+    @media (max-width: calc(768px - 1px)) {
+      overflow: hidden;
+    }
+  }
+  .mobile\:overflow-y-auto {
+    @media (max-width: calc(768px - 1px)) {
+      overflow-y: auto;
+    }
+  }
+  .mobile\:bg-white {
+    @media (max-width: calc(768px - 1px)) {
+      background-color: var(--color-white);
+    }
+  }
+  .mobile\:p-sm {
+    @media (max-width: calc(768px - 1px)) {
+      padding: var(--spacing_12);
+    }
+  }
+  .mobile\:py-0 {
+    @media (max-width: calc(768px - 1px)) {
+      padding-block: calc(var(--spacing) * 0);
+    }
+  }
+  .mobile\:display14 {
+    @media (max-width: calc(768px - 1px)) {
+      font-size: var(--text-display14);
+      line-height: var(--leading-display14);
+      letter-spacing: var(--tracking-display14);
+    }
+  }
+  .mobile\:medium {
+    @media (max-width: calc(768px - 1px)) {
+      font-weight: var(--font-medium);
+    }
+  }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md {
+    &:first-child[data-selected=true] button {
+      border-top-left-radius: var(--radius-md);
+      border-bottom-left-radius: var(--radius-md);
+    }
+  }
+  .rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      :is(& *) {
+        &:is(.rdp-button_next>svg) {
+          rotate: 180deg;
+        }
+      }
+    }
+  }
+  .rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180 {
+    &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+      :is(& *) {
+        &:is(.rdp-button_previous>svg) {
+          rotate: 180deg;
+        }
+      }
+    }
+  }
+  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
+    &:last-child[data-selected=true] button {
+      border-top-right-radius: var(--radius-md);
+      border-bottom-right-radius: var(--radius-md);
+    }
+  }
+  .\[\&\>span\]\:text-xs {
+    &>span {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  .\[\&\>span\]\:opacity-70 {
+    &>span {
+      opacity: 70%;
+    }
+  }
+  .\[\&\>svg\]\:size-3\.5 {
+    &>svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .\[\&\>svg\]\:text-neutral-500 {
+    &>svg {
+      color: var(--color-neutral-500);
+    }
+  }
+}
+@keyframes scrollbar-fade-in {
+  from {
+    background: transparent;
+  }
+  to {
+    background: rgba(0, 0, 0, 0.3);
+  }
+}
+@keyframes scrollbar-fade-out {
+  from {
+    background: rgba(0, 0, 0, 0.3);
+  }
+  to {
+    background: transparent;
+  }
+}
+@keyframes gradient {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+@keyframes error-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes error-fade-out {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+}
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-10px);
+  }
+  75% {
+    transform: translateX(10px);
+  }
+}
+@keyframes collapsible-down {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes collapsible-up {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes plan-enter {
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes plan-leave {
+  from {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+}
+@keyframes plan-slide-enter-w {
+  from {
+    width: 0;
+    max-width: 0;
+  }
+  to {
+    width: 300px;
+    max-width: 300px;
+  }
+}
+@keyframes plan-slide-leave-w {
+  from {
+    width: 300px;
+    max-width: 300px;
+  }
+  to {
+    width: 0;
+    max-width: 0;
+  }
+}
+@keyframes spin-once {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes migration-drop {
+  0% {
+    transform: translateX(-50%) translateY(-200px) rotate(calc(var(--rf) + 18deg)) scale(0.98);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(-50%) translateY(0) rotate(var(--rf));
+    opacity: 1;
+  }
+}
+@keyframes migration-drop-mobile {
+  0% {
+    transform: translateX(-50%) translateY(-100px) rotate(calc(var(--rf) + 18deg)) scale(0.98);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(-50%) translateY(0) rotate(var(--rf));
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .migration-drop {
+    animation: none !important;
+    opacity: 1 !important;
+    transform: translateX(-50%) translateY(0) rotate(var(--rf));
+  }
+}
+@media (max-width: 1080px) {
+  .migration-drop {
+    animation: migration-drop-mobile var(--dur, 1.1s) cubic-bezier(0.16, 0.9, 0.1, 1) both;
+  }
+}
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes fade-out {
+  to {
+    opacity: 0;
+  }
+}
+@layer utilities {
+  prose p {
+    margin-top: 0 !important;
+    margin-bottom: 0.5rem !important;
+    padding: 0 !important;
+  }
+  prose h1, prose h2, prose h3 {
+    margin-top: 0 !important;
+    margin-bottom: 0.5rem !important;
+    padding: 0 !important;
+  }
+  prose ul, prose ol {
+    margin-top: 0 !important;
+    margin-bottom: 0.5rem !important;
+    padding: 0 20px !important;
+  }
+  prose ul li::marker, prose ol li::marker {
+    color: #000 !important;
+  }
+}
+.ProseMirror img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 1rem auto;
+}
+.ProseMirror img[style*='text-align: left'] {
+  margin-left: 0;
+  margin-right: auto;
+}
+.ProseMirror img[style*='text-align: center'] {
+  margin-left: auto;
+  margin-right: auto;
+}
+.ProseMirror img[style*='text-align: right'] {
+  margin-left: auto;
+  margin-right: 0;
+}
+.ProseMirror img {
+  cursor: pointer;
+  border: 2px solid transparent;
+  transition: border-color 0.2s;
+}
+.ProseMirror img:hover {
+  border-color: rgba(59, 130, 246, 0.3);
+}
+.ProseMirror [data-resize-handle] {
+  position: absolute;
+  background: rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(255, 255, 255, 0.8);
+  border-radius: 2px;
+  z-index: 10;
+}
+.ProseMirror [data-resize-handle]:hover {
+  background: rgba(0, 0, 0, 0.8);
+}
+.ProseMirror [data-resize-handle='top-left'], .ProseMirror [data-resize-handle='top-right'], .ProseMirror [data-resize-handle='bottom-left'], .ProseMirror [data-resize-handle='bottom-right'] {
+  width: 8px;
+  height: 8px;
+}
+.ProseMirror [data-resize-handle='top-left'] {
+  top: -4px;
+  left: -4px;
+  cursor: nwse-resize;
+}
+.ProseMirror [data-resize-handle='top-right'] {
+  top: -4px;
+  right: -4px;
+  cursor: nesw-resize;
+}
+.ProseMirror [data-resize-handle='bottom-left'] {
+  bottom: -4px;
+  left: -4px;
+  cursor: nesw-resize;
+}
+.ProseMirror [data-resize-handle='bottom-right'] {
+  bottom: -4px;
+  right: -4px;
+  cursor: nwse-resize;
+}
+.ProseMirror [data-resize-handle='top'], .ProseMirror [data-resize-handle='bottom'] {
+  height: 6px;
+  left: 8px;
+  right: 8px;
+}
+.ProseMirror [data-resize-handle='top'] {
+  top: -3px;
+  cursor: ns-resize;
+}
+.ProseMirror [data-resize-handle='bottom'] {
+  bottom: -3px;
+  cursor: ns-resize;
+}
+.ProseMirror [data-resize-handle='left'], .ProseMirror [data-resize-handle='right'] {
+  width: 6px;
+  top: 8px;
+  bottom: 8px;
+}
+.ProseMirror [data-resize-handle='left'] {
+  left: -3px;
+  cursor: ew-resize;
+}
+.ProseMirror [data-resize-handle='right'] {
+  right: -3px;
+  cursor: ew-resize;
+}
+.ProseMirror [data-resize-wrapper] img {
+  margin: 0 !important;
+}
+.ld-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+  cursor: pointer;
+  pointer-events: none;
+}
+.ld-slider-thumb::-webkit-slider-runnable-track {
+  background: transparent;
+}
+.ld-slider-thumb::-moz-range-track {
+  background: transparent;
+}
+.ld-slider-thumb::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background-color: var(--color-lb500);
+  border: 2px solid white;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  transition: transform 150ms ease-out, box-shadow 150ms ease-out;
+  pointer-events: auto;
+}
+.ld-slider-thumb::-webkit-slider-thumb:hover {
+  transform: scale(1.15);
+  box-shadow: 0 2px 8px rgba(104, 145, 248, 0.4);
+}
+.ld-slider-thumb::-webkit-slider-thumb:active {
+  transform: scale(1.25);
+}
+.ld-slider-thumb::-moz-range-thumb {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background-color: var(--color-lb500);
+  border: 2px solid white;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
+  cursor: pointer;
+  pointer-events: auto;
+}
+.ld-slider-thumb:disabled::-webkit-slider-thumb {
+  background-color: var(--color-mono300);
+  cursor: not-allowed;
+}
+.ld-slider-thumb:disabled::-moz-range-thumb {
+  background-color: var(--color-mono300);
+  cursor: not-allowed;
+}
+.ld-slider-thumb-active::-webkit-slider-thumb {
+  pointer-events: auto;
+}
+.ld-slider-thumb-inactive::-webkit-slider-thumb {
+  pointer-events: none;
+}
+.ld-carousel__viewport {
+  overflow: hidden;
+}
+.ld-carousel__viewport > * {
+  height: 100%;
+}
+@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-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-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *, ::before, ::after, ::backdrop {
+      --tw-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-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-duration: initial;
+      --tw-ease: initial;
+    }
+  }
+}