/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-orange-300: oklch(83.7% 0.128 66.29);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-lime-300: oklch(89.7% 0.196 126.665);
    --color-teal-300: oklch(85.5% 0.138 181.071);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-neutral-500: oklch(55.6% 0 0);
    --color-neutral-700: oklch(37.1% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --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);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --leading-relaxed: 1.625;
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --aspect-video: 16 / 9;
    --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-border: var(--border);
  }
}
@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 {
  .\@container\/card-header {
    container-type: inline-size;
    container-name: card-header;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .right-2 {
    right: calc(var(--spacing) * 2);
  }
  .right-6 {
    right: calc(var(--spacing) * 6);
  }
  .bottom-6 {
    bottom: calc(var(--spacing) * 6);
  }
  .z-50 {
    z-index: 50;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .row-span-2 {
    grid-row: span 2 / span 2;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }
  .mx-6 {
    margin-inline: calc(var(--spacing) * 6);
  }
  .my-0\.5 {
    margin-block: calc(var(--spacing) * 0.5);
  }
  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-\[400px\] {
    height: 400px;
  }
  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }
  .h-px {
    height: 1px;
  }
  .max-h-\[--radix-select-content-available-height\] {
    max-height: --radix-select-content-available-height;
  }
  .min-h-\[400px\] {
    min-height: 400px;
  }
  .w-0 {
    width: calc(var(--spacing) * 0);
  }
  .w-1 {
    width: calc(var(--spacing) * 1);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .w-full {
    width: 100%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .origin-\[--radix-select-content-transform-origin\] {
    transform-origin: --radix-select-content-transform-origin;
  }
  .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;
  }
  .auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .justify-self-end {
    justify-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius);
  }
  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }
  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }
  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[--color-border\] {
    border-color: --color-border;
  }
  .border-border\/50 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }
  .border-input {
    border-color: var(--input);
  }
  .bg-\[--color-bg\] {
    background-color: --color-bg;
  }
  .bg-background {
    background-color: var(--background);
  }
  .bg-card {
    background-color: var(--card);
  }
  .bg-destructive {
    background-color: var(--destructive);
  }
  .bg-muted {
    background-color: var(--muted);
  }
  .bg-muted\/30 {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
    }
  }
  .bg-popover {
    background-color: var(--popover);
  }
  .bg-primary {
    background-color: var(--primary);
  }
  .bg-secondary {
    background-color: var(--secondary);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .fill-background {
    fill: var(--background);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .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-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--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));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-card-foreground {
    color: var(--card-foreground);
  }
  .text-destructive {
    color: var(--destructive);
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .text-popover-foreground {
    color: var(--popover-foreground);
  }
  .text-primary {
    color: var(--primary);
  }
  .text-primary-foreground {
    color: var(--primary-foreground);
  }
  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow {
    --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-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-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px 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);
  }
  .ring {
    --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);
  }
  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition-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));
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .paused {
    animation-play-state: paused;
  }
  .running {
    animation-play-state: running;
  }
  .hover\:bg-accent {
    &:hover {
      @media (hover: hover) {
        background-color: var(--accent);
      }
    }
  }
  .hover\:bg-destructive\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--destructive);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-muted\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--muted);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--muted) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-primary\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--primary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
        }
      }
    }
  }
  .hover\:bg-secondary\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--secondary);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
        }
      }
    }
  }
  .hover\:text-accent-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--accent-foreground);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:bg-accent {
    &:focus {
      background-color: var(--accent);
    }
  }
  .focus\:text-accent-foreground {
    &:focus {
      color: var(--accent-foreground);
    }
  }
  .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-ring {
    &:focus {
      --tw-ring-color: var(--ring);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .focus-visible\:ring-1 {
    &:focus-visible {
      --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-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-ring {
    &:focus-visible {
      --tw-ring-color: var(--ring);
    }
  }
  .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;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
    &:has(*[data-slot="card-action"]) {
      grid-template-columns: 1fr auto;
    }
  }
  .data-\[disabled\]\:pointer-events-none {
    &[data-disabled] {
      pointer-events: none;
    }
  }
  .data-\[disabled\]\:opacity-50 {
    &[data-disabled] {
      opacity: 50%;
    }
  }
  .data-\[placeholder\]\:text-muted-foreground {
    &[data-placeholder] {
      color: var(--muted-foreground);
    }
  }
  .data-\[side\=bottom\]\:translate-y-1 {
    &[data-side="bottom"] {
      --tw-translate-y: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=bottom\]\:slide-in-from-top-2 {
    &[data-side="bottom"] {
      --tw-enter-translate-y: -0.5rem;
    }
  }
  .data-\[side\=left\]\:-translate-x-1 {
    &[data-side="left"] {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=left\]\:slide-in-from-right-2 {
    &[data-side="left"] {
      --tw-enter-translate-x: 0.5rem;
    }
  }
  .data-\[side\=right\]\:translate-x-1 {
    &[data-side="right"] {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=right\]\:slide-in-from-left-2 {
    &[data-side="right"] {
      --tw-enter-translate-x: -0.5rem;
    }
  }
  .data-\[side\=top\]\:-translate-y-1 {
    &[data-side="top"] {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .data-\[side\=top\]\:slide-in-from-bottom-2 {
    &[data-side="top"] {
      --tw-enter-translate-y: 0.5rem;
    }
  }
  .data-\[state\=active\]\:bg-background {
    &[data-state="active"] {
      background-color: var(--background);
    }
  }
  .data-\[state\=active\]\:text-foreground {
    &[data-state="active"] {
      color: var(--foreground);
    }
  }
  .data-\[state\=active\]\:shadow {
    &[data-state="active"] {
      --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);
    }
  }
  .data-\[state\=closed\]\:animate-out {
    &[data-state="closed"] {
      animation-name: exit;
      animation-duration: 150ms;
      --tw-exit-opacity: initial;
      --tw-exit-scale: initial;
      --tw-exit-rotate: initial;
      --tw-exit-translate-x: initial;
      --tw-exit-translate-y: initial;
    }
  }
  .data-\[state\=closed\]\:fade-out-0 {
    &[data-state="closed"] {
      --tw-exit-opacity: 0;
    }
  }
  .data-\[state\=closed\]\:zoom-out-95 {
    &[data-state="closed"] {
      --tw-exit-scale: .95;
    }
  }
  .data-\[state\=open\]\:animate-in {
    &[data-state="open"] {
      animation-name: enter;
      animation-duration: 150ms;
      --tw-enter-opacity: initial;
      --tw-enter-scale: initial;
      --tw-enter-rotate: initial;
      --tw-enter-translate-x: initial;
      --tw-enter-translate-y: initial;
    }
  }
  .data-\[state\=open\]\:fade-in-0 {
    &[data-state="open"] {
      --tw-enter-opacity: 0;
    }
  }
  .data-\[state\=open\]\:zoom-in-95 {
    &[data-state="open"] {
      --tw-enter-scale: .95;
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground {
    & .recharts-cartesian-axis-tick text {
      fill: var(--muted-foreground);
    }
  }
  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 {
    & .recharts-cartesian-grid line[stroke='#ccc'] {
      stroke: var(--border);
      @supports (color: color-mix(in lab, red, red)) {
        stroke: color-mix(in oklab, var(--border) 50%, transparent);
      }
    }
  }
  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border {
    & .recharts-curve.recharts-tooltip-cursor {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-dot[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-layer\]\:outline-none {
    & .recharts-layer {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-polar-grid [stroke='#ccc'] {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted {
    & .recharts-radial-bar-background-sector {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted {
    & .recharts-rectangle.recharts-tooltip-cursor {
      fill: var(--muted);
    }
  }
  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border {
    & .recharts-reference-line [stroke='#ccc'] {
      stroke: var(--border);
    }
  }
  .\[\&_\.recharts-sector\]\:outline-none {
    & .recharts-sector {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent {
    & .recharts-sector[stroke='#fff'] {
      stroke: transparent;
    }
  }
  .\[\&_\.recharts-surface\]\:outline-none {
    & .recharts-surface {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\.border-b\]\:pb-6 {
    &:is(.border-b) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .\[\.border-t\]\:pt-6 {
    &:is(.border-t) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .\[\&\>span\]\:line-clamp-1 {
    &>span {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
    }
  }
  .\[\&\>svg\]\:h-2\.5 {
    &>svg {
      height: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:h-3 {
    &>svg {
      height: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:w-2\.5 {
    &>svg {
      width: calc(var(--spacing) * 2.5);
    }
  }
  .\[\&\>svg\]\:w-3 {
    &>svg {
      width: calc(var(--spacing) * 3);
    }
  }
  .\[\&\>svg\]\:text-muted-foreground {
    &>svg {
      color: var(--muted-foreground);
    }
  }
}
.ProseMirror {
  figure[data-type="imageBlock"] {
    margin: calc(var(--spacing) * 0);
    img {
      display: block;
      width: 100%;
      border-radius: 0.25rem;
    }
  }
  figure[data-type="blockquoteFigure"] {
    border: 1px solid rgba(201, 201, 204, 0.48);
    margin-block: calc(var(--spacing) * 7);
    border-radius: var(--radius);
    background-color: var(--color-neutral-500);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-black);
    opacity: 5%;
  }
  & > blockquote, [data-type="blockquoteFigure"] {
    blockquote {
      margin: calc(var(--spacing) * 0);
      & > * {
        &:first-child {
          margin-top: calc(var(--spacing) * 0);
        }
        &:last-child {
          margin-bottom: calc(var(--spacing) * 0);
        }
      }
    }
  }
  [data-type="columns"] {
    margin-top: calc(var(--spacing) * 14);
    margin-bottom: calc(var(--spacing) * 12);
    display: grid;
    gap: calc(var(--spacing) * 4);
    &.layout-sidebar-left {
      grid-template-columns: 40fr 60fr;
    }
    &.layout-sidebar-right {
      grid-template-columns: 60fr 40fr;
    }
    &.layout-two-column {
      grid-template-columns: 1fr 1fr;
    }
  }
  [data-type="column"] {
    overflow: auto;
  }
}
.ProseMirror {
  code {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(250, 239, 240, 0.78);
    color: #b44437;
    padding: 3px 4px;
    border-radius: 5px;
    margin: 0 1px;
    font-family: inherit;
    font-size: 0.86em;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  code.inline-code {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur:  ;
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: rgba(250, 239, 240, 0.78);
    color: #b44437;
    padding: 3px 4px;
    border-radius: 5px;
    margin: 0 1px;
    font-family: inherit;
    font-size: 0.86em;
    font-weight: 500;
    letter-spacing: 0.3px;
  }
  pre {
    margin-block: calc(var(--spacing) * 12);
    border-radius: 0.25rem;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-black);
    background-color: var(--color-neutral-700);
    padding: calc(var(--spacing) * 4);
    color: var(--color-gray-800);
    caret-color: var(--color-white);
    min-height: 200px;
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
    line-height: 1.6em;
    font-size: 12px;
    background: #c9c9c91f;
    border: 1px solid #f1f1f4;
    box-shadow: none;
    white-space: pre;
    word-wrap: normal;
    overflow-x: auto;
    resize: vertical;
    border-radius: 12px;
    padding: 10px 12px;
    *::selection {
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
    code {
      background-color: inherit;
      padding: calc(var(--spacing) * 0);
      color: inherit;
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    .hljs-comment, .hljs-quote {
      color: var(--color-neutral-400);
    }
    .hljs-variable, .hljs-template-variable, .hljs-attribute, .hljs-tag, .hljs-name, .hljs-regexp, .hljs-link, .hljs-name, .hljs-selector-id, .hljs-selector-class {
      color: var(--color-red-300);
    }
    .hljs-number, .hljs-meta, .hljs-built_in, .hljs-builtin-name, .hljs-literal, .hljs-type, .hljs-params {
      color: var(--color-orange-300);
    }
    .hljs-string, .hljs-symbol, .hljs-bullet {
      color: var(--color-lime-300);
    }
    .hljs-title, .hljs-section {
      color: var(--color-yellow-300);
    }
    .hljs-keyword, .hljs-selector-tag {
      color: var(--color-teal-300);
    }
    .hljs-emphasis {
      font-style: italic;
    }
    .hljs-strong {
      font-weight: 700;
    }
  }
}
@layer theme, base, components, utilities;
@layer theme;
@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;
.ProseMirror {
  ol {
    list-style-type: decimal;
  }
  ul {
    list-style-type: disc;
  }
  ul, ol {
    margin-block: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 0);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
    ul, ol, li {
      margin-block: calc(var(--spacing) * 1);
    }
    p {
      margin-top: calc(var(--spacing) * 0);
      margin-bottom: calc(var(--spacing) * 1);
    }
  }
  & > ul, & > ol {
    margin-block: calc(var(--spacing) * 8);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  ul[data-type="taskList"] {
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
    p {
      margin: calc(var(--spacing) * 0);
    }
    li {
      display: flex;
      > label {
        margin-top: calc(var(--spacing) * 1);
        margin-right: calc(var(--spacing) * 2);
        flex: auto;
        flex-shrink: 0;
        flex-grow: 0;
        -webkit-user-select: none;
        user-select: none;
      }
      > div {
        flex: auto;
      }
      &[data-checked="true"] {
        text-decoration-line: line-through;
      }
    }
  }
}
.ProseMirror {
  .tableWrapper {
    margin-block: calc(var(--spacing) * 12);
  }
  table {
    margin-block: calc(var(--spacing) * 12);
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    border-radius: 0.25rem;
    border-color: color-mix(in srgb, #000 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
    td, th {
      position: relative;
      min-width: 100px;
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: color-mix(in srgb, #000 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
      }
      padding: calc(var(--spacing) * 2);
      text-align: left;
      vertical-align: top;
      &:first-of-type:not(a) {
        margin-top: calc(var(--spacing) * 0);
      }
      p {
        margin: calc(var(--spacing) * 0);
        & + p {
          margin-top: calc(var(--spacing) * 3);
        }
      }
    }
    th {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    .column-resize-handle {
      pointer-events: none;
      position: absolute;
      top: calc(var(--spacing) * 0);
      right: calc(var(--spacing) * -1);
      bottom: calc(2px * -1);
      display: flex;
      width: calc(var(--spacing) * 2);
      &::before {
        margin-left: calc(var(--spacing) * 2);
        height: 100%;
        width: 1px;
        background-color: color-mix(in srgb, #000 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
        }
        content: "";
      }
    }
    .selectedCell {
      --tw-border-style: double;
      border-style: double;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    .grip-column, .grip-row {
      position: absolute;
      z-index: 10;
      display: flex;
      cursor: pointer;
      align-items: center;
      justify-content: center;
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    .grip-column {
      top: calc(var(--spacing) * -3);
      left: calc(var(--spacing) * 0);
      margin-left: calc(1px * -1);
      height: calc(var(--spacing) * 3);
      width: calc(100% + 1px);
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      &:hover, &.selected {
        &::before {
          content: "";
          width: calc(var(--spacing) * 2.5);
        }
      }
      &:hover {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
        &::before {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 2px;
          --tw-border-style: dotted;
          border-style: dotted;
          border-color: color-mix(in srgb, #000 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
          }
        }
      }
      &.first {
        border-top-left-radius: calc(var(--radius) - 4px);
        border-color: transparent;
      }
      &.last {
        border-top-right-radius: calc(var(--radius) - 4px);
      }
      &.selected {
        border-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
        background-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
        --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);
        &::before {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 2px;
          --tw-border-style: dotted;
          border-style: dotted;
        }
      }
    }
    .grip-row {
      top: calc(var(--spacing) * 0);
      left: calc(var(--spacing) * -3);
      margin-top: calc(1px * -1);
      height: calc(100% + 1px);
      width: calc(var(--spacing) * 3);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      &:hover, &.selected {
        &::before {
          height: calc(var(--spacing) * 2.5);
          content: "";
        }
      }
      &:hover {
        background-color: color-mix(in srgb, #000 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
        }
        &::before {
          border-left-style: var(--tw-border-style);
          border-left-width: 2px;
          --tw-border-style: dotted;
          border-style: dotted;
          border-color: color-mix(in srgb, #000 60%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            border-color: color-mix(in oklab, var(--color-black) 60%, transparent);
          }
        }
      }
      &.first {
        border-top-left-radius: calc(var(--radius) - 4px);
        border-color: transparent;
      }
      &.last {
        border-bottom-left-radius: calc(var(--radius) - 4px);
      }
      &.selected {
        border-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
        background-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
        --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);
        &::before {
          border-left-style: var(--tw-border-style);
          border-left-width: 2px;
          --tw-border-style: dotted;
          border-style: dotted;
        }
      }
    }
  }
}
.ProseMirror {
  p {
    margin-block: calc(var(--spacing) * 1);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-gray-900);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  & > p {
    margin-block: calc(var(--spacing) * 2);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  h1 {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  h2 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  h3 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  h4 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  h5 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  h6 {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  h1, h2, h3, h4, h5, h6 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-gray-900);
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
  h1, h2, h3 {
    margin-top: calc(var(--spacing) * 4);
  }
  h4, h5, h6 {
    margin-top: calc(var(--spacing) * 3);
  }
  a.link {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    color: var(--color-blue-500);
  }
  mark {
    border-radius: calc(var(--radius) - 4px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 1);
    color: inherit;
    background: rgba(245, 235, 111, 0.29);
  }
  & img {
    height: auto;
    width: 100%;
    max-width: 100%;
  }
  [data-type="horizontalRule"] {
    margin-block: calc(var(--spacing) * 8);
    cursor: pointer;
    padding-block: calc(var(--spacing) * 4);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 100ms;
    transition-duration: 100ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    animation-duration: 100ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    &.ProseMirror-selectednode {
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
      hr {
        border-top-color: color-mix(in srgb, #000 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-top-color: color-mix(in oklab, var(--color-black) 30%, transparent);
        }
      }
    }
    &:hover:not(&.ProseMirror-selectednode) {
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
    hr {
      border-style: var(--tw-border-style);
      border-width: 0px;
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-color: color-mix(in srgb, #000 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-black) 20%, transparent);
      }
      background-color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
  }
}
.collapsible-toggle {
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--radius) - 2px);
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1.5);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  color: var(--color-gray-500);
  background-color: transparent;
  transition: color 0.2s;
  cursor: pointer;
  &:hover {
    background-color: var(--color-gray-50);
    color: var(--color-gray-600);
    transition: color 0.2s;
  }
  &.active {
    color: var(--color-gray-900);
  }
}
.collapsible-wrapper.closed {
  div > div > *:not(:first-child) {
    display: none;
  }
}
.drag-handle {
  position: fixed;
  opacity: 1;
  transition: opacity ease-in 0.2s;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem);
  background-repeat: no-repeat;
  background-position: center;
  width: 1.2rem;
  height: 1.5rem;
  z-index: 50;
  cursor: grab;
  &:hover {
    background-color: var(--color-gray-50);
    transition: background-color 0.2s;
  }
  &:active {
    background-color: var(--color-gray-100);
    transition: background-color 0.2s;
    cursor: grabbing;
  }
  &.hide {
    opacity: 0;
    pointer-events: none;
  }
  @media screen and (max-width: 600px) {
    display: none;
    pointer-events: none;
  }
}
.ProseMirror {
  caret-color: black;
  outline: 0;
  padding: 0;
}
.ProseMirror p {
  margin: 1rem 0;
  min-height: 1.5rem;
}
.ProseMirror p:first-child {
  margin-top: 0;
}
.ProseMirror p:last-child {
  margin-bottom: 0;
}
.ProseMirror p:empty::before {
  content: "";
  display: inline-block;
  height: 1.5rem;
}
.ProseMirror > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 56rem;
}
.ProseMirror .selection {
  display: inline;
}
.ProseMirror .selection, .ProseMirror *::selection {
  background-color: rgba(0, 0, 0, 0.1);
}
.ProseMirror > .react-renderer {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ProseMirror > .react-renderer:first-child {
  margin-top: 0;
}
.ProseMirror > .react-renderer:last-child {
  margin-bottom: 0;
}
.ProseMirror.resize-cursor {
  cursor: col-resize;
}
.ProseMirror .ProseMirror-gapcursor {
  position: relative;
  width: 100%;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
}
.ProseMirror .ProseMirror-gapcursor:after {
  border-top-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  top: -1.5em;
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
[data-theme="slash-command"] {
  width: 1000vw;
}
@font-face {
  font-family: "Pretendard";
  src: url("/static/fonts/PretendardGOVVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
h1 {
  font-family: "Pretendard", Arial, Helvetica, sans-serif;
}
#root {
  white-space: pre-line;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
  height: -webkit-fill-available;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --walla-font-size-30: 30px;
  --walla-line-height-30: 1.333;
  --walla-font-size-29: 29px;
  --walla-line-height-29: 1.31;
  --walla-font-size-28: 28px;
  --walla-line-height-28: 1.321;
  --walla-font-size-27: 27px;
  --walla-line-height-27: 1.333;
  --walla-font-size-26: 26px;
  --walla-line-height-26: 1.346;
  --walla-font-size-25: 25px;
  --walla-line-height-25: 1.36;
  --walla-font-size-24: 24px;
  --walla-line-height-24: 1.375;
  --walla-font-size-23: 23px;
  --walla-line-height-23: 1.391;
  --walla-font-size-22: 22px;
  --walla-line-height-22: 1.409;
  --walla-font-size-21: 21px;
  --walla-line-height-21: 1.429;
  --walla-font-size-20: 20px;
  --walla-line-height-20: 1.45;
  --walla-font-size-19: 19px;
  --walla-line-height-19: 1.474;
  --walla-font-size-18: 18px;
  --walla-line-height-18: 1.5;
  --walla-font-size-17: 17px;
  --walla-line-height-17: 1.5;
  --walla-font-size-16: 16px;
  --walla-line-height-16: 1.5;
  --walla-font-size-15: 15px;
  --walla-line-height-15: 1.5;
  --walla-font-size-14: 14px;
  --walla-line-height-14: 1.5;
  --walla-font-size-13: 13px;
  --walla-line-height-13: 1.5;
  --walla-font-size-12: 12px;
  --walla-line-height-12: 1.5;
  --walla-font-size-11: 11px;
  --walla-line-height-11: 1.5;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  overflow-x: hidden;
  position: relative;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: hsla(0, 0%, 0%, 0.8);
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-kerning: normal;
  -moz-font-feature-settings: "kern", "liga", "clig", "calt";
  -ms-font-feature-settings: "kern", "liga", "clig", "calt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt";
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
input, select, textarea, button {
  font-family: inherit;
}
.grey50 {
  background-color: #f9fafb;
}
.grey50-text {
  color: #f9fafb;
}
.grey100 {
  background-color: #f2f4f6;
}
.grey100-text {
  color: #f2f4f6;
}
.grey200 {
  background-color: #e5e8eb;
}
.grey200-text {
  color: #e5e8eb;
}
.grey300 {
  background-color: #d1d6db;
}
.grey300-text {
  color: #d1d6db;
}
.grey400 {
  background-color: #b0b8c1;
}
.grey400-text {
  color: #b0b8c1;
}
.grey500 {
  background-color: #8b95a1;
}
.grey500-text {
  color: #8b95a1;
}
.grey600 {
  background-color: #6b7684;
}
.grey600-text {
  color: #6b7684;
}
.grey700 {
  background-color: #4e5968;
}
.grey700-text {
  color: #4e5968;
}
.grey800 {
  background-color: #333d4b;
}
.grey800-text {
  color: #333d4b;
}
.grey900 {
  background-color: #191f28;
}
.grey900-text {
  color: #191f28;
}
.greyOpacity50 {
  background-color: rgba(0, 23, 51, 0.02);
}
.greyOpacity50-text {
  color: rgba(0, 23, 51, 0.02);
}
.greyOpacity100 {
  background-color: rgba(2, 32, 71, 0.05);
}
.greyOpacity100-text {
  color: rgba(2, 32, 71, 0.05);
}
.greyOpacity200 {
  background-color: rgba(0, 27, 55, 0.1);
}
.greyOpacity200-text {
  color: rgba(0, 27, 55, 0.1);
}
.greyOpacity300 {
  background-color: rgba(0, 29, 58, 0.18);
}
.greyOpacity300-text {
  color: rgba(0, 29, 58, 0.18);
}
.greyOpacity400 {
  background-color: rgba(0, 29, 54, 0.31);
}
.greyOpacity400-text {
  color: rgba(0, 29, 54, 0.31);
}
.greyOpacity500 {
  background-color: rgba(3, 24, 50, 0.46);
}
.greyOpacity500-text {
  color: rgba(3, 24, 50, 0.46);
}
.greyOpacity600 {
  background-color: rgba(0, 19, 43, 0.58);
}
.greyOpacity600-text {
  color: rgba(0, 19, 43, 0.58);
}
.greyOpacity700 {
  background-color: rgba(3, 18, 40, 0.7);
}
.greyOpacity700-text {
  color: rgba(3, 18, 40, 0.7);
}
.greyOpacity800 {
  background-color: rgba(0, 12, 30, 0.8);
}
.greyOpacity800-text {
  color: rgba(0, 12, 30, 0.8);
}
.greyOpacity900 {
  background-color: rgba(2, 9, 19, 0.91);
}
.greyOpacity900-text {
  color: rgba(2, 9, 19, 0.91);
}
.white {
  background-color: #ffffff;
}
.white-text {
  color: #ffffff;
}
.black {
  background-color: #000000;
}
.black-text {
  color: #000000;
}
.blue50 {
  background-color: #e8f3ff;
}
.blue50-text {
  color: #e8f3ff;
}
.blue200 {
  background-color: #90c2ff;
}
.blue200-text {
  color: #90c2ff;
}
.blue100 {
  background-color: #c9e2ff;
}
.blue100-text {
  color: #c9e2ff;
}
.blue300 {
  background-color: #64a8ff;
}
.blue300-text {
  color: #64a8ff;
}
.blue400 {
  background-color: #4593fc;
}
.blue400-text {
  color: #4593fc;
}
.blue500 {
  background-color: #3182f6;
}
.blue500-text {
  color: #3182f6;
}
.blue600 {
  background-color: #2272eb;
}
.blue600-text {
  color: #2272eb;
}
.blue700 {
  background-color: #1b64da;
}
.blue700-text {
  color: #1b64da;
}
.blue800 {
  background-color: #1957c2;
}
.blue800-text {
  color: #1957c2;
}
.blue900 {
  background-color: #194aa6;
}
.blue900-text {
  color: #194aa6;
}
.red50 {
  background-color: #ffeeee;
}
.red50-text {
  color: #ffeeee;
}
.red100 {
  background-color: #ffd4d6;
}
.red100-text {
  color: #ffd4d6;
}
.red200 {
  background-color: #feafb4;
}
.red200-text {
  color: #feafb4;
}
.red300 {
  background-color: #fb8890;
}
.red300-text {
  color: #fb8890;
}
.red400 {
  background-color: #f66570;
}
.red400-text {
  color: #f66570;
}
.red500 {
  background-color: #f04452;
}
.red500-text {
  color: #f04452;
}
.red600 {
  background-color: #e42939;
}
.red600-text {
  color: #e42939;
}
.red700 {
  background-color: #d22030;
}
.red700-text {
  color: #d22030;
}
.red800 {
  background-color: #bc1b2a;
}
.red800-text {
  color: #bc1b2a;
}
.red900 {
  background-color: #a51926;
}
.red900-text {
  color: #a51926;
}
.orange50 {
  background-color: #fff3e0;
}
.orange50-text {
  color: #fff3e0;
}
.orange100 {
  background-color: #ffe0b2;
}
.orange100-text {
  color: #ffe0b2;
}
.orange200 {
  background-color: #ffcc80;
}
.orange200-text {
  color: #ffcc80;
}
.orange300 {
  background-color: #ffbd51;
}
.orange300-text {
  color: #ffbd51;
}
.orange400 {
  background-color: #ffa927;
}
.orange400-text {
  color: #ffa927;
}
.orange500 {
  background-color: #fe9800;
}
.orange500-text {
  color: #fe9800;
}
.orange600 {
  background-color: #fb8800;
}
.orange600-text {
  color: #fb8800;
}
.orange700 {
  background-color: #f57800;
}
.orange700-text {
  color: #f57800;
}
.orange800 {
  background-color: #ed6700;
}
.orange800-text {
  color: #ed6700;
}
.orange900 {
  background-color: #e45600;
}
.orange900-text {
  color: #e45600;
}
.yellow50 {
  background-color: #fff9e7;
}
.yellow50-text {
  color: #fff9e7;
}
.yellow100 {
  background-color: #ffefbf;
}
.yellow100-text {
  color: #ffefbf;
}
.yellow200 {
  background-color: #ffe69b;
}
.yellow200-text {
  color: #ffe69b;
}
.yellow300 {
  background-color: #ffdd78;
}
.yellow300-text {
  color: #ffdd78;
}
.yellow400 {
  background-color: #ffd158;
}
.yellow400-text {
  color: #ffd158;
}
.yellow500 {
  background-color: #ffc342;
}
.yellow500-text {
  color: #ffc342;
}
.yellow600 {
  background-color: #ffb331;
}
.yellow600-text {
  color: #ffb331;
}
.yellow700 {
  background-color: #faa131;
}
.yellow700-text {
  color: #faa131;
}
.yellow800 {
  background-color: #ee8f11;
}
.yellow800-text {
  color: #ee8f11;
}
.yellow900 {
  background-color: #dd7d02;
}
.yellow900-text {
  color: #dd7d02;
}
.purple50 {
  background-color: #f9f0fc;
}
.purple50-text {
  color: #f9f0fc;
}
.purple100 {
  background-color: #edccf8;
}
.purple100-text {
  color: #edccf8;
}
.purple200 {
  background-color: #da9bef;
}
.purple200-text {
  color: #da9bef;
}
.purple300 {
  background-color: #c770e4;
}
.purple300-text {
  color: #c770e4;
}
.purple400 {
  background-color: #b44bd7;
}
.purple400-text {
  color: #b44bd7;
}
.purple500 {
  background-color: #a234c7;
}
.purple500-text {
  color: #a234c7;
}
.purple600 {
  background-color: #9128b4;
}
.purple600-text {
  color: #9128b4;
}
.purple700 {
  background-color: #8222a2;
}
.purple700-text {
  color: #8222a2;
}
.purple800 {
  background-color: #73228e;
}
.purple800-text {
  color: #73228e;
}
.purple900 {
  background-color: #65237b;
}
.purple900-text {
  color: #65237b;
}
.teal50 {
  background-color: #edf8f8;
}
.teal50-text {
  color: #edf8f8;
}
.teal100 {
  background-color: #bce9e9;
}
.teal100-text {
  color: #bce9e9;
}
.teal200 {
  background-color: #89d8d8;
}
.teal200-text {
  color: #89d8d8;
}
.teal300 {
  background-color: #58c7c7;
}
.teal300-text {
  color: #58c7c7;
}
.teal400 {
  background-color: #30b6b6;
}
.teal400-text {
  color: #30b6b6;
}
.teal500 {
  background-color: #18a5a5;
}
.teal500-text {
  color: #18a5a5;
}
.teal600 {
  background-color: #109595;
}
.teal600-text {
  color: #109595;
}
.teal700 {
  background-color: #0c8585;
}
.teal700-text {
  color: #0c8585;
}
.teal800 {
  background-color: #097575;
}
.teal800-text {
  color: #097575;
}
.teal900 {
  background-color: #076565;
}
.teal900-text {
  color: #076565;
}
.green50 {
  background-color: #f0faf6;
}
.green50-text {
  color: #f0faf6;
}
.green100 {
  background-color: #aeefd5;
}
.green100-text {
  color: #aeefd5;
}
.green200 {
  background-color: #76e4b8;
}
.green200-text {
  color: #76e4b8;
}
.green300 {
  background-color: #3fd599;
}
.green300-text {
  color: #3fd599;
}
.green400 {
  background-color: #15c47e;
}
.green400-text {
  color: #15c47e;
}
.green500 {
  background-color: #03b26c;
}
.green500-text {
  color: #03b26c;
}
.green600 {
  background-color: #02a262;
}
.green600-text {
  color: #02a262;
}
.green700 {
  background-color: #029359;
}
.green700-text {
  color: #029359;
}
.green800 {
  background-color: #028450;
}
.green800-text {
  color: #028450;
}
.green900 {
  background-color: #027648;
}
.green900-text {
  color: #027648;
}
.whiteOpacity50 {
  background-color: rgba(209, 209, 253, 0.05);
}
.whiteOpacity50-text {
  color: rgba(209, 209, 253, 0.05);
}
.whiteOpacity100 {
  background-color: rgba(217, 217, 255, 0.11);
}
.whiteOpacity100-text {
  color: rgba(217, 217, 255, 0.11);
}
.whiteOpacity200 {
  background-color: rgba(222, 222, 255, 0.19);
}
.whiteOpacity200-text {
  color: rgba(222, 222, 255, 0.19);
}
.whiteOpacity300 {
  background-color: rgba(224, 224, 255, 0.27);
}
.whiteOpacity300-text {
  color: rgba(224, 224, 255, 0.27);
}
.whiteOpacity400 {
  background-color: rgba(232, 232, 253, 0.36);
}
.whiteOpacity400-text {
  color: rgba(232, 232, 253, 0.36);
}
.whiteOpacity500 {
  background-color: rgba(242, 242, 255, 0.47);
}
.whiteOpacity500-text {
  color: rgba(242, 242, 255, 0.47);
}
.whiteOpacity600 {
  background-color: rgba(248, 248, 255, 0.6);
}
.whiteOpacity600-text {
  color: rgba(248, 248, 255, 0.6);
}
.whiteOpacity700 {
  background-color: rgba(253, 253, 255, 0.75);
}
.whiteOpacity700-text {
  color: rgba(253, 253, 255, 0.75);
}
.whiteOpacity800 {
  background-color: rgba(253, 253, 254, 0.89);
}
.whiteOpacity800-text {
  color: rgba(253, 253, 254, 0.89);
}
.whiteOpacity900 {
  background-color: white;
}
.whiteOpacity900-text {
  color: white;
}
.inverseGrey50 {
  background-color: #202027;
}
.inverseGrey50-text {
  color: #202027;
}
.inverseGrey100 {
  background-color: #2c2c35;
}
.inverseGrey100-text {
  color: #2c2c35;
}
.inverseGrey200 {
  background-color: #3c3c47;
}
.inverseGrey200-text {
  color: #3c3c47;
}
.inverseGrey300 {
  background-color: #4d4d59;
}
.inverseGrey300-text {
  color: #4d4d59;
}
.inverseGrey400 {
  background-color: #62626d;
}
.inverseGrey400-text {
  color: #62626d;
}
.inverseGrey500 {
  background-color: #7e7e87;
}
.inverseGrey500-text {
  color: #7e7e87;
}
.inverseGrey600 {
  background-color: #9e9ea4;
}
.inverseGrey600-text {
  color: #9e9ea4;
}
.inverseGrey700 {
  background-color: #c3c3c6;
}
.inverseGrey700-text {
  color: #c3c3c6;
}
.inverseGrey800 {
  background-color: #e4e4e5;
}
.inverseGrey800-text {
  color: #e4e4e5;
}
.inverseGrey900 {
  background-color: white;
}
.inverseGrey900-text {
  color: white;
}
.background {
  background-color: #ffffff;
}
.background-text {
  color: #ffffff;
}
.darkBackground {
  background-color: #17171c;
}
.darkBackground-text {
  color: #17171c;
}
.greyBackground {
  background-color: #f2f4f6;
}
.greyBackground-text {
  color: #f2f4f6;
}
.darkGreyBackground {
  background-color: #101013;
}
.darkGreyBackground-text {
  color: #101013;
}
.layeredBackground {
  background-color: #ffffff;
}
.layeredBackground-text {
  color: #ffffff;
}
.darkLayeredBackground {
  background-color: #202027;
}
.darkLayeredBackground-text {
  color: #202027;
}
.floatBackground {
  background-color: #ffffff;
}
.floatBackground-text {
  color: #ffffff;
}
.darkFloatBackground {
  background-color: #2c2c35;
}
.darkFloatBackground-text {
  color: #2c2c35;
}
.grey50 {
  background-color: #f9fafb;
}
.grey50-text {
  color: #f9fafb;
}
.grey100 {
  background-color: #f2f4f6;
}
.grey100-text {
  color: #f2f4f6;
}
.grey200 {
  background-color: #e5e8eb;
}
.grey200-text {
  color: #e5e8eb;
}
.grey300 {
  background-color: #d1d6db;
}
.grey300-text {
  color: #d1d6db;
}
.grey400 {
  background-color: #b0b8c1;
}
.grey400-text {
  color: #b0b8c1;
}
.grey500 {
  background-color: #8b95a1;
}
.grey500-text {
  color: #8b95a1;
}
.grey600 {
  background-color: #6b7684;
}
.grey600-text {
  color: #6b7684;
}
.grey700 {
  background-color: #4e5968;
}
.grey700-text {
  color: #4e5968;
}
.grey800 {
  background-color: #333d4b;
}
.grey800-text {
  color: #333d4b;
}
.grey900 {
  background-color: #191f28;
}
.grey900-text {
  color: #191f28;
}
.greyOpacity50 {
  background-color: rgba(0, 23, 51, 0.02);
}
.greyOpacity50-text {
  color: rgba(0, 23, 51, 0.02);
}
.greyOpacity100 {
  background-color: rgba(2, 32, 71, 0.05);
}
.greyOpacity100-text {
  color: rgba(2, 32, 71, 0.05);
}
.greyOpacity200 {
  background-color: rgba(0, 27, 55, 0.1);
}
.greyOpacity200-text {
  color: rgba(0, 27, 55, 0.1);
}
.greyOpacity300 {
  background-color: rgba(0, 29, 58, 0.18);
}
.greyOpacity300-text {
  color: rgba(0, 29, 58, 0.18);
}
.greyOpacity400 {
  background-color: rgba(0, 29, 54, 0.31);
}
.greyOpacity400-text {
  color: rgba(0, 29, 54, 0.31);
}
.greyOpacity500 {
  background-color: rgba(3, 24, 50, 0.46);
}
.greyOpacity500-text {
  color: rgba(3, 24, 50, 0.46);
}
.greyOpacity600 {
  background-color: rgba(0, 19, 43, 0.58);
}
.greyOpacity600-text {
  color: rgba(0, 19, 43, 0.58);
}
.greyOpacity700 {
  background-color: rgba(3, 18, 40, 0.7);
}
.greyOpacity700-text {
  color: rgba(3, 18, 40, 0.7);
}
.greyOpacity800 {
  background-color: rgba(0, 12, 30, 0.8);
}
.greyOpacity800-text {
  color: rgba(0, 12, 30, 0.8);
}
.greyOpacity900 {
  background-color: rgba(2, 9, 19, 0.91);
}
.greyOpacity900-text {
  color: rgba(2, 9, 19, 0.91);
}
.white {
  background-color: #ffffff;
}
.white-text {
  color: #ffffff;
}
.black {
  background-color: #000000;
}
.black-text {
  color: #000000;
}
.blue50 {
  background-color: #e8f3ff;
}
.blue50-text {
  color: #e8f3ff;
}
.blue200 {
  background-color: #90c2ff;
}
.blue200-text {
  color: #90c2ff;
}
.blue100 {
  background-color: #c9e2ff;
}
.blue100-text {
  color: #c9e2ff;
}
.blue300 {
  background-color: #64a8ff;
}
.blue300-text {
  color: #64a8ff;
}
.blue400 {
  background-color: #4593fc;
}
.blue400-text {
  color: #4593fc;
}
.blue500 {
  background-color: #3182f6;
}
.blue500-text {
  color: #3182f6;
}
.blue600 {
  background-color: #2272eb;
}
.blue600-text {
  color: #2272eb;
}
.blue700 {
  background-color: #1b64da;
}
.blue700-text {
  color: #1b64da;
}
.blue800 {
  background-color: #1957c2;
}
.blue800-text {
  color: #1957c2;
}
.blue900 {
  background-color: #194aa6;
}
.blue900-text {
  color: #194aa6;
}
.red50 {
  background-color: #ffeeee;
}
.red50-text {
  color: #ffeeee;
}
.red100 {
  background-color: #ffd4d6;
}
.red100-text {
  color: #ffd4d6;
}
.red200 {
  background-color: #feafb4;
}
.red200-text {
  color: #feafb4;
}
.red300 {
  background-color: #fb8890;
}
.red300-text {
  color: #fb8890;
}
.red400 {
  background-color: #f66570;
}
.red400-text {
  color: #f66570;
}
.red500 {
  background-color: #f04452;
}
.red500-text {
  color: #f04452;
}
.red600 {
  background-color: #e42939;
}
.red600-text {
  color: #e42939;
}
.red700 {
  background-color: #d22030;
}
.red700-text {
  color: #d22030;
}
.red800 {
  background-color: #bc1b2a;
}
.red800-text {
  color: #bc1b2a;
}
.red900 {
  background-color: #a51926;
}
.red900-text {
  color: #a51926;
}
.orange50 {
  background-color: #fff3e0;
}
.orange50-text {
  color: #fff3e0;
}
.orange100 {
  background-color: #ffe0b2;
}
.orange100-text {
  color: #ffe0b2;
}
.orange200 {
  background-color: #ffcc80;
}
.orange200-text {
  color: #ffcc80;
}
.orange300 {
  background-color: #ffbd51;
}
.orange300-text {
  color: #ffbd51;
}
.orange400 {
  background-color: #ffa927;
}
.orange400-text {
  color: #ffa927;
}
.orange500 {
  background-color: #fe9800;
}
.orange500-text {
  color: #fe9800;
}
.orange600 {
  background-color: #fb8800;
}
.orange600-text {
  color: #fb8800;
}
.orange700 {
  background-color: #f57800;
}
.orange700-text {
  color: #f57800;
}
.orange800 {
  background-color: #ed6700;
}
.orange800-text {
  color: #ed6700;
}
.orange900 {
  background-color: #e45600;
}
.orange900-text {
  color: #e45600;
}
.yellow50 {
  background-color: #fff9e7;
}
.yellow50-text {
  color: #fff9e7;
}
.yellow100 {
  background-color: #ffefbf;
}
.yellow100-text {
  color: #ffefbf;
}
.yellow200 {
  background-color: #ffe69b;
}
.yellow200-text {
  color: #ffe69b;
}
.yellow300 {
  background-color: #ffdd78;
}
.yellow300-text {
  color: #ffdd78;
}
.yellow400 {
  background-color: #ffd158;
}
.yellow400-text {
  color: #ffd158;
}
.yellow500 {
  background-color: #ffc342;
}
.yellow500-text {
  color: #ffc342;
}
.yellow600 {
  background-color: #ffb331;
}
.yellow600-text {
  color: #ffb331;
}
.yellow700 {
  background-color: #faa131;
}
.yellow700-text {
  color: #faa131;
}
.yellow800 {
  background-color: #ee8f11;
}
.yellow800-text {
  color: #ee8f11;
}
.yellow900 {
  background-color: #dd7d02;
}
.yellow900-text {
  color: #dd7d02;
}
.purple50 {
  background-color: #f9f0fc;
}
.purple50-text {
  color: #f9f0fc;
}
.purple100 {
  background-color: #edccf8;
}
.purple100-text {
  color: #edccf8;
}
.purple200 {
  background-color: #da9bef;
}
.purple200-text {
  color: #da9bef;
}
.purple300 {
  background-color: #c770e4;
}
.purple300-text {
  color: #c770e4;
}
.purple400 {
  background-color: #b44bd7;
}
.purple400-text {
  color: #b44bd7;
}
.purple500 {
  background-color: #a234c7;
}
.purple500-text {
  color: #a234c7;
}
.purple600 {
  background-color: #9128b4;
}
.purple600-text {
  color: #9128b4;
}
.purple700 {
  background-color: #8222a2;
}
.purple700-text {
  color: #8222a2;
}
.purple800 {
  background-color: #73228e;
}
.purple800-text {
  color: #73228e;
}
.purple900 {
  background-color: #65237b;
}
.purple900-text {
  color: #65237b;
}
.teal50 {
  background-color: #edf8f8;
}
.teal50-text {
  color: #edf8f8;
}
.teal100 {
  background-color: #bce9e9;
}
.teal100-text {
  color: #bce9e9;
}
.teal200 {
  background-color: #89d8d8;
}
.teal200-text {
  color: #89d8d8;
}
.teal300 {
  background-color: #58c7c7;
}
.teal300-text {
  color: #58c7c7;
}
.teal400 {
  background-color: #30b6b6;
}
.teal400-text {
  color: #30b6b6;
}
.teal500 {
  background-color: #18a5a5;
}
.teal500-text {
  color: #18a5a5;
}
.teal600 {
  background-color: #109595;
}
.teal600-text {
  color: #109595;
}
.teal700 {
  background-color: #0c8585;
}
.teal700-text {
  color: #0c8585;
}
.teal800 {
  background-color: #097575;
}
.teal800-text {
  color: #097575;
}
.teal900 {
  background-color: #076565;
}
.teal900-text {
  color: #076565;
}
.green50 {
  background-color: #f0faf6;
}
.green50-text {
  color: #f0faf6;
}
.green100 {
  background-color: #aeefd5;
}
.green100-text {
  color: #aeefd5;
}
.green200 {
  background-color: #76e4b8;
}
.green200-text {
  color: #76e4b8;
}
.green300 {
  background-color: #3fd599;
}
.green300-text {
  color: #3fd599;
}
.green400 {
  background-color: #15c47e;
}
.green400-text {
  color: #15c47e;
}
.green500 {
  background-color: #03b26c;
}
.green500-text {
  color: #03b26c;
}
.green600 {
  background-color: #02a262;
}
.green600-text {
  color: #02a262;
}
.green700 {
  background-color: #029359;
}
.green700-text {
  color: #029359;
}
.green800 {
  background-color: #028450;
}
.green800-text {
  color: #028450;
}
.green900 {
  background-color: #027648;
}
.green900-text {
  color: #027648;
}
.whiteOpacity50 {
  background-color: rgba(209, 209, 253, 0.05);
}
.whiteOpacity50-text {
  color: rgba(209, 209, 253, 0.05);
}
.whiteOpacity100 {
  background-color: rgba(217, 217, 255, 0.11);
}
.whiteOpacity100-text {
  color: rgba(217, 217, 255, 0.11);
}
.whiteOpacity200 {
  background-color: rgba(222, 222, 255, 0.19);
}
.whiteOpacity200-text {
  color: rgba(222, 222, 255, 0.19);
}
.whiteOpacity300 {
  background-color: rgba(224, 224, 255, 0.27);
}
.whiteOpacity300-text {
  color: rgba(224, 224, 255, 0.27);
}
.whiteOpacity400 {
  background-color: rgba(232, 232, 253, 0.36);
}
.whiteOpacity400-text {
  color: rgba(232, 232, 253, 0.36);
}
.whiteOpacity500 {
  background-color: rgba(242, 242, 255, 0.47);
}
.whiteOpacity500-text {
  color: rgba(242, 242, 255, 0.47);
}
.whiteOpacity600 {
  background-color: rgba(248, 248, 255, 0.6);
}
.whiteOpacity600-text {
  color: rgba(248, 248, 255, 0.6);
}
.whiteOpacity700 {
  background-color: rgba(253, 253, 255, 0.75);
}
.whiteOpacity700-text {
  color: rgba(253, 253, 255, 0.75);
}
.whiteOpacity800 {
  background-color: rgba(253, 253, 254, 0.89);
}
.whiteOpacity800-text {
  color: rgba(253, 253, 254, 0.89);
}
.whiteOpacity900 {
  background-color: white;
}
.whiteOpacity900-text {
  color: white;
}
.inverseGrey50 {
  background-color: #202027;
}
.inverseGrey50-text {
  color: #202027;
}
.inverseGrey100 {
  background-color: #2c2c35;
}
.inverseGrey100-text {
  color: #2c2c35;
}
.inverseGrey200 {
  background-color: #3c3c47;
}
.inverseGrey200-text {
  color: #3c3c47;
}
.inverseGrey300 {
  background-color: #4d4d59;
}
.inverseGrey300-text {
  color: #4d4d59;
}
.inverseGrey400 {
  background-color: #62626d;
}
.inverseGrey400-text {
  color: #62626d;
}
.inverseGrey500 {
  background-color: #7e7e87;
}
.inverseGrey500-text {
  color: #7e7e87;
}
.inverseGrey600 {
  background-color: #9e9ea4;
}
.inverseGrey600-text {
  color: #9e9ea4;
}
.inverseGrey700 {
  background-color: #c3c3c6;
}
.inverseGrey700-text {
  color: #c3c3c6;
}
.inverseGrey800 {
  background-color: #e4e4e5;
}
.inverseGrey800-text {
  color: #e4e4e5;
}
.inverseGrey900 {
  background-color: white;
}
.inverseGrey900-text {
  color: white;
}
.background {
  background-color: #ffffff;
}
.background-text {
  color: #ffffff;
}
.darkBackground {
  background-color: #17171c;
}
.darkBackground-text {
  color: #17171c;
}
.greyBackground {
  background-color: #f2f4f6;
}
.greyBackground-text {
  color: #f2f4f6;
}
.darkGreyBackground {
  background-color: #101013;
}
.darkGreyBackground-text {
  color: #101013;
}
.layeredBackground {
  background-color: #ffffff;
}
.layeredBackground-text {
  color: #ffffff;
}
.darkLayeredBackground {
  background-color: #202027;
}
.darkLayeredBackground-text {
  color: #202027;
}
.floatBackground {
  background-color: #ffffff;
}
.floatBackground-text {
  color: #ffffff;
}
.darkFloatBackground {
  background-color: #2c2c35;
}
.darkFloatBackground-text {
  color: #2c2c35;
}
html {
  --adaptiveGrey50: #f9fafb;
  --adaptiveGrey100: #f2f4f6;
  --adaptiveGrey200: #e5e8eb;
  --adaptiveGrey300: #d1d6db;
  --adaptiveGrey400: #b0b8c1;
  --adaptiveGrey500: #8b95a1;
  --adaptiveGrey600: #6b7684;
  --adaptiveGrey700: #4e5968;
  --adaptiveGrey800: #333d4b;
  --adaptiveGrey900: #191f28;
  --adaptiveOpacity50: rgba(0, 23, 51, 0.02);
  --adaptiveOpacity100: rgba(2, 32, 71, 0.05);
  --adaptiveOpacity200: rgba(0, 27, 55, 0.1);
  --adaptiveOpacity300: rgba(0, 29, 58, 0.18);
  --adaptiveOpacity400: rgba(0, 29, 54, 0.31);
  --adaptiveOpacity500: rgba(3, 24, 50, 0.46);
  --adaptiveOpacity600: rgba(0, 19, 43, 0.58);
  --adaptiveOpacity700: rgba(3, 18, 40, 0.7);
  --adaptiveOpacity800: rgba(0, 12, 30, 0.8);
  --adaptiveOpacity900: rgba(2, 9, 19, 0.91);
  --adaptiveBackground: #ffffff;
  --adaptiveGreyBackground: #f2f4f6;
  --adaptiveLayeredBackground: #ffffff;
  --adaptiveFloatBackground: #ffffff;
  --tHairlineBackground: repeat-x
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='rgba(0, 29, 58, 0.18)' x='0' y='0' width='1' height='0.5'/></svg>");
  --tGradientToTop: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  --tGradientToRight: linear-gradient(
        to right,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
  --tGradientToLeft: linear-gradient(
        to left,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
  --tGradientToBottom: linear-gradient(
        to bottom,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
  --tLayeredGradientToTop: linear-gradient(
        to top,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
  --tLayeredGradientToBottom: linear-gradient(
        to bottom,
        #ffffff,
        rgba(255, 255, 255, 0)
    );
  --tRadioIndicatorBackgroundColor: white;
  --tRadioCheckedFontColor: #2272eb;
  --tToastBackground: rgba(25, 31, 40, 0.54);
  --tDarkFillButtonBackground: #4e5968;
  --tPrimaryWeakButtonBackground: #e8f3ff;
  --tDangerWeakButtonBackground: #ffeeee;
  --tDarkWeakButtonBackground: #f2f4f6;
  --tLightWeakButtonBackground: rgba(222, 222, 255, 0.19);
  --tButtonPressedAfterBackground: transparent;
  --tPrimaryWeakButtonPressedBackground: rgba(49, 130, 246, 0.26);
  --tDangerWeakButtonPressedBackground: rgba(244, 67, 54, 0.26);
  --tDarkWeakButtonPressedBackground: rgba(78, 89, 104, 0.26);
  --tLightWeakButtonPressedBackground: rgba(255, 255, 255, 0.26);
  --tBlueBadgeColor: #1b64da;
  --tBlueBadgeBackground: rgba(49, 130, 246, 0.16);
  --tTealBadgeColor: #0c8585;
  --tTealBadgeBackground: rgba(0, 129, 138, 0.16);
  --tGreenBadgeColor: #029359;
  --tGreenBadgeBackground: rgba(2, 162, 98, 0.16);
  --tRedBadgeColor: #d22030;
  --tRedBadgeBackground: rgba(244, 67, 54, 0.16);
  --tYellowBadgeColor: #dd7d02;
  --tYellowBadgeBackground: rgba(255, 179, 49, 0.16);
  --tElephantBadgeColor: #4e5968;
  --tElephantBadgeBackground: rgba(78, 89, 104, 0.16);
  --tSwiperBulletBackground: rgba(232, 232, 253, 0.36);
  --tListRowDisabledBackground: rgba(253, 253, 255, 0.75);
}
.adaptive-grey50-text {
  color: #f9fafb;
  color: var(--adaptiveGrey50);
}
.adaptive-grey100-text {
  color: #f2f4f6;
  color: var(--adaptiveGrey100);
}
.adaptive-grey200-text {
  color: #e5e8eb;
  color: var(--adaptiveGrey200);
}
.adaptive-grey300-text {
  color: #d1d6db;
  color: var(--adaptiveGrey300);
}
.adaptive-grey400-text {
  color: #b0b8c1;
  color: var(--adaptiveGrey400);
}
.adaptive-grey500-text {
  color: #8b95a1;
  color: var(--adaptiveGrey500);
}
.adaptive-grey600-text {
  color: #6b7684;
  color: var(--adaptiveGrey600);
}
.adaptive-grey700-text {
  color: #4e5968;
  color: var(--adaptiveGrey700);
}
.adaptive-grey800-text {
  color: #333d4b;
  color: var(--adaptiveGrey800);
}
.adaptive-grey900-text {
  color: #191f28;
  color: var(--adaptiveGrey900);
}
.adaptive-opacity50-text {
  color: rgba(0, 23, 51, 0.02);
  color: var(--adaptiveOpacity50);
}
.adaptive-opacity100-text {
  color: rgba(2, 32, 71, 0.05);
  color: var(--adaptiveOpacity100);
}
.adaptive-opacity200-text {
  color: rgba(0, 27, 55, 0.1);
  color: var(--adaptiveOpacity200);
}
.adaptive-opacity300-text {
  color: rgba(0, 29, 58, 0.18);
  color: var(--adaptiveOpacity300);
}
.adaptive-opacity400-text {
  color: rgba(0, 29, 54, 0.31);
  color: var(--adaptiveOpacity400);
}
.adaptive-opacity500-text {
  color: rgba(3, 24, 50, 0.46);
  color: var(--adaptiveOpacity500);
}
.adaptive-opacity600-text {
  color: rgba(0, 19, 43, 0.58);
  color: var(--adaptiveOpacity600);
}
.adaptive-opacity700-text {
  color: rgba(3, 18, 40, 0.7);
  color: var(--adaptiveOpacity700);
}
.adaptive-opacity800-text {
  color: rgba(0, 12, 30, 0.8);
  color: var(--adaptiveOpacity800);
}
.adaptive-opacity900-text {
  color: rgba(2, 9, 19, 0.91);
  color: var(--adaptiveOpacity900);
}
.adaptive-background-text {
  color: #ffffff;
  color: var(--adaptiveBackground);
}
.adaptive-greyBackground-text {
  color: #f2f4f6;
  color: var(--adaptiveGreyBackground);
}
.adaptive-layeredBackground-text {
  color: #ffffff;
  color: var(--adaptiveLayeredBackground);
}
.adaptive-floatBackground-text {
  color: #ffffff;
  color: var(--adaptiveFloatBackground);
}
.t-bg--greyBackground {
  background: #f2f4f6;
  background: var(--adaptiveGreyBackground);
}
.visually-hidden {
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  -webkit-appearance: none;
}
.typography-t1, .font-size--30 {
  font-size: 30px;
  font-size: var(--walla-font-size-30);
  line-height: 1.333;
  line-height: var(--walla-line-height-30);
}
.typography-t1--skeleton-wrapper {
  height: 1.333;
  height: var(--walla-line-height-30);
  padding-top: 0.2em;
}
.typography-t1--skeleton {
  height: 30px;
  height: var(--walla-font-size-30);
}
.typography-t1--skeleton.skeleton {
  border-radius: 8px;
}
.typography-t2, .font-size--26 {
  font-size: 26px;
  font-size: var(--walla-font-size-26);
  line-height: 1.346;
  line-height: var(--walla-line-height-26);
}
.typography-t2--skeleton-wrapper {
  height: 1.346;
  height: var(--walla-line-height-26);
  padding-top: 0.2em;
}
.typography-t2--skeleton {
  height: 26px;
  height: var(--walla-font-size-26);
}
.typography-t2--skeleton.skeleton {
  border-radius: 7px;
}
.typography-t3, .font-size--22 {
  font-size: 22px;
  font-size: var(--walla-font-size-22);
  line-height: 1.409;
  line-height: var(--walla-line-height-22);
}
.typography-t3--skeleton-wrapper {
  height: 1.409;
  height: var(--walla-line-height-22);
  padding-top: 0.2em;
}
.typography-t3--skeleton {
  height: 22px;
  height: var(--walla-font-size-22);
}
.typography-t3--skeleton.skeleton {
  border-radius: 6px;
}
.typography-t4, .font-size--20 {
  font-size: 20px;
  font-size: var(--walla-font-size-20);
  line-height: 1.45;
  line-height: var(--walla-line-height-20);
}
.typography-t4--skeleton-wrapper {
  height: 1.45;
  height: var(--walla-line-height-20);
  padding-top: 0.2em;
}
.typography-t4--skeleton {
  height: 20px;
  height: var(--walla-font-size-20);
}
.typography-t4--skeleton.skeleton {
  border-radius: 6px;
}
.typography-t5, .font-size--17 {
  font-size: 17px;
  font-size: var(--walla-font-size-17);
  line-height: 1.5;
  line-height: var(--walla-line-height-17);
}
.typography-t5--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-17);
  padding-top: 0.2em;
}
.typography-t5--skeleton {
  height: 17px;
  height: var(--walla-font-size-17);
}
.typography-t5--skeleton.skeleton {
  border-radius: 5.5px;
}
.typography-t6, .font-size--15 {
  font-size: 15px;
  font-size: var(--walla-font-size-15);
  line-height: 1.5;
  line-height: var(--walla-line-height-15);
}
.typography-t6--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-15);
  padding-top: 0.2em;
}
.typography-t6--skeleton {
  height: 15px;
  height: var(--walla-font-size-15);
}
.typography-t6--skeleton.skeleton {
  border-radius: 5px;
}
.typography-t7, .font-size--13 {
  font-size: 13px;
  font-size: var(--walla-font-size-13);
  line-height: 1.5;
  line-height: var(--walla-line-height-13);
}
.typography-t7--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-13);
  padding-top: 0.2em;
}
.typography-t7--skeleton {
  height: 13px;
  height: var(--walla-font-size-13);
}
.typography-t7--skeleton.skeleton {
  border-radius: 5px;
}
.typography-st1, .font-size--29 {
  font-size: 29px;
  font-size: var(--walla-font-size-29);
  line-height: 1.31;
  line-height: var(--walla-line-height-29);
}
.typography-st1--skeleton-wrapper {
  height: 1.31;
  height: var(--walla-line-height-29);
  padding-top: 0.2em;
}
.typography-st1--skeleton {
  height: 29px;
  height: var(--walla-font-size-29);
}
.typography-st1--skeleton.skeleton {
  border-radius: 8px;
}
.typography-st2, .font-size--28 {
  font-size: 28px;
  font-size: var(--walla-font-size-28);
  line-height: 1.321;
  line-height: var(--walla-line-height-28);
}
.typography-st2--skeleton-wrapper {
  height: 1.321;
  height: var(--walla-line-height-28);
  padding-top: 0.2em;
}
.typography-st2--skeleton {
  height: 28px;
  height: var(--walla-font-size-28);
}
.typography-st2--skeleton.skeleton {
  border-radius: 7px;
}
.typography-st3, .font-size--27 {
  font-size: 27px;
  font-size: var(--walla-font-size-27);
  line-height: 1.333;
  line-height: var(--walla-line-height-27);
}
.typography-st3--skeleton-wrapper {
  height: 1.333;
  height: var(--walla-line-height-27);
  padding-top: 0.2em;
}
.typography-st3--skeleton {
  height: 27px;
  height: var(--walla-font-size-27);
}
.typography-st3--skeleton.skeleton {
  border-radius: 7px;
}
.typography-st4, .font-size--25 {
  font-size: 25px;
  font-size: var(--walla-font-size-25);
  line-height: 1.36;
  line-height: var(--walla-line-height-25);
}
.typography-st4--skeleton-wrapper {
  height: 1.36;
  height: var(--walla-line-height-25);
  padding-top: 0.2em;
}
.typography-st4--skeleton {
  height: 25px;
  height: var(--walla-font-size-25);
}
.typography-st4--skeleton.skeleton {
  border-radius: 7px;
}
.typography-st5, .font-size--24 {
  font-size: 24px;
  font-size: var(--walla-font-size-24);
  line-height: 1.375;
  line-height: var(--walla-line-height-24);
}
.typography-st5--skeleton-wrapper {
  height: 1.375;
  height: var(--walla-line-height-24);
  padding-top: 0.2em;
}
.typography-st5--skeleton {
  height: 24px;
  height: var(--walla-font-size-24);
}
.typography-st5--skeleton.skeleton {
  border-radius: 7px;
}
.typography-st6, .font-size--23 {
  font-size: 23px;
  font-size: var(--walla-font-size-23);
  line-height: 1.391;
  line-height: var(--walla-line-height-23);
}
.typography-st6--skeleton-wrapper {
  height: 1.391;
  height: var(--walla-line-height-23);
  padding-top: 0.2em;
}
.typography-st6--skeleton {
  height: 23px;
  height: var(--walla-font-size-23);
}
.typography-st6--skeleton.skeleton {
  border-radius: 7px;
}
.typography-st7, .font-size--21 {
  font-size: 21px;
  font-size: var(--walla-font-size-21);
  line-height: 1.429;
  line-height: var(--walla-line-height-21);
}
.typography-st7--skeleton-wrapper {
  height: 1.429;
  height: var(--walla-line-height-21);
  padding-top: 0.2em;
}
.typography-st7--skeleton {
  height: 21px;
  height: var(--walla-font-size-21);
}
.typography-st7--skeleton.skeleton {
  border-radius: 6px;
}
.typography-st8, .font-size--19 {
  font-size: 19px;
  font-size: var(--walla-font-size-19);
  line-height: 1.474;
  line-height: var(--walla-line-height-19);
}
.typography-st8--skeleton-wrapper {
  height: 1.474;
  height: var(--walla-line-height-19);
  padding-top: 0.2em;
}
.typography-st8--skeleton {
  height: 19px;
  height: var(--walla-font-size-19);
}
.typography-st8--skeleton.skeleton {
  border-radius: 6px;
}
.typography-st9, .font-size--18 {
  font-size: 18px;
  font-size: var(--walla-font-size-18);
  line-height: 1.5;
  line-height: var(--walla-line-height-18);
}
.typography-st9--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-18);
  padding-top: 0.2em;
}
.typography-st9--skeleton {
  height: 18px;
  height: var(--walla-font-size-18);
}
.typography-st9--skeleton.skeleton {
  border-radius: 6px;
}
.typography-st10, .font-size--16 {
  font-size: 16px;
  font-size: var(--walla-font-size-16);
  line-height: 1.5;
  line-height: var(--walla-line-height-16);
}
.typography-st10--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-16);
  padding-top: 0.2em;
}
.typography-st10--skeleton {
  height: 16px;
  height: var(--walla-font-size-16);
}
.typography-st10--skeleton.skeleton {
  border-radius: 5px;
}
.typography-st11, .font-size--14 {
  font-size: 14px;
  font-size: var(--walla-font-size-14);
  line-height: 1.5;
  line-height: var(--walla-line-height-14);
}
.typography-st11--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-14);
  padding-top: 0.2em;
}
.typography-st11--skeleton {
  height: 14px;
  height: var(--walla-font-size-14);
}
.typography-st11--skeleton.skeleton {
  border-radius: 5px;
}
.typography-st12, .font-size--12 {
  font-size: 12px;
  font-size: var(--walla-font-size-12);
  line-height: 1.5;
  line-height: var(--walla-line-height-12);
}
.typography-st12--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-12);
  padding-top: 0.2em;
}
.typography-st12--skeleton {
  height: 12px;
  height: var(--walla-font-size-12);
}
.typography-st12--skeleton.skeleton {
  border-radius: 5px;
}
.typography-st13, .font-size--11 {
  font-size: 11px;
  font-size: var(--walla-font-size-11);
  line-height: 1.5;
  line-height: var(--walla-line-height-11);
}
.typography-st13--skeleton-wrapper {
  height: 1.5;
  height: var(--walla-line-height-11);
  padding-top: 0.2em;
}
.typography-st13--skeleton {
  height: 11px;
  height: var(--walla-font-size-11);
}
.typography-st13--skeleton.skeleton {
  border-radius: 5px;
}
.hairline {
  background: repeat-x url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='rgba(0, 29, 58, 0.18)' x='0' y='0' width='1' height='0.5'/></svg>");
  background: var(--tHairlineBackground);
  height: 1px;
}
.hairline--padding24 {
  margin-left: 24px;
  width: calc(100% - 24px);
}
.has-hairline-after {
  position: relative;
}
.has-hairline-after::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: repeat-x url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='rgba(0, 29, 58, 0.18)' x='0' y='0' width='1' height='0.5'/></svg>");
  background: var(--tHairlineBackground);
  height: 1px;
}
.has-hairline-after--padding24::after {
  margin-left: 24px;
  width: calc(100% - 24px);
}
.has-hairline-before {
  position: relative;
}
.has-hairline-before::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: repeat-x url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='rgba(0, 29, 58, 0.18)' x='0' y='0' width='1' height='0.5'/></svg>");
  background: var(--tHairlineBackground);
  height: 1px;
}
.has-hairline-before--padding24::before {
  margin-left: 24px;
  width: calc(100% - 24px);
}
.font-weight--regular {
  font-weight: 400;
}
.font-weight--medium {
  font-weight: 500;
}
.font-weight--semibold {
  font-weight: 600;
}
.font-weight--bold {
  font-weight: 700;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-8 {
  padding-top: 8px;
}
.padding-top-16 {
  padding-top: 16px;
}
.padding-top-24 {
  padding-top: 24px;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-8 {
  padding-bottom: 8px;
}
.padding-bottom-16 {
  padding-bottom: 16px;
}
.padding-bottom-24 {
  padding-bottom: 24px;
}
.w-reset-button {
  background: none;
  border: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
}
.text {
  color: #191f28;
  color: var(--adaptiveGrey900);
}
.text--font-weight-regular {
  font-weight: 400;
}
.text--font-weight-medium {
  font-weight: 500;
}
.text--font-weight-semibold {
  font-weight: 600;
}
.text--font-weight-bold {
  font-weight: 700;
}
.text--single-line {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text--multi-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
}
.text--word-break.text--display-block, .text--word-break.text--display-inline-block {
  max-width: 100%;
}
.text--display-inline {
  display: inline;
}
.text--display-block {
  display: block;
}
.text--display-contents {
  display: contents;
}
.text--display-flex {
  display: flex;
}
.text--display-grid {
  display: grid;
}
.text--display-inline-block {
  display: inline-block;
}
.text--display-inline-flex {
  display: inline-flex;
}
.text--display-inline-grid {
  display: inline-grid;
}
.text--display-inline-table {
  display: inline-table;
}
.text--display-list-item {
  display: list-item;
}
.text--display-run-in {
  display: run-in;
}
.text--display-table {
  display: table;
}
.text--display-table-caption {
  display: table-caption;
}
.text--display-table-column-group {
  display: table-column-group;
}
.text--display-table-header-group {
  display: table-header-group;
}
.text--display-table-footer-group {
  display: table-footer-group;
}
.text--display-table-row-group {
  display: table-row-group;
}
.text--display-table-cell {
  display: table-cell;
}
.text--display-table-column {
  display: table-column;
}
.text--display-table-row {
  display: table-row;
}
.text--display-none {
  display: none;
}
.text--display-initial {
  display: initial;
}
.text--display-inherit {
  display: inherit;
}
.text--as {
  margin: 0;
  padding: 0;
}
.banner {
  margin: 24px;
  padding: 0;
  min-height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  transform: translateZ(0);
}
.banner--button {
  cursor: pointer;
}
.banner__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  text-align: left;
  margin: 25px 0 25px 24px;
  width: 60%;
}
.banner__title__heading {
  margin: 0;
  color: #333d4b;
  order: 1;
}
.banner__title__subheading {
  margin: 0 0 4px;
  color: #6b7684;
  font-weight: 400;
  order: 0;
}
.banner__title__subheading--bottom {
  order: 2;
  margin-bottom: 0;
  margin-top: 4px;
}
.banner__title .banner__title__text-button {
  order: 2;
  color: #6b7684;
  margin-top: 4px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}
.banner__title .banner__title__text-button__contents {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: left;
}
.banner__title .banner__title__text-button .text-button__indicator {
  margin: 0;
}
.banner__title .banner__title__text-button > .svg-icon {
  flex: 0 0 24px;
}
.banner__accessory {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
  max-width: 140px;
  z-index: 0;
  align-self: flex-end;
  display: flex;
  align-items: flex-end;
  height: 100%;
}
.banner__accessory > img:not(.banner__icon), .banner__accessory video {
  width: 100%;
  height: auto;
}
.banner__accessory > .banner__icon {
  position: absolute;
}
.banner__icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: calc(50% - 20px);
  right: 32px;
}
.board-row {
  list-style: none;
}
.board-row:last-of-type .board-row__header::after {
  display: none;
}
.board-row__header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 16px 16px 16px 24px;
  background-color: #ffffff;
  background-color: var(--adaptiveBackground);
  outline: 0;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.board-row__title {
  flex: 1 1 auto;
  font-weight: 400;
  color: #4e5968;
  color: var(--adaptiveGrey700);
  white-space: pre-wrap;
}
.board-row__q {
  display: inline-block;
  line-height: inherit;
  margin: 0 8px auto auto;
  font-weight: 400;
  color: #3182f6;
}
.board-row__indicator {
  color: #6b7684;
  color: var(--adaptiveGrey600);
}
.board-row__content {
  display: none;
  padding: 16px 24px;
  background-color: #f9fafb;
  background-color: var(--adaptiveGrey50);
  font-weight: 400;
  color: #4e5968;
  color: var(--adaptiveGrey700);
}
.board-row__content > * {
  display: block;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.board-row__content > *:not(:last-child) {
  margin-bottom: 24px;
}
.board-row--expanded > .board-row__header::after {
  content: none;
}
.board-row--expanded .board-row__title {
  font-weight: 500;
  color: #3182f6;
}
.board-row--expanded > .board-row__content {
  display: block;
}
.border {
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  height: 1px;
}
.bottom-cta {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.bottom-cta--fixed {
  position: fixed;
}
.bottom-cta--fixed-in-bottom-sheet {
  position: absolute;
}
.bottom-cta--fixed, .bottom-cta--fixed-in-bottom-sheet {
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 50;
}
.bottom-cta--in-container {
  width: 100%;
  max-width: 700px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}
.bottom-cta__gradient {
  height: 34px;
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  background: var(--tGradientToTop);
}
.bottom-cta__top-accessory, .bottom-cta__bottom-accessory {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: pre-wrap;
  color: #6b7684;
  color: var(--adaptiveGrey600);
}
.bottom-cta__top-accessory {
  padding-bottom: 16px;
}
.bottom-cta__top-accessory .text-button {
  margin-bottom: -8px;
}
.bottom-cta__bottom-accessory {
  padding-top: 16px;
}
.bottom-cta__container {
  padding: 0 20px 18px 20px;
  background-color: #ffffff;
  background-color: var(--adaptiveBackground);
}
.bottom-cta__container--remove-padding-bottom {
  padding-bottom: 0;
}
.bottom-cta__container--background-none {
  background-color: transparent;
}
@supports (padding-top: max(env(safe-area-inset-top))) {
  .bottom-cta__container--safe-area {
    padding-bottom: max(18px, env(safe-area-inset-bottom));
  }
  .bottom-sheet .bottom-cta__container--safe-area {
    --temporary-zero-pixel: 0px;
    padding-bottom: max( calc(20px - env(safe-area-inset-bottom)), var(--temporary-zero-pixel) );
  }
  .bottom-cta--fixed-in-bottom-sheet .bottom-cta__container--safe-area {
    padding-bottom: max(18px, env(safe-area-inset-bottom));
  }
}
.bottom-cta__button-container {
  display: flex;
  margin: -4px -5px;
}
.bottom-cta__button-container > .button {
  flex-grow: 1;
  min-width: calc(50% - 10px);
  margin: 4px 5px;
}
.bottom-cta__button-container--a11y-medium {
  flex-wrap: wrap;
}
.bottom-cta__button-container--a11y-large {
  flex-direction: column;
}
.bottom-cta--c {
  flex-direction: row;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.26), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  background-color: var(--adaptiveBackground);
  padding: 12px 24px 12px 20px;
}
.bottom-cta--c--remove-padding-bottom {
  padding-bottom: 0;
}
@supports (padding-top: max(env(safe-area-inset-top))) {
  .bottom-cta--c--safe-area {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .bottom-sheet .bottom-cta--c--safe-area {
    --temporary-zero-pixel: 0px;
    padding-bottom: max( calc(20px - env(safe-area-inset-bottom)), var(--temporary-zero-pixel) );
  }
  .bottom-cta--c--safe-area.bottom-cta--fixed-in-bottom-sheet {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}
.bottom-cta--c__left, .bottom-cta--c__right {
  flex-basis: 50%;
  display: flex;
}
.bottom-cta--c__left {
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.bottom-cta--c__right > button {
  width: 100%;
}
.bottom-cta--c__top-text, .bottom-cta--c__bottom-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bottom-cta--c__top-text {
  color: var(--adaptiveGrey600);
}
.bottom-cta--c__bottom-text {
  font-weight: 500;
  color: var(--adaptiveGrey900);
}
.bottom-cta--fixed {
  transition: opacity 0.2s cubic-bezier(0.1, 0.76, 0.55, 0.9);
}
.bottom-cta__container {
  transition: padding 0.2s cubic-bezier(0.1, 0.76, 0.55, 0.9);
}
.bottom-cta--a .button {
  transition: border-radius 0.2s cubic-bezier(0.1, 0.76, 0.55, 0.9);
}
.bottom-cta--block .bottom-cta__container {
  padding: 0;
}
.bottom-sheet .bottom-cta__container {
  background-color: #ffffff;
  background-color: var(--adaptiveLayeredBackground);
}
.bottom-sheet .bottom-cta--c {
  background-color: #ffffff;
  background-color: var(--adaptiveLayeredBackground);
}
.bottom-sheet .bottom-cta__gradient {
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
  background: var(--tLayeredGradientToTop);
}
.bottom-info {
  background-color: #f2f4f6;
  background-color: var(--adaptiveGreyBackground);
  margin: 0;
  width: 100%;
  padding: 24px;
  list-style: none;
}
.bottom-info--text > .bottom-info__item {
  padding-left: 0;
}
.bottom-info--text > .bottom-info__item::before {
  content: "";
}
.bottom-info .post-header, .bottom-info .post-link, .bottom-info .post-list, .bottom-info .post-paragraph {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.bottom-info .post-hr, .bottom-info .post-table {
  margin-left: -24px;
  margin-right: -24px;
}
.bottom-info .post-header, .bottom-info .post-list, .bottom-info .post-paragraph, .bottom-info .post-table {
  color: #4e5968;
  color: var(--adaptiveGrey700);
}
.bottom-info__item {
  position: relative;
  padding-left: 1em;
  color: #4e5968;
  color: var(--adaptiveGrey700);
}
.bottom-info__item + .bottom-info__item {
  margin-top: 8px;
}
.bottom-info__item::before {
  position: absolute;
  left: 0;
  content: "•";
}
.bottom-sheet__sheet {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  min-height: 48px;
  max-height: 70%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  box-shadow: 0 0 0 1px rgba(2, 32, 71, 0.05), 0 6px 20px 0 rgba(0, 29, 54, 0.31), 0 1px 3px 0 rgba(0, 27, 55, 0.1);
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  background-color: var(--adaptiveLayeredBackground);
}
.bottom-sheet--full .bottom-sheet__sheet {
  top: 0;
  max-height: 100%;
}
.bottom-sheet__sheet__top-sheet {
  bottom: unset;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
}
.bottom-sheet__sheet__top-sheet > .bottom-sheet__content {
  padding-bottom: unset;
}
.bottom-sheet > .dimmer {
  z-index: 9999;
}
.bottom-sheet__header-wrapper {
  padding-top: 21px;
  padding-bottom: 13px;
}
.bottom-sheet__header {
  flex: none;
  display: flex;
  white-space: pre-wrap;
}
.bottom-sheet__header__content {
  font-weight: 700;
  color: #191f28;
  color: var(--adaptiveGrey900);
  flex: 1;
  margin-top: 4px;
  padding-left: 24px;
  padding-right: 16px;
}
.bottom-sheet__header-description {
  white-space: pre-wrap;
  padding: 8px 44px 0 24px;
}
.bottom-sheet__content {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 1px;
  -webkit-overflow-scrolling: touch;
  padding-bottom: env(safe-area-inset-bottom);
}
.bottom-sheet__content .bottom-cta__spacer {
  margin-bottom: calc(-1 * env(safe-area-inset-bottom));
}
.bottom-sheet__select.t-list {
  padding-top: 8px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
}
.bottom-sheet__select-label {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(2, 32, 71, 0.05);
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  user-select: none;
  border: 0 solid transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out, border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, opacity 0.1s ease-in-out;
  overflow: hidden;
  transform: translateZ(0);
  padding: 0;
  color: #ffffff;
  background-color: #3182f6;
}
.button:hover, .button:focus {
  text-decoration: none;
}
.button:focus {
  outline: none;
}
.button:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.button:not(:disabled):not(.disabled):active {
  background-image: none;
}
.button::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition: background-color 0.1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .button:not(:disabled):not(.disabled):hover::after {
    background-color: rgba(0, 29, 54, 0.31);
  }
}
.button:not(:disabled):not(.disabled):active::after {
  background-color: rgba(0, 29, 54, 0.31);
}
.button.button--style-fill:disabled, .button.button--style-fill.disabled {
  opacity: 0.26;
}
@media (hover: hover) and (pointer: fine) {
  .button.button--style-fill:not(:disabled):not(.disabled):hover::after {
    background-color: rgba(0, 0, 0, 0.26);
  }
}
.button.button--style-fill:not(:disabled):not(.disabled):active::after {
  background-color: rgba(0, 0, 0, 0.26);
}
.button.button--style-weak:disabled .button__content, .button.button--style-weak.disabled .button__content {
  opacity: 0.38;
}
@media (hover: hover) and (pointer: fine) {
  .button.button--style-weak:not(:disabled):not(.disabled):hover::after {
    background-color: transparent;
    background-color: var(--tButtonPressedAfterBackground);
  }
}
.button.button--style-weak:not(:disabled):not(.disabled):active::after {
  background-color: transparent;
  background-color: var(--tButtonPressedAfterBackground);
}
.button.button--style-weak {
  color: #3182f6;
  background-color: #e8f3ff;
  background-color: var(--tPrimaryWeakButtonBackground);
}
@media (hover: hover) and (pointer: fine) {
  .button.button--style-weak:not(:disabled):not(.disabled):hover {
    background-color: rgba(49, 130, 246, 0.26);
    background-color: var(--tPrimaryWeakButtonPressedBackground);
  }
}
.button.button--style-weak:not(:disabled):not(.disabled):active {
  background-color: rgba(49, 130, 246, 0.26);
  background-color: var(--tPrimaryWeakButtonPressedBackground);
}
.button--type-danger {
  background-color: #f04452;
}
.button--type-danger.button--style-weak {
  color: #f04452;
  background-color: #ffeeee;
  background-color: var(--tDangerWeakButtonBackground);
}
@media (hover: hover) and (pointer: fine) {
  .button--type-danger.button--style-weak:not(:disabled):not( .disabled ):hover {
    background-color: rgba(244, 67, 54, 0.26);
    background-color: var(--tDangerWeakButtonPressedBackground);
  }
}
.button--type-danger.button--style-weak:not(:disabled):not(.disabled):active {
  background-color: rgba(244, 67, 54, 0.26);
  background-color: var(--tDangerWeakButtonPressedBackground);
}
.button--type-dark {
  background-color: #4e5968;
  background-color: var(--tDarkFillButtonBackground);
}
.button--type-dark.button--style-weak {
  color: #4e5968;
  color: var(--adaptiveGrey700);
  background-color: #f2f4f6;
  background-color: var(--tDarkWeakButtonBackground);
}
@media (hover: hover) and (pointer: fine) {
  .button--type-dark.button--style-weak:not(:disabled):not(.disabled):hover {
    background-color: rgba(78, 89, 104, 0.26);
    background-color: var(--tDarkWeakButtonPressedBackground);
  }
}
.button--type-dark.button--style-weak:not(:disabled):not(.disabled):active {
  background-color: rgba(78, 89, 104, 0.26);
  background-color: var(--tDarkWeakButtonPressedBackground);
}
.button--type-light {
  color: #194aa6;
  background-color: #ffffff;
}
.button--type-light.button--style-weak {
  color: #ffffff;
  background-color: rgba(222, 222, 255, 0.19);
  background-color: var(--tLightWeakButtonBackground);
}
@media (hover: hover) and (pointer: fine) {
  .button--type-light.button--style-weak:not(:disabled):not(.disabled):hover {
    background-color: rgba(255, 255, 255, 0.26);
    background-color: var(--tLightWeakButtonPressedBackground);
  }
}
.button--type-light.button--style-weak:not(:disabled):not(.disabled):active {
  background-color: rgba(255, 255, 255, 0.26);
  background-color: var(--tLightWeakButtonPressedBackground);
}
.button--wrap {
  white-space: normal;
}
a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
a.button.disabled, fieldset:disabled a.button {
  pointer-events: none;
}
.button__content {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.button--size-big {
  border-radius: 16px;
}
.button--size-big .button__content {
  min-width: 96px;
  height: 56px;
  max-height: 56px;
  padding: 15px 16px;
}
.button--size-big .button__loader {
  display: flex;
  margin: -13px 0;
}
.button--size-big .button__loader .loader__animation {
  stroke: currentColor;
  width: 26px;
  height: 26px;
}
.button--size-big.button--wrap > .button__content {
  height: auto;
}
.button--size-big:not(.button--wrap) > .button__content {
  padding-top: 0;
  padding-bottom: 0;
}
.button--size-big.button--display-block > .button__content {
  max-height: 108px;
}
.button--size-big.button--display-block.button--android > .button__content {
  max-height: 98px;
}
.button--size-large {
  border-radius: 12px;
}
.button--size-large .button__content {
  min-width: 80px;
  height: calc(1em + 31px);
  max-height: 56px;
  padding: 12px 16px;
}
.button--size-large .button__loader {
  display: flex;
  margin: -12px 0;
}
.button--size-large .button__loader .loader__animation {
  stroke: currentColor;
  width: 24px;
  height: 24px;
}
.button--size-large.button--wrap > .button__content {
  height: auto;
}
.button--size-large:not(.button--wrap) > .button__content {
  padding-top: 0;
  padding-bottom: 0;
}
.button--size-large.button--display-block > .button__content {
  max-height: 108px;
}
.button--size-large.button--android > .button__content {
  height: 48px;
}
.button--size-large.button--android.button--display-block > .button__content {
  max-height: 86px;
}
.button--size-medium {
  border-radius: 8px;
}
.button--size-medium .button__content {
  min-width: 64px;
  height: calc(1em + 23px);
  max-height: 52px;
  padding: 8px 16px;
}
.button--size-medium .button__loader {
  display: flex;
  margin: -12px 0;
}
.button--size-medium .button__loader .loader__animation {
  stroke: currentColor;
  width: 24px;
  height: 24px;
}
.button--size-medium.button--wrap > .button__content {
  height: auto;
}
.button--size-medium:not(.button--wrap) > .button__content {
  padding-top: 0;
  padding-bottom: 0;
}
.button--size-medium.button--android > .button__content {
  max-height: 44px;
}
.button--size-tiny {
  border-radius: 6px;
}
.button--size-tiny .button__content {
  min-width: 52px;
  height: calc(1em + 19px);
  max-height: 48px;
  padding: 8px 10px;
}
.button--size-tiny .button__loader {
  display: flex;
  margin: -10px 0;
}
.button--size-tiny .button__loader .loader__animation {
  stroke: currentColor;
  width: 20px;
  height: 20px;
}
.button--size-tiny.button--wrap > .button__content {
  height: auto;
}
.button--size-tiny:not(.button--wrap) > .button__content {
  padding-top: 0;
  padding-bottom: 0;
}
.button--size-tiny.button--android > .button__content {
  max-height: 38px;
}
.button--display-block {
  display: flex;
  width: 100%;
}
.button--display-full {
  display: flex;
  width: 100%;
  border-radius: 0;
}
.button--display-full.button--is-loading {
  display: flex;
}
:root {
  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.97 0 0);
  --sidebar-accent-foreground: oklch(0.205 0 0);
  --sidebar-border: oklch(0.922 0 0);
  --sidebar-ring: oklch(0.708 0 0);
}
.dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
  --primary: oklch(0.922 0 0);
  --primary-foreground: oklch(0.205 0 0);
  --secondary: oklch(0.269 0 0);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.269 0 0);
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.556 0 0);
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);
  --sidebar: oklch(0.205 0 0);
  --sidebar-foreground: oklch(0.985 0 0);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.985 0 0);
  --sidebar-accent: oklch(0.269 0 0);
  --sidebar-accent-foreground: oklch(0.985 0 0);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.556 0 0);
}
@layer base {
  * {
    border-color: var(--border);
    outline-color: var(--ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }
  body {
    background-color: var(--background);
    color: var(--foreground);
  }
}
@layer base {
  :root {
    --chart-1: oklch(0.646 0.222 41.116);
    --chart-2: oklch(0.6 0.118 184.704);
    --chart-3: oklch(0.398 0.07 227.392);
    --chart-4: oklch(0.828 0.189 84.429);
    --chart-5: oklch(0.769 0.188 70.08);
  }
  .dark {
    --chart-1: oklch(0.488 0.243 264.376);
    --chart-2: oklch(0.696 0.17 162.48);
    --chart-3: oklch(0.769 0.188 70.08);
    --chart-4: oklch(0.627 0.265 303.9);
    --chart-5: oklch(0.645 0.246 16.439);
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-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-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}